微信小程序实战 (小程序框架基础)

console.log("onLaunch: 监听小程序初始化")
复制代码

onShow(){
    console.log("onShow: 监听小程序启动或切前台")
  },
复制代码

onHide(){
    console.log("onHide: 监听小程序切后台")
  },
复制代码

onError(error){
    console.log("onError: 错误监听函数 ---> "+error)
  },
复制代码

<!--pages/testPage/testPage.wxml-->
<text>{{testInfo}}</text>
复制代码

/**
   * 页面的初始数据
   */
  data: {
    testInfo: '测试小程序的页面生命周期-------------->    data页面的初始数据'
  },
复制代码

/**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
      console.log("onLoad: 生命周期函数--监听页面加载"+options)
  },
复制代码

/**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    console.log("onShow:监听页面显示,切入前台时触发。")
  },
复制代码

/**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    console.log("onReady:监听页面初次渲染完成。")
  },
复制代码

/**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {
    console.log("onHide:监听页面隐藏。")
  },
复制代码

<!--pages/testPage/testPage.wxml-->
<text>{{testInfo}}</text>
<navigator url="/pages/index/index" open-type="navigate">跳转index</navigator>
复制代码

<navigator url="/pages/index/index" open-type="redirect">跳转index-redirect</navigator>
复制代码

"enablePullDownRefresh":true
复制代码

/**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    console.log("onUnload:监听用户下拉动作。")
  },
复制代码

/**
   * 页面上拉触底事件的处理函数 监听用户上拉触底事件
   */
  onReachBottom() {
    console.log("onUnload:监听用户上拉触底事件。")
  },
复制代码

view{$}*100 复制100个view标签
复制代码

/**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    console.log("onShareAppMessage:用户点击右上角分享。")
  }
复制代码

"entryPagePath":"pages/index/index",
复制代码

"tabBar": {
    "list": [{
      "pagePath": "pages/index/index", 
      "text": "首页",
      "iconPath": "icon/shouye.png",
      "selectedIconPath": "icon/shouyefill.png"
    },
    {
      "pagePath": "pages/classification/classification", 
      "text": "分类",
      "iconPath": "icon/fenlei.png",
      "selectedIconPath": "icon/fenlei_1.png"
    },
    {
      "pagePath": "pages/cart/cart", 
      "text": "购物车",
      "iconPath": "icon/gouwuche.png",
      "selectedIconPath": "icon/gouwuchefill.png"
    },
    {
      "pagePath": "pages/my/my", 
      "text": "我的",
      "iconPath": "icon/wode.png",
      "selectedIconPath": "icon/wode-wode.png"
    }]
复制代码

/**
   * 点击 tab 时触发
   */
  onTabItemTap(item) {
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  }
复制代码

{
  "usingComponents": {},
  "navigationBarTitleText": "微信小程序学习-分类",
  "navigationBarBackgroundColor": "#ffccff"
}
复制代码

{
  "rules":[{
    "action": "allow",
    "page": "path/to/page",
    "params": ["a", "b"],
    "matching": "exact"
  }, {
    "action": "disallow",
    "page": "path/to/page"
  }]
}
复制代码

-   `path/to/page?a=1&b=2` => 优先索引
-   `path/to/page` => 不被索引
-   `path/to/page?a=1` => 不被索引
-   `path/to/page?a=1&b=2&c=3` => 不被索引
-   其他页面都会被索引
复制代码