微信小程序.ppt

BREAD PPT DESIGN 微信小程序 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下： app.js app.json app.wxss 必需 小程序逻辑 必需 小程序公共设置 非必需 小程序公共样式 一个小程序页面由四个文件组成，分别是：（页面的这四个文件必须具有相同的路径与文件名） js 必需 页面逻辑 wxml 必需 页面结构 wxss 非必需 页面样式 json 非必需 页面配置 app.json 配置 pages 必需 页面路径 window 非必需 页面窗口表现 tabBar 非必需 设置tab debug 非必需 可以在开发者工具中开启 debug 模式 networkTimeout 非必需 设置各种网络请求的超时时间 pages 数组形式，每一项对应一个页面【路径+文件名】。 不需要后缀名。 window 用于设置小程序的状态栏、导航条、标题、窗口背景色 navigationBarBackgroundColor：导航栏背景颜色 （十六进制） navigationBarTextStyle：导航标题颜色（仅支持black/white） navigationBarTitleText：导航标题 backgroundColor：窗口背景色（十六进制） backgroundTextStyle：下拉背景字体、loading 图的样式，仅支持 dark/light enablePullDownRefresh：是否开启下拉刷新 tabBar tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。 color： tab 上的文字默认颜色（十六进制） selectedColor ： tab 上的文字选中时的颜色（十六进制） backgroundColor ： tab 的背景色（十六进制） borderStyle ： tabbar上边框的颜色， 仅支持 black/white list ：数组 pagePath：页面路径，必须在 pages 中先定义 text： tab 上按钮文字 iconPath：图片路径，icon 大小限制为40kb selectedIconPath：选中时的图片路径，icon 大小限制为40kb tabBar position ：可选值 bottom（默认）、top app.js App() App()?函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。 全局的?getApp()?函数，可以获取到小程序实例 onLaunch ：当小程序初始化完成时，会触发 onLaunch（全局只触发一次） onShow ：当小程序启动，或从后台进入前台显示，会触发 onShow onHide ：当小程序从前台进入后台，会触发 onHide onError ：当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息 其他：开发者可以添加任意的函数或数据到 Object 参数中，用?this?可以访问 Page Page()?函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。 data：页面的初始数据 onLoad：页面加载 onReady：监听页面初次渲染完成 onShow ：监听页面显示 onHide ：监听页面隐藏 onUnload：监听页面卸载 onPullDownRefresh：监听用户下拉动作 onReachBottom：页面上拉触底事件的处理函数 onShareAppMessage ：用户点击右上角分享  Page setData() setData函数用于将数据从逻辑层发送到视图层，同时改变对应的?this.data?的值。 WXML WXML（WeiXin Markup Language）是框架设计的一套标签语言，用于描述页面的结构。 基本绑定 逻辑判断 for循环  WXSS WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式 尺寸单位：rpx，可以根据屏幕宽度进行自适应。1rpx = 0.5px（iphone6）。 @import语句可以导入外联样式表的相对路径，用;表示语句结束。 组件上支持使用 style、class 属性来控制组件的样式。 选择器 .class #id element element,element ::after：组件后面 ::before：组件前面 组件 一个组件通常包括开始标签和结束标签，属性用来修饰这个组件 所有组件和属性都是小写 基