1.核心 app page 页面组成:js,wxss,json,wxml
a.全局app.js,app.wxss ,app.json ,project.config.json 应用的东西全在这里
着重讲json跟js
json:描述整个工程的页面信息(由"pages"描述),"window"主要描述该项目整体背景,导航栏等样式,如果某个文件夹中某个.json文件中有相同的描述,则会覆盖"window"中描述的信息,
- 将页面注册到小程序如何配置?找app.json
- 如何设置导航栏颜色?找app.json
- 如何制定窗口背景颜色?找app.json
- 如何启动下拉功能?找app.json
- 如何设置小程序底部tab切换页面?找app.json
- 如何设置网络超时时间?找app.json
js:主要描述该项目入口逻辑,主要描述一些用户登录后的信息
- App() 必须在 app.js 中注册,且不能注册多个。
- 不要在定义于 App() 内的函数中调用 getApp() ,使用 this 就可以拿到 app 实例。
- 不要在 onLaunch 的时候调用 getCurrentPages(),此时 page 还没有生成。
- 通过 getApp() 获取实例之后,不要私自调用生命周期函数。
b.页面js,json,wxss,wxml
着重讲json跟js
json:存放组件信息
js:页面逻辑 事件 生命周期 私有数据
2.事件
通过bindtap绑定事件 (可冒泡) catchtap(阻止冒泡)
通过在标签上注入data-xxx 然后再事件的target.dataset中获取需要的数据
3.生命周期
1.onLauch 2.onShow 3.onLoad 4.onShow 5.onReady 6.onHide 7.onShow
- onLanuch 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
- onShow 当小程序启动,或从后台进入前台显示,会触发 onShow
- onHide 当小程序从前台进入后台,会触发 onHide
- onError 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
4.页面跳转
1.wx.navigateTo({url:xxxx}) 仅页面跳转 不销毁当前页面
2.wx.redirectTo 不仅页面跳转 ,并且销毁当前页面。无法返回当前页面
3.从一个页面跳转到另一个页面会首先触发当前的页面onHide事件,如果是redirectTo 则会还会触发onUnload 事件。
4.页面传参 再跳转的路径后面拼接参数 通过 ? 跟 & 符号。