单页应⽤用 • 传统企业应⽤用 – 通过iframe加载菜单 – 每个功能菜单都是独⽴立界⾯面 – 各功能菜单包含完整的公共库（JS，样式） • 单页应⽤用 – 每个功能都是部件 – 动态加载 – 整个系统共享⼀一个作⽤用域 单页应⽤用架构 前端的分层 • 为什么单页应⽤用⼀一定要分层？ – 前端逻辑有⼀一定规模，分层有利协作 – 便于保证数据的⼀一致性 ⼀一个软件系统，并不只是简单功能的堆砌 • 当规模扩⼤大的时候，有⼀一些边际效应 – 某个JS模块被修改，如何得知会影响谁？ – 某个界⾯面⽚片段被调整，会影响什么界⾯面？ – 如何最⼩小化发布？ – 如何⼀一键测试、打包、压缩？ – 。。。。。。 Thanks Q && A

ExtJS AngularJS 性能比较 性能比较 为了全方位比价两个框架的性能，我们开发了一个包含简单的表格，树，绘图组件的应用。规范使用这两种技术构建应用的过程 - 这样我们能够构建一个 尽量小的应用来进行深度的测试。 YSlow 用于收集 performance数据。其他方面： ExtJS：使用表格、树和绘图组件 AngularJS: 使用angular-charts.min.js, angular