OneForCheng

本文将谈一谈 Angular 的性能优化，并且主要介绍与运行时相关的优化。在谈如何优化之前，首先我们需要明确什么样的页面是存在性能问题？好的性能的衡量指标是什么？性能优化背后的原理又是如何的？

1. 序言 Angular 官方网站针对 从 AngularJS 升级到 Angular 提供了比较详细的文档，并给出了一个 PhoneCat 升级教程 的案例演示，指导一步步如何改造。但总的来说，这个案例还是太过简单，并不能很好地还原一个最原始的、相对复杂的、版本更低的遗留项…

ZoneJS 是 Angular 团队受到 Dart 的 Zone 的启发，为 Angular v2 及其以上版本设计的核心模块。Angular 通过引入 ZoneJS 使得其变更检测机制更加简单与可靠。 在 ZoneJS 中有一个核心概念：Zone（域）。一个 Zone 表示…

RxJS 是一个库，它通过使用observable（可观察对象）序列来编写异步和基于事件的程序。其结合了观察者模式、迭代器模式和使用集合的函数式编程，以一种理想方式来管理事件序列所需要的一切。 本文将主要探讨观察者模式、迭代器模式以及它们如何在 RxJS 中被应用。 浏览器 D…

在前端三大主流的框架中，我们可能会经常听到 React 是单向数据流，采用单向数据绑定，而 Vue 2.x 也是单向数据流，但同时支持单向数据绑定和双向数据绑定，而 Angular 和 AngularJS 又有所不同，到底数据绑定与数据流之间有什么关联？单向数据绑定就等价于单向…

Angular 一般意义上是指 Angular v2 及以上版本，而 AngularJS 专指 Angular 的所有 1.x 版本。出现这种区别是由于 Angular 对 AngularJS 进行了完全重写，两者区别很大，直接形成了两个独立的产品。 Angular 官网：On…

“循环加载”简单来说就是就是脚本之间的相互依赖，比如a.js依赖b.js，而b.js又依赖a.js。例如： 对于循环依赖，如果没有处理机制，则会造成递归循环，而递归循环是应该被避免的。并且在实际的项目开发中，我们很难避免循环依赖的存在，比如很有可能出现a文件依赖b文件，b文件依…

此篇文章所讨论的是 React 16 以前的 Diff 算法。而 React 16 启用了全新的架构 Fiber，相应的 Diff 算法也有所改变，不在这篇文章的讨论范围内。研究 React 的 Diff 算法重在理解其思想，具体实现其次。 React 最为核心的就是 Virt…

React 有一套自己的事件系统，其事件叫做合成事件。为什么 React 要自定义一套事件系统？React 事件是如何注册和触发的？React 事件与原生 DOM 事件有什么区别？带着这些问题，让我们一起来探究 React 事件机制的原理。为了便于理解，此篇分析将尽可能用图解代…