微信原生小程序

原生微信小程序是单向绑定,只是在Data里面更新才能同步更新到界面上,如果在界面上修改数据不能同步更新到data中,所以需要手动设置更新数据

微信原生小程序一个页面分为四个部分

  .js格式的文件 代表页面的js部分 页面js代码放在此文件中

  .json格式的文件 代表页面的配置数据  里面放例如引进组件,设置页面标题等配置信息

  .wxml格式的文件 代表页面的主体结构文件  相当于网页的html

  .wxss格式的文件  代表页面的样式文件  相当于网页的css

目录中的app.js是全局整个项目的js文件  公用的js

目录中的app.json是全局整个项目的配置文件  里面需要放页面的路径、整个项目的名称等信息

页面中生命周期

  onLoad 页面加载后

  onReady 页面初次渲染完成

  onShow 页面显示

  onHide 页面隐藏

  onUnload 页面卸载

  需求强调的概念

    页面第一次进来

      onLoad先执行 onShow后执行

    从子页面返回

      onLoad不执行 onShow依然执行

页面中的事件

  onPullDownRefresh  监听用户下拉动作

  onReachBottom 页面上拉触底

  onShareAppMessage 用户点击分享

  ......

跳转页面js方式

 1. wx.navigateTo({

  url:'xxxxxx'

  })   //保留当前页面  下个页面返回会到页面

  2.wx.redirectTo({

  url:'xxxxx'

 }) //关闭当前页面 跳转到其它页面

  3.wx.switchTab({

   url:'xxxxxx'

    }) //跳转到tabBar页面  同时关闭其它非tabBar页面

 4.wx.reLanch({

    url:'xxxxxxx'

     }) //关闭所有页面 打开跳转页面

猜你喜欢

转载自www.cnblogs.com/xts6/p/12416694.html