2021 年最佳 JavaScript 框架（前端篇）

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"据 Stackoverflow 的 2021 年开发者调查，JavaScript 已连续第八年成为使用最多的语言，有 67.7% 的受访者选择它。之所以如此受欢迎，主要是因为 JavaScript 是通用的，可以用于前端和后端开发和测试网站或 Web 应用程序。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"使用谷歌搜索“JavaScript framework”，你会发现有很多 JavaScript 框架，它们各有优点，各有用途。由于有如此多的 JavaScript 框架可供选择，可以用于前端、后端开发，甚至测试，因此，要选择合适你需求的框架，可能会是一个挑战。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"可能很难找到一个适合你需求的适当框架。本文介绍了 2021 年最佳 JavaScript 框架，我用 StateOfJS 2019、Stackoverflow 开发者调查 2021 和 NPM 趋势，编制了一份用于前端、后端和测试的最佳 JavaScript 框架榜单，可以帮助你解决这个问题。"},{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"（本文是前端篇）"}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"前端 JavaScript 框架"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"JavaScript 在前端开发中已经广泛使用了将近二十年。像 React、Vue 和 Angular 这样的知名架构已经吸引了大量的追随者，而最近，一些新的竞争者成功地挑战了这三大框架。2021 年最优秀的五大前端框架如下："}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"1. React.js"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"在我们编制的 2021 年最佳 JavaScript 框架的榜单中，前端类排名第一是 React.js。React.js 是一个开源的前端 JavaScript 库（并非一个成熟的框架），由 Jordan Walke 领导的 Facebook 开发团队于 2011 年创建，并于 2013 年 6 月开源。它的原型名为“FaxJS”，在 Facebook 消息来源（News Feed）上进行了首次测试。可以说，React 是网络开发行业中最大的颠覆者之一，也是塑造我们今天所看到的网络应用的一个重大突破。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"React 引入了一种组件驱动、函数式和声明式的编程风格，为主要是单页 Web 应用创建交互式用户界面。通过“虚拟 DOM”，React 提供了非常快的渲染速度，只需渲染发生变化的部分，而不用渲染整个页面。React 的另一个基本特点是使用更简单的 JSX 语法，而不是 JavaScript。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"尽管学习 React 比这个榜单中其他框架要复杂一些，但是 React 拥有一个庞大的开发者社区、丰富的学习资源，并被世界各地广泛采用。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"不管是 Stack Overflow 开发者调查，还是 State of JS 调查，在前端 JavaScript 框架榜单中，React 始终名列前茅，一直是最受欢迎的前端 JavaScript 框架。Airbnb、Facebook、Instagram、Netflix、Twitter、WhatsApp 等全球最大的公司和品牌都使用 React 构建。如果认为 React.js 可以说是最好的 JavaScript 框架，那这一说法不会有错。"}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"2. Vue.js"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Vue.js 是一种轻量级、开源的 JavaScript 框架，用最小的努力来构建创造性的用户界面和高性能单页 Web 应用。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Evan Yu 在 2014 年首次发布了 Vue，他是一名谷歌开发者，从 Angular 中获得了灵感，以 Vue.js 的形式提供了一个简单、轻量级、高效的替代方案。Vue 从 React 和 Angular 获得了许多特性，但是这些特性已经得到了大幅改进，从而提供了一个更好、更易用、更安全的框架。Vue 就是这种方法的最佳例子，它提供了 Angular 所见的双向数据绑定，以及 React 所见的“虚拟 DOM”。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"同样，Vue 也非常灵活，使其能够像 Angular 那样作为一个完整的端到端框架，也可以像 React 那样作为一个有状态的视图层。所以，Vue 的主要优势在于它的渐进式性质，它更简单，更容易上手，并且不会做太多限制来满足开发者的需求。Vue 在过去两年中迅速流行起来，取代了 Angular 和 React 复杂的统治地位，成为最好的 JavaScript 框架。有些全球最大的公司，比如 Adobe、苹果、宝马、路易威登和任天堂都采用了 Vue。"}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"3. Angular"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Angular.js 在 2021 年最佳 JavaScript 框架榜单的前端类中名列第三，它是谷歌开源、基于脚本的框架，用于创建单页 Web 应用的客户端。Angular 是由谷歌工程师 Misko Hevery 和 Adam Abrons 在 2010 年创建的，名为 AngularJS（或 Angular 1）。AngularJS 曾广为人知，也曾最受欢迎，但 React 的出现暴露了它严重的缺陷，后来被人们遗忘了。因此，在 2016 年，AngularJS 完全从零开始重写，并更名为 Angular 2（或简称 Angular）。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"AngularJS（Angular 1）的灵感来自 React。它们有了很大的变化，最重要的变化就是从 MVW（Model-View-Whatever）架构转变为类似 React 的面向组件的架构。如今，Angular 已经成为构建企业应用最安全的 JavaScript 框架典范；超过 100 万的网站都在使用 Angular，包括谷歌、福布斯、IBM 和微软。"}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"4. Emberjs"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"在 2021 年最佳 JavaScript 框架榜单中，前端类的第四名是 Ember.js。它是一个开源的 JavaScript 框架。Ember 不像我们提到的其他框架，它使用的是 MVVM（Model-View-ViewModel）架构。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Ember 最初是一个 SproutCore 2.0 框架，被 Yehuda Katz 重新命名为 Ember.js，他是一名资深开发者，被认为是 jQuery 的主要创造者之一。Ember 最流行、最基本的功能就是 Ember 命令行界面，其自身功能非常强大，是一个强大的生产力工具。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"与 React、Vue 和 Svelte 相比，Ember 是较早的 JavaScript 框架之一，但它在微软、领英、Netflix 和 Twitch 等大公司仍然有巨大的用户基础。它的客户群里有很多用户。像 Backbone 和 Polymer 这样的老朋友已经消失了，但 Amber 仍能在一个充满激情的社区中，继续坚守下去。"}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"5. Preact.js"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"在我们的 2021 年最佳 JavaScript 框架榜单中，Preact.js 在前端类排名第五。它是 React 的轻量级、快速且功能强大的替代方案（它并非一个完整的框架）。谷歌高级开发项目工程师 Jason Miller 创建了 Preact，并被一些开发者用作 React 的子集，同时还删除了部分特性。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Preact.js 的基本原则与 React 相同，是一种使用虚拟 DOM 的基于组件的方法，同时与 React 完全兼容。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"你还可以使用 React 包，而不会影响速度、性能和精简。如果你不需要 React 的全部潜力，大多数开发者将在开发过程中使用 Preact，甚至在生产中切换到 Preact。使用 Preact 的大公司有很多，包括腾讯、Uber 和 Lyft。"}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"总结"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"本文这个榜单所列的这些框架，远远不是 JavaScript 前端开发所需的全部框架，但是它们构成了当前所使用的此类框架的主体。随着 JavaScript 功能（通过 ECMAscript 过程）的不断发展，框架功能向内核迁移的可能性也在增加。"}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"作者介绍："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Olivia Cuthbert，印度人，技术作家，数字营销人员。供职于 Pixel Crayons，内容主管。对数据科学、机器学习、数据可视化、知识图谱、数据库等有着浓厚的兴趣。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong"}],"text":"原文链接："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"https:\/\/www.datasciencecentral.com\/profiles\/blogs\/best-javascript-frameworks-for-2021"}]}]}