Angular, Second Edition ISBN 978-7-302-49117-0 Ⅰ. ①A… Ⅱ. ①亚… ②杨… Ⅲ. ①超文本标记语言－程序设计－教材 Ⅳ. ①TP312.8 中国版本图书馆 CIP 数据核字(2017)第 315412 号 责任编辑：王 军 李维杰 装帧设计：孔祥峰 责任校对：曹 阳 责任印制： 出版发行：清华大学出版社 ..............54 4.2.4 在属性中引用字面量...........55 4.2.5 理解元素内容.....................55 4.2.6 理解文档结构.....................55 4.3 理解 Bootstrap...........................57 4.3.1 应用基本的Bootstrap类 Angular 开发项目...............................203 11.1.1 创建项目文件夹结构.....204 11.1.2 创建和提供 HTML 文档............................204 11.1.3 准备项目配置...............205 11.1.4 添加包...................

些内置的保护措施。 3.1 最佳实践 • 及时把 Angular 包更新到最新版本。我们会频繁的更新 Angular 库，这些更新可能会修复之前版本中 发现的安全漏洞。查看 Angular 的更新记录，了解与安全有关的更新。 • 不要修改你的 Angular 副本。私有的、定制版的 Angular 往往跟不上最新版本，这可能导致你忽略重要 的安全修复与增强。反之，应该在社区共享你对 Angular Angular 所做的改进并创建 Pull Request。 • 避免使用本文档中带 “安全风险” 标记的 Angular API。 3.2 防范跨站脚本（XSS）攻击 跨站脚本（XSS）允许攻击者将恶意代码注入到页面中。这些代码可以偷取用户数据（特别是它们的 登录数据），还可以冒充用户执行操作。它是 Web 上最常见的攻击方式之一。 为了防范 XSS 攻击，你必须阻止恶意代码进入 DOM。比如，如果某个攻击者能骗你把

>ng generate cl:class c:component d:directive e:enum m:module p:pipe s:service 命令有简化版本：ng g c User @angular/cli  在Windows下面，node-gyp这个包依赖于Visual Studio  node-sass这个node模块被墙掉了，原因不明 不明  所以强烈推荐采用cnpm安装 @angular/cli ng serve --prod 注意：最新版的CLI加上--prod参数就自动AOT了，官网上的那篇文档过时了！ @angular/cli ng test @angular/cli 第二块：Angular中的3大核心概念 一张图覆盖Angular所有概念 感谢《揭秘Angular2》的汤桂川老师提供如此详细的脑图！ -d69589979c18#.3ptlx48zf https://my.oschina.net/mumu/blog/775695 数据绑定 Immutable Data 简而言之，新版本的Angular已经彻底重写了脏检查机制 数据绑定 极其高效的脏检查机制 数据绑定 http://blog.thoughtram.io/angular/2016/02/22/angu

企业应⽤用前端的特点 • 独占模式 • 重业务，轻视觉 • 界⾯面规整，模式单⼀一 • 键盘操作 • 逻辑复杂 • 加载速度的侧重不同 • 浏览器版本相对宽松 传统的B/S企业应⽤用前端 • B/S企业软件常⽤用的展现层技术 – HTC 在浏览器端扩展标签 – JSF等 在服务端⽣生成界⾯面 – GWT 编译阶段⽣生成界⾯面 ⼀一个软件系统，并不只是简单功能的堆砌 • 当规模扩⼤大的时候，有⼀一些边际效应 – 某个JS模块被修改，如何得知会影响谁？ – 某个界⾯面⽚片段被调整，会影响什么界⾯面？ – 如何最⼩小化发布？ – 如何⼀一键测试、打包、压缩？ – 。。。。。。 Thanks Q && A

Angular 2 網站開發框架 多奇數位創意有限公司 技術總監 黃保翕 ( Will 保哥 ) 部落格：http://blog.miniasp.com/ 適用 Angular 2.0.0-rc.5 版本 我們所認識的前端技術都是假的 千萬不要執著你之前學會的任何技術 忘掉一切的業障 才有重生的機會 今天我們要來 重新認識 Angular 2 開發框架 記得：今天是來消除業障的！ ANGULAR JavaScript 程式語言 ( IE9+ ) • ES 2015 – 此版本為 ES5 的「超集合」 – 具有新穎的 JavaScript 語言特性 ( let, const, for-of, … ) – 可透過 Babel 轉譯器將瀏覽器不支援的語法轉為 ES5 版本 • TypeScript – 此版本為 ES 2015 的「超集合」 – 具有強型別特性、內建 ES5 轉譯器 (Transpiler)、更好的工具支援 Application 21 準備 Angular 2 開發環境 • 架設 Angular 2 開發環境說明文件 • 如何修改 Visual Studio Code 內建的 TypeScript 版本 • 關於 TypeScript 2.0 之後的模組定義檔 ( *.d.ts ) 22 使用 Angular CLI 建立專案範本 • 請務必在 NTFS 檔案系統執行相關命令 (Windows)

4. 跨浏览器兼容性 ✔ AngularJS 基于jqLite/jQuery实现浏览器 的兼容。但是其集成的第三方组件不一 定支持跨浏览器兼容。 注意： AnugularJS (1.3 及其以上版本) 移除了对IE8的支持。如果需要对于IE8 的支持，请选择ExtJS 5. 绘图组件 ExtJS 包含独立的绘图组件，非常的强大。在大部分的 企业应用中已经足够 AngularJS D3 绘图组件是基于亚马逊提 在我们的性能测试中， AngularJS 比Ext JS快3倍。 16. 轻量级 - 下载的包 ✘ ✔ 移动端 移动端 17. Web应用的移动端支持 Sencha 建议 Sencha Touch开发移动端版本。有些组件， 比如NestedList，在移动端，比Grids要好。这就意味着 ，需要开发独立的移动版应用。 使用ng-touch库、angular-gestures 和 ang ularJS 响应模块实现响应式Web应用， 路由 路由 20. 内建路由 ✔ ExtJS 5已包含 ✔ 21. 深度链接 ✔ ExtJS 5已包含 ✔ 22. 浏览历史， 前进和后退的支持 ✔ ExtJS 5已经引入 在早期的版本中通过Ext.util.History实现 ✔ 23. 浏览器收藏夹支持 ✔ ExtJS 5已引入 ✔ 24. SEO 支持 对于大部分的单页应用程序，访问都是基于权限的，所 以没有SEO的必要。