web前端流行JavaScript 框架

前端 JavaScript 框架

JavaScript 在前端开发中已经广泛使用了将近二十年。像 React、Vue 和 Angular 这样的知名架构已经吸引了大量的追随者，而最近，一些新的竞争者成功地挑战了这三大框架。2021 年最优秀的五大前端框架如下：

1. React.js

在我们前端培训学习的编制的 2021 年最佳 JavaScript 框架的榜单中，前端类排名第一是 React.js。React.js 是一个开源的前端 JavaScript 库（并非一个成熟的框架），由 Jordan Walke 领导的 Facebook 开发团队于 2011 年创建，并于 2013 年 6 月开源。它的原型名为“FaxJS”，在 Facebook 消息来源（News Feed）上进行了首次测试。可以说，React 是网络开发行业中最大的颠覆者之一，也是塑造我们今天所看到的网络应用的一个重大突破。

\

React 引入了一种组件驱动、函数式和声明式的编程风格，为主要是单页 Web 应用创建交互式用户界面。通过“虚拟 DOM”，React 提供了非常快的渲染速度，只需渲染发生变化的部分，而不用渲染整个页面。React 的另一个基本特点是使用更简单的 JSX 语法，而不是 JavaScript。

\

尽管学习 React 比这个榜单中其他框架要复杂一些，但是 React 拥有一个庞大的开发者社区、丰富的学习资源，并被世界各地广泛采用。

\

不管是 Stack Overflow 开发者调查，还是 State of JS 调查，在前端 JavaScript 框架榜单中，React 始终名列前茅，一直是最受欢迎的前端 JavaScript 框架。Airbnb、Facebook、Instagram、Netflix、Twitter、WhatsApp 等全球最大的公司和品牌都使用 React 构建。如果认为 React.js 可以说是最好的 JavaScript 框架，那这一说法不会有错。

2. Vue.js

Vue.js 是一种轻量级、开源的 JavaScript 框架，用最小的努力来构建创造性的用户界面和高性能单页 Web 应用。

\

Evan Yu 在 2014 年首次发布了 Vue，他是一名谷歌开发者，从 Angular 中获得了灵感，以 Vue.js 的形式提供了一个简单、轻量级、高效的替代方案。Vue 从 React 和 Angular 获得了许多特性，但是这些特性已经得到了大幅改进，从而提供了一个更好、更易用、更安全的框架。Vue 就是这种方法的最佳例子，它提供了 Angular 所见的双向数据绑定，以及 React 所见的“虚拟 DOM”。

\

同样，Vue 也非常灵活，使其能够像 Angular 那样作为一个完整的端到端框架，也可以像 React 那样作为一个有状态的视图层。所以，Vue 的主要优势在于它的渐进式性质，它更简单，更容易上手，并且不会做太多限制来满足开发者的需求。Vue 在过去两年中迅速流行起来，取代了 Angular 和 React 复杂的统治地位，成为最好的 JavaScript 框架。有些全球最大的公司，比如 Adobe、苹果、宝马、路易威登和任天堂都采用了 Vue。

3. Angular

Angular.js 在 2021 年最佳 JavaScript 框架榜单的前端类中名列第三，它是谷歌开源、基于脚本的框架，用于创建单页 Web 应用的客户端。Angular 是由谷歌工程师 Misko Hevery 和 Adam Abrons 在 2010 年创建的，名为 AngularJS（或 Angular 1）。AngularJS 曾广为人知，也曾最受欢迎，但 React 的出现暴露了它严重的缺陷，后来被人们遗忘了。因此，在 2016 年，AngularJS 完全从零开始重写，并更名为 Angular 2（或简称 Angular）。

\

AngularJS（Angular 1）的灵感来自 React。它们有了很大的变化，最重要的变化就是从 MVW（Model-View-Whatever）架构转变为类似 React 的面向组件的架构。如今，Angular 已经成为构建企业应用最安全的 JavaScript 框架典范；超过 100 万的网站都在使用 Angular，包括谷歌、福布斯、IBM 和微软。

4. Emberjs

在 2021 年最佳 JavaScript 框架榜单中，前端类的第四名是 Ember.js。它是一个开源的 JavaScript 框架。Ember 不像我们提到的其他框架，它使用的是 MVVM（Model-View-ViewModel）架构。

\

Ember 最初是一个 SproutCore 2.0 框架，被 Yehuda Katz 重新命名为 Ember.js，他是一名资深开发者，被认为是 jQuery 的主要创造者之一。Ember 最流行、最基本的功能就是 Ember 命令行界面，其自身功能非常强大，是一个强大的生产力工具。

\

与 React、Vue 和 Svelte 相比，Ember 是较早的 JavaScript 框架之一，但它在微软、领英、Netflix 和 Twitch 等大公司仍然有巨大的用户基础。它的客户群里有很多用户。像 Backbone 和 Polymer 这样的老朋友已经消失了，但 Amber 仍能在一个充满激情的社区中，继续坚守下去。

5. Preact.js

在我们的 2021 年最佳 JavaScript 框架榜单中，Preact.js 在前端类排名第五。它是 React 的轻量级、快速且功能强大的替代方案（它并非一个完整的框架）。谷歌高级开发项目工程师 Jason Miller 创建了 Preact，并被一些开发者用作 React 的子集，同时还删除了部分特性。

\

Preact.js 的基本原则与 React 相同，是一种使用虚拟 DOM 的基于组件的方法，同时与 React 完全兼容。

\

你还可以使用 React 包，而不会影响速度、性能和精简。如果你不需要 React 的全部潜力，大多数开发者将在开发过程中使用 Preact，甚至在生产中切换到 Preact。使用 Preact 的大公司有很多，包括腾讯、Uber 和 Lyft。

总结

本文这个榜单所列的这些框架，远远不是 JavaScript 前端开发所需的全部框架，但是它们构成了当前所使用的此类框架的主体。随着 JavaScript 功能（通过 ECMAscript 过程）的不断发展，框架功能向内核迁移的可能性也在增加。