2017.07.07

Keywords

• 微信小程序
• lifecycle
• tmplate
• include
• @import
• pageUrl?para=value&para2=value
• wx:for="",wx:for-item="item",wx:for-index="idx"
• wx:if,wx:else
• data-firstName-secondName
• wxStorage

Check Out

• lifecycle

// app.js
App({
  onLaunch: function() {
    // 1. 适合做缓存工作
  }
})
// postdetail.js
Page({
  onLoad: function() {
    // 1. 适合读取数据
  },
  onReady: function() {
    // 1. 适合设置窗口标题
  }
})

• template, include, data

<template name="tplName">
</template>
// other.wxml
<import src="tmplNameUrl" />
<template is="tplName" data="{{ item }}"/>
<include src="tmplNameUrl" /> // include 在需要的地方直接引入，不存在块作用域，不能传入变量

• @import：@import '../../post-item.wxss;'

• pageUrl?para=value&para2=value

// post.js
onTap: function(event) {
  postId = event.currentTarget.dataset.postId;
  wx.navigateTo({
    url: 'post-detail/post-detail?id=' + postId
  });
}

• wx:for="",wx:for-item="item",wx:for-index="idx"

<block wx:for="{{postList}}" wx:for-item="item" wx:for-index="idx">
  <template is="tplName" data="{{ \.\.\.item}}" />
</block>

• wx:if,wx:else

<image></image>
<image wx:if src="firstUrl" />
<image wx:else src="secondUrl" />

• data-firstName-secondName

<template is="" data-firstName-secondName="{{item.postId}}" />
// post.js
onTagToDetail: function(event) {
  var fs = event.currentTarget.dataset.firstnameSecondname;
}

• wx:storage

// 程序启动时设置缓存数据
App({
  onLaunch: function() {
    wx.setStorage({
      key: 'keyName',
      data: data,
      success: function(res) {},
      fail: function(res) {},
      complete: function(ers) {}
    })
  }
})
// 如果不主动清楚缓存，则永久存在
wx.clearStorage
wx.removeStorage
// 以上方法默认都为异步方法，同步方法为
wx.setStorageSync

New