一. 小程序目录结构
- 小程序中主要由入口文件app.js, app.json等与其他一级页面,二级页面...等组成
- 文件类型只有四种,wxml,wxss,json,js
- app.json中用于配置应用中页面文件,具体操作参官方文档框架页配置部分https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html
二. 组件标签
与html不同,小程序中由自己的组件标签,详情查询官方文档https://mp.weixin.qq.com/debug/wxadoc/dev/component/
三. 手机适配
- 使用rpx代替px:苹果机Retina屏的dpr导致不同设备需要使用不同大小逻辑像素值
- rpx在小程序内会自动适配不同机型对应的逻辑分辨率,ip6下1px=1rpx,一般文字不需要使用rpx,会导致适配后文字过小
四. 注意事项
- 应用最外层组件为page,然后才是自定义view,因此想做全屏设置时必须在page根组件上设置height为100%
缓存:最大10M
五. 脚本部分
- page生命周期
- this.setData方法用于向data对象中设置属性值
- page层级跳转:ws.navigateTo({ url: }),此方法跳转的页面在window处会提供返回按钮,触发onUnload
同级页面跳转:ws.redirectTo({ url: }) ,不提供返回,触发原页面OnHide - 事件绑定:bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡
六. 小程序运行流程
- 首先注册小程序App({}),函数生命周期参考文档
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/app.html - 进入前后台逻辑定义