小程序学习笔记(三）_小程序笔记

小程序学习笔记(三）

event——框架给你的事件对象；currentTarget——当前鼠标点击的组件；dataset——所有自定义属性数据的集合；postId——自定义变量

在view中使用自定义属性data-postId，格式为data-xxx-x-xxc-x-

只有连字符的才大写：

xwml：<view catchtap="onPostTap"data-postId="{{item.postId}}">

          <template is="postItem"data="{{...item}}"/>

    </view>

js：var postId =event.currentTarget.dataset.postid;

 

 

xwml：<view catchtap="onPostTap" data-postId-name="{{item.postId}}">

          <templateis="postItem" data="{{...item}}"/>

    </view>

js：var postId = event.currentTarget.dataset.postidName;

 

向另外一个页面传递参数：在跳转的方法里面的url地址这样写 url:".........?id="+xxx 可以拼接多个参数，就行请求get一样

onPostTap:function(event){

    var postId =event.currentTarget.dataset.postid;

    wx.navigateTo({

      url:"post-detail/post-detail?id=" + postId

    })

  }

接受从另一个页面传进来的参数，在onload方法中var xx=options.参数名字

onLoad:function(options){

   // 生命周期函数--监听页面加载

   var postId=options.id;

   //如果在onload方法中，不是异步地去执行一个数据绑定

   //则不需要使用this.setData方法

   //只需要对this.data赋值就可以实现数据绑定

   var postData = postsData.postList[postId];

   this.data.postData = postData;

   // this.setData({

   //     postData: postData

   // })

   console.log(postData);

  }

 

wx.setStorage设置缓存，在小程序里，如果用户不去主动提供removeStorage或clearStorage方法来清除缓存，那么这个缓存是永久存在的；缓存不是以数目为上限，而是以体积为上限，不能超过10M。setStorage异步方法，setStorageSync同步方法……总结：小程序里的缓存总共有四类操作八种方法，每类操作同时具备着同步和异步两种方法——set、get、remove、clear

添加缓存wx.setStorageSync('xxx');获取缓存wx.getStorageSync('xxx')；删除缓存wx.removeStorageSync('xxx');清除所有的缓存wx.clearStorageSync()

 

微信内置了showToast用来交互，弹出消息提示框。微信内置了icon图标，目前有success, success_no_circle, info, warn,waiting, cancel, download, search, clear九种图标

 wx.showToast(OBJECT)

 

在小程序中，app具有全局生命周期而某个page的生命周期

app.js中的APP({})设置应用程序生命周期的方法和属性

app.js: App({

   globalData:{

       g_isPlayingMusic:false,

       g_currentMusicPostId:null,

       doubanBase: "https://api.douban.com",

    }

})

引用：

var app = getApp();

app.globalData.g_isPlayingMusic；