 基于AngularJS的企业应⽤前端架构前端的分层 • 为什么单页应⽤用⼀一定要分层? – 前端逻辑有⼀一定规模,分层有利协作 – 便于保证数据的⼀一致性 – 业务逻辑的复⽤用 – 每个层次的单独可测试 • Struts这种服务端MVC的弱点在哪⾥里? – 拉长了视图层的⽣生成和渲染 – 不利于UI⼈人员协作 ⾃自定义标签 • 在创建界⾯面时,声明式代码是有优势的。 • HTML的标签集是⽐比较贫乏的。0 码力 | 13 页 | 517.57 KB | 1 年前3 基于AngularJS的企业应⽤前端架构前端的分层 • 为什么单页应⽤用⼀一定要分层? – 前端逻辑有⼀一定规模,分层有利协作 – 便于保证数据的⼀一致性 – 业务逻辑的复⽤用 – 每个层次的单独可测试 • Struts这种服务端MVC的弱点在哪⾥里? – 拉长了视图层的⽣生成和渲染 – 不利于UI⼈人员协作 ⾃自定义标签 • 在创建界⾯面时,声明式代码是有优势的。 • HTML的标签集是⽐比较贫乏的。0 码力 | 13 页 | 517.57 KB | 1 年前3
 ExtJS和AngularJS比较你和你的客户需要一个专门的许可或者需要专门的支持 如果桌面应用和移动应用是两套程序。 如果愿意支付支持费用 使用 AngularJS: 要求使用更小的包 要求响应式设计 需要自动测试 集成第三方组件 你的团队能够调试CSS并解决浏览器兼容性问题 你的团队能够解决第三方组件的BUG 架构的不同: 架构的不同: 我们从11个方面来分析这两种技术的不同. 1. 应用开发框架 2. 组件 3. 路由 4. 测试 5. 数据绑定 6 优化),Jasmine 和Mocha. 自身并不包含测试框架和测试工具 AngularJS: AngularJS在设计之初,就考虑到了应用的可测试性 支持单元测试,集成测试和功能 AngularJS 团队开发了 Karma 测试工具。 另外,第三方的工具 Protractor 也可以用于AngularJS的测试 数据绑定 数据绑定 双向数据绑定是连接页面UI和数据模型的纽带,及更改模型的数据,页面UI能够同步响应 Runner (AngularJS团队开发的,用于AngularJS项目的端对端测试) 需要 deferred bootstrap. ExtJS: 多种受欢迎的JavaScript 测试框架,比如Siesta (专为 Ext JS 优化), Jasmi ne 和 Mocha,并不需要延迟EXT JS应用程序的启动 AngularJS: Batrang是一个新的angular 团队推荐的 Chrome插件,提供了一个显示0 码力 | 6 页 | 244.12 KB | 1 年前3 ExtJS和AngularJS比较你和你的客户需要一个专门的许可或者需要专门的支持 如果桌面应用和移动应用是两套程序。 如果愿意支付支持费用 使用 AngularJS: 要求使用更小的包 要求响应式设计 需要自动测试 集成第三方组件 你的团队能够调试CSS并解决浏览器兼容性问题 你的团队能够解决第三方组件的BUG 架构的不同: 架构的不同: 我们从11个方面来分析这两种技术的不同. 1. 应用开发框架 2. 组件 3. 路由 4. 测试 5. 数据绑定 6 优化),Jasmine 和Mocha. 自身并不包含测试框架和测试工具 AngularJS: AngularJS在设计之初,就考虑到了应用的可测试性 支持单元测试,集成测试和功能 AngularJS 团队开发了 Karma 测试工具。 另外,第三方的工具 Protractor 也可以用于AngularJS的测试 数据绑定 数据绑定 双向数据绑定是连接页面UI和数据模型的纽带,及更改模型的数据,页面UI能够同步响应 Runner (AngularJS团队开发的,用于AngularJS项目的端对端测试) 需要 deferred bootstrap. ExtJS: 多种受欢迎的JavaScript 测试框架,比如Siesta (专为 Ext JS 优化), Jasmi ne 和 Mocha,并不需要延迟EXT JS应用程序的启动 AngularJS: Batrang是一个新的angular 团队推荐的 Chrome插件,提供了一个显示0 码力 | 6 页 | 244.12 KB | 1 年前3
 [试读] Angular 5 高级编程经过精心的前期设计,涵盖了开发中的各个 层面,层与层之间都经过精心调适。开发者借助这个“开箱即用”的框架,就可以完成大 部分的前端开发工作,而不需要费时费力去组合、评估其他前端技术。这可以有效降低开 发者和开发团队的决策成本,有利于项目的快速起步。 Angular 5 是构建动态 JavaScript 应用程序的领先框架,而想讲清楚这个包罗万象的一 站式框架的各项强大功能是一项很大的挑战。Adam Freeman JavaScript 代码的 API。 虽然作为一款应用程序服务器,Node.js 已经取得了成功,但是本书之所以提到 Node.js, 是因为它为新一代跨平台开发和构建工具提供了基础。由于 Node.js 团队进行的一些精巧 的设计决策以及 Chrome JavaScript 运行时提供的跨平台支持,人们发现它可用来编写开发 工具。简而言之,Node.js 已经成为 Web 应用程序开发的必备工具。 内容从文件中移除,将其剪切成几个较小的部分,并使用它 创建一个简单的 Angular 应用程序。 使用 Bootstrap 预览版 本书使用 Bootstrap CSS 框架的一个预览版。在创作本书时,Bootstrap 团队正在开发 Bootstrap 的第 4 版,并且已经实现了几个早期版本。虽然这些版本被标记为“alpha”,但 是质量很高,它们在本书的例子中足够稳定。 在决定选择即将过时的 Bootstrap0 码力 | 42 页 | 6.14 MB | 1 年前3 [试读] Angular 5 高级编程经过精心的前期设计,涵盖了开发中的各个 层面,层与层之间都经过精心调适。开发者借助这个“开箱即用”的框架,就可以完成大 部分的前端开发工作,而不需要费时费力去组合、评估其他前端技术。这可以有效降低开 发者和开发团队的决策成本,有利于项目的快速起步。 Angular 5 是构建动态 JavaScript 应用程序的领先框架,而想讲清楚这个包罗万象的一 站式框架的各项强大功能是一项很大的挑战。Adam Freeman JavaScript 代码的 API。 虽然作为一款应用程序服务器,Node.js 已经取得了成功,但是本书之所以提到 Node.js, 是因为它为新一代跨平台开发和构建工具提供了基础。由于 Node.js 团队进行的一些精巧 的设计决策以及 Chrome JavaScript 运行时提供的跨平台支持,人们发现它可用来编写开发 工具。简而言之,Node.js 已经成为 Web 应用程序开发的必备工具。 内容从文件中移除,将其剪切成几个较小的部分,并使用它 创建一个简单的 Angular 应用程序。 使用 Bootstrap 预览版 本书使用 Bootstrap CSS 框架的一个预览版。在创作本书时,Bootstrap 团队正在开发 Bootstrap 的第 4 版,并且已经实现了几个早期版本。虽然这些版本被标记为“alpha”,但 是质量很高,它们在本书的例子中足够稳定。 在决定选择即将过时的 Bootstrap0 码力 | 42 页 | 6.14 MB | 1 年前3
共 3 条
- 1













