小程序学习记录

一. 小程序目录结构

1. 小程序中主要由入口文件app.js, app.json等与其他一级页面，二级页面...等组成
2. 文件类型只有四种，wxml，wxss，json，js
3. app.json中用于配置应用中页面文件，具体操作参官方文档框架页配置部分https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html

二. 组件标签

与html不同，小程序中由自己的组件标签，详情查询官方文档https://mp.weixin.qq.com/debug/wxadoc/dev/component/

三. 手机适配

1. 使用rpx代替px：苹果机Retina屏的dpr导致不同设备需要使用不同大小逻辑像素值
2. rpx在小程序内会自动适配不同机型对应的逻辑分辨率，ip6下1px=1rpx，一般文字不需要使用rpx，会导致适配后文字过小

四. 注意事项

1. 应用最外层组件为page，然后才是自定义view，因此想做全屏设置时必须在page根组件上设置height为100%
   缓存：最大10M

五. 脚本部分

1. page生命周期
2. this.setData方法用于向data对象中设置属性值
3. page层级跳转：ws.navigateTo({ url: }),此方法跳转的页面在window处会提供返回按钮，触发onUnload
   同级页面跳转：ws.redirectTo({ url: }) ，不提供返回，触发原页面OnHide
4. 事件绑定：bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡

六. 小程序运行流程

1. 首先注册小程序App({})，函数生命周期参考文档
   https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/app.html
2. 进入前后台逻辑定义