1. 每添加一个页面需要在app.json中注册,第一个页面为首页。
2. 例如注册一个welcome页面
// 注意: 路径最前面不需要加 ‘/’ , 不需要加文件名
{ "pages": [ "pages/welcome/welcome" ] }
3. 每增加新页面后,js文件不能为空,需要调用 Page ({}) 初始化, 同样,页面的json文件也不能为空,应写为 {}
// 页面对应的js文件 Page({ })
// 页面对应的json文件, 不能为空,最简单也要写成下面的格式 { }
4. 通过在啊app.json里面注册页面,IDE会自动为开发者创建 .wxml, .js, .wxss, .json 的四个对应的文件
5. 每个页面都有一个名字为page的根结点
6. 小程序中支持一下几种css选择器
.class(.box) #id(#box) element(view) element,Element (view, checkbox) ::after(view::after) ::before (view::before)
7. 小程序中新定义了 rpx的适配单位:在宽度为750px的设计稿中, 1物理像素 = 1rpx = 0.5px
8. Boolean的陷阱:在swiper组件中,用vertical属性来设置是否垂直排列,若要设置为水平排列,只有一下三种方法:
// 1. 不加如vertical属性 // 2. vertical = ‘’ // 3. vertical = ‘{{false}}’
9. 小程序为image组件增加了 mode 属性用以控制图片的裁剪,常用的是widthFix(宽度充满,高度自适应)
10. page页面的声明周期
Page({ data: {}, onLoad: function (options) {}, // 页面初始化 options 为页面跳转所带来的参数, 一个页面只会调用一次 onShow: function () {}, // 页面显示,每次打开页面都会调用 onReady: function () {}, // 页面初次渲染完成,一个页面只会调用一次,代表页面已经准备好,可进行视觉交互 onHide: function () {}, // 页面隐藏 onUnload: function () {} // 页面关闭 }) // 注意: // 1. 一个页面的加载顺序(onLoad > onShow > onReady) // 2. onLoad和onReady在整个页面的声明周期内只会执行一次,除非这个页面执行了onUnload卸载掉了,卸载意味着这个页面的一个声明周期结束了 // 3. onReady 仅仅用来监听页面的第一次渲染
11. 小程序中提供的其他特定事件的监听程序:
// onPullDownRefresh : 监听用户下拉动作的事件处理函数 // onReachBottom: 页面上拉触底事件的处理函数 // onShareAppMessage : 用户点击右上角分享
持续更新中。。。。。。