JavaScript前端架构设计v1.6绪论.pptx

一、JS架构设计的背景;淘宝前端工程师的增长;阿里巴巴页面性能优化;脚本数量的庞大;不同浏览器支持的需要;用户观念改变的需要;构建庞大项目的需要;项目的需要;没有架构设计的弊端;二、JS架构设计;1、JavaScript架构演变历程;2、JS前端架构的步骤;２.1 松散型的模块化设计;基于页面的模块代码加载方式;2.1.1 需求确认;优克普云PaaS建模平台需求确认;2.１.2 当前流行的框架;框架与应用的关系;框架选择的考虑因素;2.1.3 目录结构;优克普云平台PaaS前端脚本目录结构;2.1.4 应用编码;采用闭包的模块设计;没有采用闭包的开发方法;采用闭包的模块开发方法;通用控件的设计;通用选择框控件的需求;嵌入页面;通用选择框的目录结构;通用选择框提供简单的接口;通用选择框options扩展开发接口;通用选择框options参数数据源接口;最终的调用方式;数据来源格式;JS前端缓存的设计;模拟k/v形式的简单前端缓存设计;基于jQuery缓存设计;2.3 基于CMD规范的模块化设计;基于CMD规范的SeaJS;开发规范定义;SeaJS框架的目录结构定义;SeaJS模块的编写;SeaJS模块的引用;SeaJS模块接口的导出;SeaJS的程序启动入口;编码调试;浏览器选择;调试输出;自定义调试输出lw.utils.debug;断点;Chrome调试时自动清除前端缓存的设置;IE11调试时自动清除前端缓存的设置;3发布;压缩合并工具;云平台公共脚本库压缩合并的Ant脚本;版本发布的注意事项;三、总结反思及心得体会;1、总结;2、反思;3、学习心得体会;;;;;;;;