前言:这是我在年中做自我总结的时候给自己定的新尝试,想法来源于@王下邀月熊的《前端每周清单》系列。但鉴于自己的知识面窄能力有限,就把内容限制在最近正在研究的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更加高效,可预测。
本文首发知乎野草 。如有不当之处,欢迎指正。