【2017年8月刊】Angular 散摘

前言：这是我在年中做自我总结的时候给自己定的新尝试，想法来源于@王下邀月熊的《前端每周清单》系列。但鉴于自己的知识面窄能力有限，就把内容限制在最近正在研究的Angular上了。

本来取名叫《Angular前端月报》，想想自己能看的／理解的文章也不多，就改名叫《Angular散摘》。

写这篇其实不太容易，肚子里没什么墨水，硬是把自己以前写的东西拉过来凑凑数，成了这样一篇，也算是给自己的一个交代。也从@Trotyl Yu，@王下邀月熊参考了点过来～～

Anyway, done is better than perfect.

正文从这里开始～～～

相关新闻

• Angular 中文官网更新：已更新为5.0.0版本
• Angular 停止对 JavaScript 的官方支持
• NG-ZORRO（Ant Design + Angular）UI组件库正式发布：官网 Github
• Bootstrap 4 Beta发布：两年之后，Bootstrap 4终于从alpha版本升级到了Beta版本。在此版本中，几乎所有样式都采用了flex布局，改善了栅格化系统，放弃了对IE8，IE9的支持，几乎用ES6重写了所有的JS插件，还有改善部分组件的使用体验。官网 Github

入门教程

• Coding RxJs Observables in 22 minutes!: 作者现场从零实现了RxJS中最核心最重要的Observable、Observer、Subsribe，浅显易懂地解释了这些概念，同时也阐明了RxJS的开发理念，是个非常不错的了解RxJS的入门教程。
• Angular 4 简单入门笔记
• Managing State in Angular with ngrx/store（译文）
• Angular如何防御XSS攻击

项目实战

• Angular 常见误区
• Angular 最佳实践
• Angular 性能优化：本文提出了几个常见的提升Angular应用性能的方式，其中包括适时地采用OnPush变化检测策略，在ngFor指令中使用trackBy来标记唯一，模版中使用管道而不是函数来控制显示，适时禁用／启用变化检测，使用模块懒加载。
• Building a reusable table layout for your Angular 2 project：本文从零开始介绍了Angular项目中如何设计并实现table组件，其中包括参数和数据结构的设计，如何定义管道变量，如何为每个单元格定义样式等，最终展示了两个简单的表格示例。

深入原理

• If you think ngDoCheck means your component is being checked — read this article（译文）：本文讲述了ngOnCheck的触发时机，解释了为何组件采用OnPush策略之后，输入数据的引用未发生变化时仍会触发ngOnCheck。
• Angular变化检测机制：改善的脏检查: 本文分析了AngularJS与Angular的变化检测原理，同是脏检查的背后，由于Angular的单向数据流，以组件为检测单位，生产环境只检查一次，可自定义变化检测策略，以及可自定义变化检测操作使得Angular更加高效，可预测。

本文首发知乎野草 。如有不当之处，欢迎指正。