【好记性不如烂笔头】之小程序要点记录

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 : 用户点击右上角分享

 持续更新中。。。。。。

猜你喜欢

转载自www.cnblogs.com/pomelott/p/9398919.html