微信公众平台前端组件方案及其优化@郭志伟(raphealguo)讲义.pptVIP

关于我 2013年毕业加入微信平台开发组 爱好读书，微博/豆瓣@raphealguo 博客：/ 组件 早期 问题 乱 靠手工维护 == 没法维护 上线经常出问题，经常回退或者补上 出现过大量的htmldecode等函数的复制粘贴 页面上冗余大量无用的外链js 新加进来的开发不敢乱删冗余的东西，一直在叠加 目标 修改哪个文件就上哪个文件 自动打包方案 减少手工维护 第一版 前端的依赖管理问题，用AMD/CMD 优点：不用手工维护依赖关系，可以分模块上线 缺点：请求太多 第一版 第一版 第二版 静态打包：把页面依赖的全部组件C.js、A.js、B.js打包成page.js 优点：请求少，提高加载速度 缺点：上线又不安全了 第三版 动态打包！ 搭建Combo服务，利用seajs-combo组件。 请求为： /page.js /a.js,b.js /c.js,d.js,e.js /f.js 优点：上线不污染其他模块 缺点：串行依赖，依赖树的层级决定了请求数 第四版 为了增加缓存率，我们文件加了版本号: /page123cab445.js seajs发送的请求不知道版本号 seajs.use(page.js) 映射表！发送请求前查表 Module = {page.js:page123cab445.js} 第五版 提前Combo 动态打包，请求减少 可分模块上