小程序笔记,持续更新

  • 创建页面

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页面的数据。