共计 4602 个字符，预计需要花费 12 分钟才能阅读完成。
自 2010 年 AngularJS 第一版公布以来，前端框架的倒退经验了十个年头，前端框架大战也简直告一段落。毫无疑问，当初基本上是 React、Angular（包含 AngularJS 和起初的 Angular）和 Vue.js、QucikUI、Layui、Avalon、Dojo、Ember、Aurelia 是目前风行的 9 大前端框架。
根本信息：
1.Vue
Vue (读音 /vjuː/，相似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为能够自底向上逐层利用。Vue 的外围库只关注视图层，不仅易于上手，还便于与第三方库或既有我的项目整合。另一方面，当与现代化的工具链以及各种反对类库联合应用时，Vue 也齐全可能为简单的单页利用提供驱动。
2.React
React 是一个用于构建用户界面的 JAVASCRIPT 库。React 次要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的外部我的项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 领有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和应用它。
3.Angular
AngularJS 诞生于 2009 年，由 Misko Hevery 等人创立，后为 Google 所收买。是一款优良的前端 JS 框架，曾经被用于 Google 的多款产品当中。AngularJS 有着诸多个性，最为外围的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
4.QucikUI
QucikUI 4.0 是一套残缺的企业级 web 前端开发解决方案，由根底框架、UI 组件库、皮肤包、示例工程和文档等组成。底层基于 jquery 构建。应用 QucikUI 开发者能够极大地缩小工作量，进步开发效率，疾速构建功能强大、好看、兼容的 web 利用零碎。
5.Layui
layui（谐音：类 UI) 是一款采纳本身模块标准编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织模式，门槛极低，拿来即用。其外在极简，却又不失丰满的外在，体积轻捷，组件丰盈，从外围代码到 API 的每一处细节都通过精心雕刻，非常适合界面的疾速开发。layui 首个版本公布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是崇奉返璞归真之道。精确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的简单配置，只需面对浏览器自身，让所有你所须要的元素与交互，从这里信手拈来。
6.Avalon
avalon2 是一款基于虚构 DOM 与属性劫持的 迷你、易用、高性能 的 前端 MVVM 框架，领有超优良的兼容性, 反对挪动开发, 后端渲染, WEB Component 式组件开发, 无需编译, 开箱即用。
7.Dojo
Dojo 致力于实现最大的互操作性。Web 组件提供了一种机制，能够在 Dojo 应用程序中利用非 Dojo 组件，并在非 Dojo 应用程序中轻松应用基于 Dojo 的小部件。Dojo 为 Web 组件提供一流的反对。您明天做出的决定不应该将您锁定在将来的决策中。
8.Ember
Ember.js 可能是最回心转意的支流框架，这也是其最大的劣势。它有创立 Ember.js 应用程序的正确办法，通常只有一种办法来创立应用程序。Ember.js 更相似于一个产品或平台，在那里你会到一个供应商的长期反对和保护。Ember.js 提供了对其平台的全面版本治理，降级工具以及对 API 降级的弱小领导和工具。成熟，是对 Ember.js 的一个很好的总结。
9.Aurelia
Aurelia 是一个令人惊叹的框架，它在不就义性能的状况下采纳简略而洁净的代码。在本教程中，咱们将通过构建“Todo”应用程序向您介绍 Aurelia 的简略性。您将看到利用程序代码的简洁水平，您将学习 Aurelia 的几个基本概念和性能。
要说前端框架，最火的莫过于 Vue、React、Angular，那么 2021 年了，在面临新我的项目时，开发人员该如何抉择呢？以下将从如下最火的三个框架作比拟，心愿能助你一臂之力。
React 由 Facebook 开发，第一版公布于 2013 年。Facebook 在本人的产品中大量应用了 React（如 Facebook、Instagram、WhatsApp 等）。目前稳固版本为 16.x，公布于 2018 年 11 月。框架默认语言为 JavaScript，但也反对 TypeScript。
React 的劣势：
- 易学易用；
- 应用 JSX 模板；
- 文档齐备；
- 速度十分快，得益于虚构 DOM 和各种渲染优化措施；
- 对服务器端渲染反对十分好；
- 反对 PWA；
- 单向数据绑定；
- 可采纳 Redux 作为状态治理；
- 反对函数式思维；
- 易降级版本；
- React 技能能够间接转移至 React Native。
React 的毛病：
- React 只负责 UI，其余框架须要开发者自行搭配（很难定义这是好是坏，许多开发者并不喜爱 Angular 这种大而全的框架）；
- CSS 治理方面依赖第三方（如 CSS Modules 或 CSS-in-JS），容易导致凌乱；
- React 正在逐渐放弃 OOP 形式，这对传统开发者会导致一些学习阻碍。
Angular 由 Google 开发，首次公布于 2010 年，是三个框架中最为年长者。最后版本（1.x）称为 AngularJS，采纳 JavaScript，但在 1.5.x 之后进行了一次大规模重构，架构简直从新设计，起初版本改名为 Angular 2，始终连续至 2020 年 6 月公布的 Angular 10。Angular 默认语言采纳 TypeScript。
Angular 的劣势：
- Angular 自身构建在 TypeScript 上，因而对 TypeScript 的反对十分好；
- Angular Language Service 反对在内部 HTML 模板文件中应用主动实现；
- Angular 通过命令行程序提供新性能，如代码生成等；
- 文档十分齐备；
- 单向数据绑定，可将意外谬误缩小到最低；
- MVVM 模型可让开发者应用同一套数据开发不同 UI 组件；
- 依赖注入保障模块的独立性；
- 代码构造和架构可扩展性强，适宜大型项目；
- “大而全”，Angular 框架蕴含了前端开发须要的方方面面。（对于这点的好坏断定，见仁见智）
Angular 的毛病：
- 泛滥不同构造（可注入组件、组件、管道、模块等）减少了学习难度，而 React 和 Vue 只有“组件”的概念；
- 性能较差。
Vue 是最年老的框架，由前 Google 员工尤雨溪开发。只管 Vue 是惟一没有任何大公司反对的框架，但过来几年内，Vue 的风行度还是大幅减少。目前稳固版本为 2019 年 2 月公布的 2.6 版。默认语言采纳 JavaScript，正在开发中的 Vue 3 打算反对 TypeScript。
Vue 的劣势：
- 加强 HTML，在这方面 Vue 与 Angular 很类似；
- 文档齐备；
- 适应性强。因为语法与 Angular 和 React 很类似，所以从其余框架迁徙至 Vue 绝对容易；
- 可扩展性强。Vue 可用于开发大型应用程序；
- 尺寸小。Vue 只有 80K 左右，比其余框架小得多。
Vue 的毛病：
- 资源不足。Vue 的市场仍然比拟小，所以资源也较少；
- 过于灵便，在缺乏经验的开发者手中可能会造成一些危险。
受权
抉择开源框架时，受权是一个须要认真思考的方面。不过，幸好三个框架都采纳了宽松的 MIT 受权，所以在这方面不须要有太多顾虑。
React 曾采纳 BSD+ 专利受权的形式，但在 2017 年，这个受权受到了许多开发者的质疑，因为该受权意味着 Facebook 实践上能够对任何应用 React 的公司提出专利诉讼。尽管 Facebook 自称这是一款“防御性”协定，但因为该危险的存在，许多大公司纷纷表示将从自家代码中剔除 React。起初 Facebook 迫于压力终于将受权改成了 MIT，这才平息了风波。
风行度
下图是三个框架 GitHub 代码库标星数量的变动状况。从图中能够看出，React 的关注度始终高于 Angular，而新型框架 Vue 在近年来的关注度激增，甚至在 2018 年超过了 React。
从上图来看 React 仍然是目前最受关注的框架，其次是 Vue，而 Angular 的关注度简直为零。
待业方面的状况则略有不同。在 Google 趋势上增加“jobs”关键字能够发现，尽管 Vue 受到了很大关注，但在实在的雇主需要方面，Vue 要远远小于 Angular。
各大招聘网站上占据主导地位的仍然是 Angular 和 React，甚至 Angular 还比 React 略多一些
综上能够得悉，尽管 Vue 越来越风行，但许多公司为了 稳定性 起见，还是抉择了久经考验的 React 框架。因为前几年 Angular 的风行，尽管当初很少有新我的项目采纳 Angular，但相熟 Angular 的开发者仍然有市场，因为遗留的 Angular 我的项目仍然须要有人来保护。
性能
因为 React 和 Vue 都采纳了虚构 DOM，两者在渲染方面的性能差距并不大。而 Angular 不应用虚构 DOM，它抉择间接渲染 DOM。
尽管采取了各种优化措施保障每次只有更改的局部才会渲染，但相比之下渲染性能还是比不上 React 和 Vue。
在框架尺寸方面，React 为 100k，Vue 为 80k，而 Angular 达到了 200k。所以加载速度上也是 React 和 Vue 更胜一筹。
社区反对
React 和 Angular 都由大公司开发，文档十分结束。同时，通过多年的积攒，两者的社区反对也十分欠缺，开发中遇到的问题通常都能够通过社区搜寻失去解决。
相比之下，Vue 由尤雨溪主导开发，Vue 的衰亡也是近几年的事件，所以社区反对并不如 React 和 Angular 优良。但最近 Vue 的社区也在变得越来越好。
学习曲线
React 的外围局部很容易学习。但因为 React 依赖许多第三方库来解决其余前端性能，开发者须要学习各种不同的库能力开发出残缺前端利用。此外，React 并没有指定适宜开发的第三方库，因而开发者须要本人抉择，这也就减少了初学者的学习难度。
相比之下，Angular 是一个“大而全”的库，提供了前端所需的所有，所以即使是初学者也能够放心使用 Angular 去开发出残缺地应用程序。然而，Angular 自身就蕴含了许多难懂的概念，所以学习起来要比 React 艰难。
而 Vue 相对来说非常容易。Vue 汲取了 React 和 Angular 的所有长处，所以开发者能够很容易地学习。
跨平台
React 有一个子项目 React Native，能够利用 JavaScript 和相似于 React 架构编写原生的挪动应用程序。React Native 也有多年倒退历史，领有大量理论利用。最重要的是，相熟 React 的开发者不须要过多学习即可把握 React Native。
对于 Vue，要想开发原生应用程序，能够采纳另一款名为 Weex 的原生框架。
还有一个名为 NativeScript 的跨平台框架，也能够开发原生挪动利用，它反对 Vue 和 Angular。
最初
对于 有教训的开发者 来说，抉择哪个框架并不会有问题，因为三者的根本思维都十分类似，从一个框架迁徙到另一个框架也比拟容易。
而对于 初学者 而言，React 无疑是最好的抉择，它绝对容易学习，利用宽泛，而且能提供很好的工作前景。Vue 因为很容易入门，如果你已有一些前端的教训，心愿学习一个新框架来疾速开发一些我的项目，那么能够尝试一下 Vue。
