三大框架，Web开发如何选择？
精选问答
-
随着社交媒体和用户生成内容的爆炸式增长，互联网正在向更好的方向发展。为了跟上时代发展的步伐，提供更好的交互性，开发人员开始构建库和框架来简化交互式站点的构建。2006 年，John Resig 发布了 jQuery，使得在 HTML 中编写客户端脚本变得更加容易。随着时间的推移，其他类似的项目出现了。刚开始，它们是一个庞大的单体，而且把项目的构想强加给开发者。现在，这些库已经开始向紧凑型轻量级库转变，可以非常容易地添加到任何应用程序中。让我们来看看其中最受欢迎的三个。
JavaScript 框架概览
开始一个新项目总是要做许多决定。其中一个关键决策就是选择合适的框架或库。幸运的是，Vue.js 是一个功能非常多样化的库，可以处理各种各样的任务。
Vue.js
Vue.js 这个库让你可以将交互性和附加功能添加到任何使用 JavaScript 的编码环境中。Vue 既可以在单独的页面上用来解决简单的任务，也可以作为成熟的工业应用程序的基础。Vue.js 是一个用于构建图形用户界面的高级框架。它也可以与一些现代工具和附加库一起，用于构建复杂的单向应用程序。
Vue 库其中一个最大的优点是它不需要任何特殊知识。任何 Vue 应用程序都是使用 HTML、CSS 和 JavaScript 编写的——熟悉这些工具就可以立即投入工作。即使你以前从未做过客户端开发，也可以基于以前的 MVC 设计模式使用经验进行构建，这种模式与 MVVM 非常相似。
React
借助 React 库，我们可以轻松地创建交互式用户界面。集成 React 时，不需要更改当前项目的代码，它只负责渲染界面，不会额外带来痛苦。
React 系统支持用户界面更新，使得为应用程序创建健壮的模块化组件更加容易。React 库通过数据更新来实现大部分用户界面维护工作，这对开发人员来说非常令人愉快（难怪它如此受欢迎）。
Angular
Angular 差不多是一个完整的开发环境。它包含一整套程序，包括 TypeScript 编译器、AOT 编译器和 Web 服务器。Angular 的 Web 服务器用于调试使用这个框架开发的站点。它是用同一个 Angular CLI 实用程序启动的，要启动 Angular CLI，你需要在 Windows 命令行中进入项目文件夹，并执行 ng serve 命令。
Vue、React 和 Angular 的主要特征
React 最大的其中一个优势是：在稳定性和创新性之间做了很好的平衡，使得用户比较容易适应。这个原因以及其他一些原因使 React 保持了它的地位，并获得越来越多的人气。
大小
开发框架的大小对未来应用的性能至关重要。框架和应用程序必须在应用程序开始正常工作之前加载。
在这方面，Angular 最复杂，有 143KB。React 次之，有 43KB，而 Vue.js 只有 23KB。除非你的应用特别大，并且包含了大量的组件，否则最好使用更小的结构。
性能
在 Web 项目中，性能与 DOM 密切相关：DOM 在浏览器 / 代码中表示 Web 页面。在发生更新时，你可以通过 DOM 控制 Web 页面。
Vue、React 和 Angular 的性能会因为任务的不同而有所差异，但在大多数情况下，它们都非常高效和快速。React 和 Vue 都实现了 DOM。得益于其精心设计的结构，Vue 提供了出色的性能和内存分配。这就是 React 和 Vue.js 优于 Angular 的地方：它们利用了虚拟 DOM——原始 DOM 的复本。
注意：DOM 是一种将 HTML 文档的内容表示为对象的方法。此外，还有一个用于管理指定对象的接口。DOM 分常规 DOM（也称为真 DOM）和虚拟 DOM。它们有什么区别呢？让我们来看一个例子。如果你想修改在 HTML 标签中找到的某些信息，算法将会这样做：真正的 DOM 将更新所有标签，直到它找到它需要的片段。在某些情况下，这会对性能和其他参数产生负面影响。虚拟 DOM 则只更新必要的 HTML 块。
社区
React 是世界上最流行的框架，这已不是什么秘密。它越来越受欢迎，因为它提供了真正的 Promise。React 的 Mental Model 看起来很可靠，其组件让创建用户界面变得更容易，API 灵活且富有表现力，整个项目给人的感觉是就应该那样。对 API 库的描述也友好，更容易给人留下良好的印象。
从那时起，React 库在基本概念和 API 方面就基本保持不变，但已经形成并发展出了一整套的知识和最佳实践，越来越多的人在使用它。Angular 因其优点而备受赞誉，并拥有大量的社区支持。遗憾的是，尽管 Vue.js 有很多好处，但它并没有像它的竞争对手那样被开发者所接受。
