微信原生小程序
原生微信小程序是单向绑定,只是在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'
}) //关闭所有页面 打开跳转页面