微信小程序入门第一章
注:1px = 2rpx 小程序使用微信自己的rpx进行开发
- 熟悉目录结构:
WXML——模板文件
WXSS——样式文件,样式可直接用import导入
JSON——配置/设置文件,如标题,tabbar,页面注册
JS——脚本逻辑文件,逻辑处理,网络请求
app.json——配置文件入口,整个小程序的全局配置,网络超时时间、底部tab、页面路径,
window字段是小程序 所有页面的顶部背景颜色、文字颜色
app.js——可以没有内容,可以在里边监听生命周期函数、声明全局变量
app.wxss——全局配置样式文件
2.数据请求如何封装
将所有的接口放在统一的js文件中并导出(或者将请求地址、头、方法在一个js文件里统一定义为一个常量并导出)
在app.js创建封装请求数据的方法
在子页面中调用封装的方法请求数据
3.小程序生命周期函数
onLoad——页面加载,调一次
onShow——页面显示,每次打开页面都调用
onReady——初次渲染完成,调一次
onHide——页面隐藏,当navigateTo或底部tab切换时调用
onUnload——页面卸载,当redirectTo或navigateBack时调用
4.小程序的双向绑定和vue哪里不一样
小程序直接this.data的属性是不可以同步到视图的,必须调用this.setData({})
5.小程序内跳转有?
wx.navigateTo——保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面(参数必须为字符串)
wx.redirectTo——关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
wx.switchTab——跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,路径后不能带参数
wx.navigateBack——关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()
获取当前的页面栈,决定需要返回几层
wx.reLaunch——关闭所有页面,打开到应用内的某个页面
|