爱博在线官方手机版爱博在线官方手机版


爱博在线备用客户端

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

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

 持续更新中。。。。。。

欢迎阅读本文章: 岳女士

lovebet国际备用登录

爱博在线备用客户端