目前在做的小程序
自用笔记 想到啥写啥把1.0(这个写关于小程序的包大小问题,主要是自己的坑)
你可以说没有含金量 但是提前了解可以避开大坑 小程序的大小规则:最大20M,主包不能超过2M(最外面的自定义组件以及明文方式的组件库打包的时候会算入主包大小;自定义组件可以方分包使用## 分包异步化调用)
- 在开发时候根据初始需求设计tabbar页面(tabbar页面跳转可以只能用switchTab跳转,页面栈默认存储,用reLaunch跳转后页面栈会清除所有页面栈);再根据不同的模块需求分包,建议除了tabbar页面和启动登陆页面其他的先放分包,至于首次进入分包会耗费加载时间可以去找文旦有预加载热加载## 分包预下载(注意分包预下载也有限制,具体看下图)
- 静态资源如图标,字体等(分包可以访问主包,主包不能访问分包;图标压缩tinypng.com/ 什么的就不谈了)
- 根据小程序的类目规划好 进入小程序是先登录还是需要开放出部分页面还是直接启动登陆页才能使用(不然到后面很乱)
- 小程序的全局缓存为小程序的全局缓存为globalData,同于vue的vuex,也可以用缓存;看哪个方便
- 小程序原生阻止事件冒泡不同于其它,有catchtap和bindtap,一般catchtap写在bindtap里面可以阻止事件冒泡
- 小程序原生在wxml不能使用任何js的api,尽量在js文件中处理,实在想用可以写一个wxs文件 在wxml引入使用
- 独立分包就是不依赖于主包可以单独运行- 在 subPackages中,设置independent: true
还有一件事 我在写原生小程序的样式的时候不同于uniapp,盒模型padding会超出去,要加上box-sizing: border-box;属性
box-sizing: content-box:标准盒模型(默认值)。box-sizing: border-box:IE(替代)盒模型。
看下结构,尽量低耦合,主包尽量小 因为你也不知道啥时候会有什么增加需求
目前在看的有涉及自定义的计算刘海屏等值可以方缓存或者globalData,使用scroll-view计算高度可以使用CSS Custom Properties for Cascading Variables Module Level 1 (w3c.github.io)
有cv借鉴 blog.csdn.net/Shimeng_198… 说的比较清楚
what fuck www.toutiao.com/article/722…