- 创建页面
1、微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页。
2、每一个小程序页面是由同路径下面的四个不同后缀文件组成的:如index.js、index.json、index.wxml、index.wxxss。其中
.js后缀的文件是脚本文件
.json后缀的文件是配置文件
.wxss后缀的是样式表文件
.wxml后缀的文件页面结构文件
点击事件:
bindtap="callKeFu",其中callKeFu为点击该组件后触发的函数名称。这里的bindtap相当于前端的onclick
缓存:
一般在页面关闭的时候进行缓存:
onUnload:function(){ // 页面关闭 console.log("页面关闭:forData:", this.data.formData); wx.setStorageSync('businessRegister', this.data.formData); },
在页面加载完毕的时候取出缓存:
onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 //初始化历史擂台草稿 var arenaDraft = wx.getStorageSync('businessRegister') || {}; }
数据更新
在小程序中,页面的数据可能会受到其它页面的影响,比如当前页面A是一个商品列表,打开页面之后就跳转到小程序其它页面B,
在其它页面B删除商品列表中其中一个商品。然后再回到之前的页面A,此时页面A并不会重新加载数据,而只是执行onShow()函数,所以
并没有刷新新的商品列表,和实际的商品列表对应不上。所以需要在onShow()函数里面重新加载A页面的数据。