野草园

前端展示的页面是由视图和数据共同构成的，视图模板定义了页面的框架，而数据定义了页面具体的显示内容。而数据发生变化的时候，我们需要及时将变化的内容更新到视图中，否则用户看到的数据就是不正确的。系统及时感知到数据模型的变化，然后通过计算更新到视图中，这是每个前端框架都需要解决的问题。这前一半部分就是所谓的变化检测。数据何时变化接下来的问题是，数据何时变化，哪些因素会引起数据变化？

本文是笔者在学习开发过程中的总结输出，目的在于让初次接触Angular的开发者对该框架能有整体的认识，并且能快速上手开发工作。

XSS攻击是比较常见的网站攻击方式，Angular框架也考虑到了这点，专门做了一些处理。本文就Angular如何防御XSS攻击做了简单介绍。

Angular开发者常常会犯以下的错误：框架名称：没有Angular 1和Angular 2， 只有AngularJS和Angular。Angular的第三方库，建议用ngx-为前缀，而不是ng2-。因为Angular每6个月会更新一次，你懂的。。。ngOnChanges监听输入对象的变化，但仅限于它的引用，也就是说，如果对象的某个属性发生变化，Angular是不会触发onChanges的。解决方法：

推荐文章Armen Vardanyan ： Angular: Best Practices 推荐理由作者根据自身的项目实践，总结出了一些Angular的最佳实践。主要包涵了TypeScript类型的最佳使用，组件的合理使用，通用服务的封装，模版的合理定义。

前言：这是我在年中做自我总结的时候给自己定的新尝试，想法来源于@王下邀月熊的《前端每周清单》系列。但鉴于自己的知识面窄能力有限，就把内容限制在最近正在研究的Angular上了。本来取名叫《Angular前端月报》，想想自己能看的／理解的文章也不多，就改名叫《Angular散摘》。写这篇其实不太容易，肚子里没什么墨水，硬是把自己以前写的东西拉过来凑凑数，成了这样一篇，也算是给自己的一个交代。

推荐文章Maxim Koretskyi ： Never again be confused when implementing ControlValueAccessor in Angular forms 推荐理由在大型复杂的管理后台项目中，很有可能你会遇到需要自定义表单控件（Custom form control）。很多文章都介绍了此时应该定义ControlValueAccessor，也展示了

本文为笔者对Angular官网风格指南的整理版本，删除／增加了部分内容。另外，原文对每个规范都作出了原因的解释，个别还有示例，需要的请点击查看原文。原链接：英文文档 ／ 中文文档单一职责单一文件一个文件定义一样东西，比如一个组件、一个服务、一个管道、一个指令每个文件最多不要超过400行单一函数定义功能单一的函数一个函数最多不要超过75行命名规范文件名采用feature.type.*