uniapp微信小程序开发注意事项记录

1. 在创建项目就应考虑分包，后期不好移动

   1. 若以后主页内容较多，主页建议也放到分包，进入小程序时自动跳转到这个分包主页，并自定义tabbar，通过v-if或v-show切换，注意onShow需要传递到各个切换的页面，在子组件methods定义show方法，在页面级组件onShow，nextTick后，通过refs调用子组件的show方法

2. 微信开发者运行卡顿

   1. 设置-通用设置-内存限制调大
   2. vscode或hbuderX和项目都放固态硬盘里
3. 微信开发者工具页面内容和代码不一致
   1. 关闭开发者工具重新打开
   2. 重新编译至小程序
   3. 关闭软件，删除项目的 /dist/dev/mp-weixin 目录并重新编译

4. 上传图片h5环境失败

   1. 在h5环境去掉 content-type

5. 一些组件放在子组件失效，此时需要检查实例化时是否可以需要传入组件实例this

   1. 比如地图  uni.createMapContext(mapId, this)

6. 配置全局混入如下，允许样式穿透，防止v-deep样式修改无效

7. 配置不同环境下全局资源地址如下，图片等资源应丢服务器

   Vue.mixin({
     data () { 
       return {
         $imgOrigin:imgOrigin // 图片服务器前缀地址，直接在Vue.property里定义无法在直接标签上使用
       }
     },
     // #ifdef MP-WEIXIN
     options: {
       styleIsolation:'shared' //解除样式隔离
     }
     // #endif
   })

8. 底部安全高度：页面标签或者底部固定按钮定义几个全局的class

9. 组件标签的样式在微信小程序不生效：使用view标签包裹，并将class写在这个标签上

10. 动态绑定style问题，检查发现无法渲染对象格式：需要使用字符串拼接的原生style写法

11. 标签上绑定存在js逻辑，导致渲染失效问题：在computed里定义标签绑定的变量，逻辑写这里面

12. 扫码二维码进入小程序各页面

    1. 二维码包含跳转的页面地址，和其他参数，参数设计尽可能少，防止过长
    2. 专门使用一个页面来处理扫码逻辑，通过后redirectTo到指定页面，并将需要的参数继续传递
    3. 失败展示二维码异常提示