基础
- 不要用背景图,用image标签定位
- canvas层级最高,需要在上面写遮罩层的时候先隐藏
- ios对fixed的支持不是很好,最好用absolute
- 切换标签页用wx.switch
- 重写button样式,去除button边框:button:after{border:none}
- 做好低版本兼容,可以用caniuse来判断
- wx.getUserInfo已经停用
- 选项卡用swiper,通过改变current(e.detail)
- 不分包加载代码不能超过2M,要压缩
- 不能引用线上静态资源等
进阶:
虽然存在依赖关系,但任意一层都可以单独拿出来使用
代码分层(从下向上)
- utils层(存储工具方法)
- ajax(ajax方法封装)
- flux(发送请求方法,含请求地址)
- server(前端数据获取方法封装,返回数据)
- page.js(分配数据到页面)
注意点
兼容低版本手机
-
获取当前页面url
let pages=getCurrentPages();
let r=pages[pages.length-1].route; -
内嵌的webview铺满全屏,加过渡状态
-
小程序如果设置了分享功能,用户可能从任意页面进入
onlaunch执行的ajax回调pages监听不到。时效性很强的东西需要在每个pages中写,可以用mixin -
组件中的data更改,外部无法监听
通过triggerEvent触发外部函数