放后端⽐比放前端的多。。。 流⾏行过什么样的技术 单页应⽤用 • 传统企业应⽤用 – 通过iframe加载菜单 – 每个功能菜单都是独⽴立界⾯面 – 各功能菜单包含完整的公共库（JS，样式） • 单页应⽤用 – 每个功能都是部件 – 动态加载 – 整个系统共享⼀一个作⽤用域 单页应⽤用架构 前端的分层 • 为什么单页应⽤用⼀一定要分层？ – 前端逻辑有⼀一定规模，分层有利协作 前端逻辑有⼀一定规模，分层有利协作 – 便于保证数据的⼀一致性 – 业务逻辑的复⽤用 – 每个层次的单独可测试 • Struts这种服务端MVC的弱点在哪⾥里？ – 拉长了视图层的⽣生成和渲染 – 不利于UI⼈人员协作 ⾃自定义标签 • 在创建界⾯面时，声明式代码是有优势的。 • HTML的标签集是⽐比较贫乏的。 • 服务端⾃自定义标签的劣势 • 曾经有过什么浏览器端⾃自定义标签机制

幸运的是， AngularUI中已经包含了许 多开源的组件， AngularUI Bootstrap, K endo (and Angular-Kendo), Wijmo 和其他 的. 3. 开发单页应用 ✔ ✔ 4. 跨浏览器兼容性 ✔ AngularJS 基于jqLite/jQuery实现浏览器 的兼容。但是其集成的第三方组件不一 定支持跨浏览器兼容。 注意： AnugularJS (1 前进和后退的支持 ✔ ExtJS 5已经引入 在早期的版本中通过Ext.util.History实现 ✔ 23. 浏览器收藏夹支持 ✔ ExtJS 5已引入 ✔ 24. SEO 支持 对于大部分的单页应用程序，访问都是基于权限的，所 以没有SEO的必要。 对于公开的页面，可以考虑使用 A jax based SEO。 Consider Ajax based SEO with either Prer 作用域的嵌套模 型 (models). Cons： ： 如果模版中有2000-3000个绑定应用程序会变慢 当许多数据呈现在了页面上的时候，Bindonce是一种很好的方法来减少监视。一 旦渲染完成，就不会改变，你不需要在对其改变进行监视 SEO： ： Most of the single page apps which work behind authentication need

Angular 1 更好 • 速度更快 – 偵測變更：比 ng1 快 10 倍 – 渲染速度：比 ng1 快 5 倍 (Render & Re-render) • 範本編譯：支援 Template 預先編譯機制 – 更小的 Library Size ( 透過 webpack 自動合併 ) – 支援延遲載入機制與伺服器渲染機制 (Node.js & ASP.NET ) • 學習曲線更低 – 採用 TypeScript