小程序踩坑

基础

• 不要用背景图，用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触发外部函数