JavaScript前端架构设计v1.6.pptVIP

一、JS架构设计的背景 淘宝前端工程师的增长 前端架构的重要性 成立之初，10个人团队，1名UED工程师 现在，支付宝就有100多名前端工程师团队 阿里巴巴页面性能优化 前端架构的重要性 页面性能优化： 20秒 12秒 8.5秒 ? 脚本数量的庞大 前端架构的重要性 　　脚本homeConsole.js达到了13389行（未包含注释与空行）,压缩后达到527kb！ 不同浏览器支持的需要 为什么要架构设计 用户观念改变的需要 为什么要架构设计 构建庞大项目的需要 为什么要架构设计 项目的需要 为什么要架构设计 没有架构设计的弊端 1、难以维护 2、应用加载缓慢 3、体验性差 4、重复编码 5、扩展困难 二、JS架构设计 1、JavaScript架构演变历程 第1时期，“混沌时代” 第2时期，框架时代 第３时期，模块化设计 2、JS前端架构的步骤 ２.1 松散型的模块化设计 　　没有使用具体的模块化设计的框架，根据业务模块需求进行脚本的设计，不同页面对自身调用的模块进行按需引用、加载。 基于页面的模块代码加载方式 松散型的模块化设计 模块1代码 页面 1 页面 2 页面 3 框架 基础库 模块公共代码 模块2代码 模块3代码 2.1.1 需求确认 　　在JavaScript前端架构之前首先要进行需求的分析、确认。需求确认的内容包括：