微信公众平台前端组件方案及其优化郭志伟raphealguo.ppt

《微信公众平台前端组件方案及其优化郭志伟raphealguo.ppt》由会员分享，可在线阅读，更多相关《微信公众平台前端组件方案及其优化郭志伟raphealguo.ppt（27页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、微信公众平台1/27微信公众平台前端组件方案及其优化郭志伟raphealguo Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望微信公众平台2/27关于我2013年毕业加入微信平台开发组爱好读书，微博/豆瓣raphealguo博客：http:/ co到对应的模块目录微信公众平台15/27Wap上的方案没压缩前seajs.js大小20K，919行wap_cmd.js大小2K，45行微信公众平台16/27工具自动化减少手工维护，提高可靠性降低开发量微信公众平台17/27

2、组件编译过程预编译：国际化/去注释编译：提取id/依赖优化：压缩js，雪碧图合并（二倍图）链接：HTML里提前Combo后处理：拷贝到目标目录微信公众平台18/27预编译国际化国内版跟海外版的不一致，解决方案：生成不同语言包的静态文件，独立部署，提高运行时性能。国际化：_(你好)或者 _(你好)_(%s,你好,raphealguo)国际化特有逻辑：if(zh_CN=_(zh_CN)/*中文平台特有逻辑*/else/*海外平台特有逻辑*/endif 微信公众平台19/27开发上一些原则微信公众平台20/27Web工具方法诸如：htmlDecode等多实例的类诸如：Checkbox等构造函数参数是对象，组件的向前兼容非常容易解决小组件组合成复杂的组件，没继承微信公众平台21/27Wap流量大的页面用原生JS实现重要的资源内联（红色：外链，绿色：内联）利用PC端计算资源，减少wap端跟后台计算资源，例如图文消息的图片懒加载在PC编辑保存时前端替换变成wap页滚动到图片位置再把data-src的值填到src微信公众平台22/27部署http:/