2019年开发人员应该学习的10个JavaScript框架 - 51CTO.COM

 

根据Stack Overflow 2018开发者调查报告，JavaScript是使用最广泛的编程语言之一。感谢它不断发展的框架生态系统，为复杂和具有挑战性的问题找到解决方案。

多年来，业界已经发布了大量 JavaScript 框架，怎样进行选择可能是一个挑战。如果你感到困惑，不知道应该选哪个，那么这篇文章你应该读一读。

01 React

React 是今年最受喜爱的 JavaScript 的工程!每个人似乎都在谈论 ReactJS。每一个会议上，去年出席的会议，至少有两个人是在讨论 React。React 是开源的，主要是由 facebook 借助其它公司的主要技术开发出来的。React 描述自己是一个 JavaScript 库，用于构建用户界面。

React 在 MVC 中，主要是 View。它完全专注于 MVC 那部分，无视应用程序的其它部分。它提供了一个成分层，可以更容易使用UI元素，并将它们组合在一起。它抽象了 DOM，使其擅长于优化渲染，并允许使用 node.js 来表述 React ; 它实现了一个单向灵活的数据流，使得它更容易理解和使用其它框架。

02 Vue

Vue是Evan You在Google工作后使用AngularJS为多个项目中创建的。它在2018年首次发布，Evan分享了他创建Vue的动机，他说:“我想，如果我能提取出我真正喜欢Angular的那部分，然后构建一些真正轻量级的东西会怎么样呢?”Vue继续在JavaScript开发人员中得到广泛采用，这种趋势应该还会继续下去。根据npm调查，一些开发人员更喜欢Vue而不是React，因为他们觉得“在保持可扩展性的同时更容易上手”。

Vue是一个允许开发人员构建交互式Web界面的库。它提供类似于React的数据反应组件，具有简单灵活的API。与React或Angular不同，Vue的一个好处是它产生的干净的HTML输出。其他JavaScript库往往会在代码中留下散布着额外属性和类的HTML，而Vue会删除它们以产生干净的语义输出。它通过官方维护的支持库和包为复杂应用程序提供高级功能，如路由，状态管理和构建工具。

03 Angular

Angular 是最强大、最高效、最开源的 JavaScript 框架之一。该框架由Google 运营，用于开发单页应用(SPA)。这个开发框架之所以出名，主要是因为它为开发人员提供了将JavaScript 与 HTML 和 CSS 结合起来的最佳条件。有超过五十万个网站如 google.com、youtube.com 等正在使用 Angular。

AngularJS 是一个 MVC 类型的框架，它提供了双向的数据模型和视图之间的绑定。这种数据绑定，允许在双方只要有一个数据变化时，自动进行更新。它使你可以构建可重用的 View 组件。同时，它也提供了一个服务框架，以便前后端服务的轻松通信。

什么时候使用 AngularJS?当你正在建立一个复杂的 web 前端应用程序，并且需要一个模块化的框架来处理一切时。

04 Node.js

Node.js 是一个基于 Google Chrome 的 JavaScript 引擎构建的开源服务器端平台。使用 NodeJS 的网站数量已超过 84,000 个。它是下载量最大的用于执行 JavaScript 代码的跨平台运行时环境之一。

Node.js遵循“JavaScript无处不在”的范例，通过围绕单一编程语言统一Web应用程序开发，而不是服务器端和客户端脚本的不同语言。在JSConf 2018中，Dahl描述了他的服务器端JavaScript运行时引擎的一些限制。其架构的许多部分都受到限制，包括安全性以及如何管理模块。作为解决方案，他引入了一个名为Deno的新软件项目，这是一个V8 JavaScript引擎上的安全TypeScript运行时，旨在纠正Node.js中的一些设计缺陷。

05 React Native

React Native的故事始于2013年夏天，当时是Facebook的内部黑客马拉松项目，后来在2015年开源。React Native是一个JavaScript框架，用于构建原生移动应用程序。正如您可能已经从名称中猜到的，React Native是基于我们前面讨论过的React的。之所以称之为“原生”，是因为使用React native构建的UI由原生UI小部件组成，这些小部件看上去和感觉上都与使用原生语言构建的应用程序一致。

本质上，React Native将用Javascript/JSX编写的UI定义转换成适合目标平台的原生视图层次结构。例如，如果我们正在构建一个iOS应用程序，它会将文本原语转换为原生iOS UIView，在Android中，它会生成原生TextView。因此，即使我们正在编写JavaScript应用程序，我们也不会在移动设备的shell中嵌入Web应用程序。我们正在获得一个“真正的原生应用”。

06 Three.JS

Three.JS是3D计算机图形学框架之一。

Three.JS利用WebGL引擎，在Web浏览器中创建漂亮的3D计算机图形。它拥有很多十分受欢迎的功能，其中包括特效和场景、相机、蒙皮网格(SkinnedMesh)和变形混合网格(morphblendmesh)动画、灯光等等。

其庞大的社区集合了大量程序员和用户，非常的活跃，因此这个项目将会稳步发展。

07 Ionic Framework

Ionic Framework 由Drifty Co.创建，最初于2013年发布。它是一个开源的前端SDK，用于使用熟悉的Web技术(如HTML5，CSS和JavaScript)开发混合移动应用程序。借助Ionic，您将能够构建和部署跨多个平台的应用程序，例如原生iOS，Android，桌面和Web作为渐进式Web应用程序。

Ionic主要关注应用程序的外观或UI交互。这告诉我们，它并不意味着取代Cordova或您最喜欢的JavaScript框架。事实上，它仍然需要像Cordova这样的原生包装器来将您的应用程序作为移动应用程序运行。它使用这些包装器来访问主机操作系统功能，如相机，GPS，手电筒等，它由Cordova/PhoneGap等工具包装。

08 jQuery

jQuery是最古老的 JS 框架之一。这个框架已经存在了 13 年之久，而且它仍然很强大。那么什么是 jQuery?

jQuery 是一个快速而简洁的 JavaScript 库，由 John Resig 在2006年创建，它有一个很好宗旨：写得少，做得多。它是一个跨浏览器的 JavaScript 库，旨在简化 HTML 的客户端脚本。目前有超过 1900 万个网站正在使用jQuery!WordPress、Facebook、Google、IBM 和其他许多公司都依赖 jQuery 提供独一无二的网络浏览体验。

09 Backbone.js

Backbone 是一个很著名的简单的框架，融入了一个单一的 JavaScript 文件。Backbone 流行了一段时间。由 Jeremy Ashkenas 从CoffeeScript 和 Underscore 框架中开发出来的。对于追寻小型架构的团队来说，Backbone 是特别受欢迎的。因为他们小型的 Web 应用是不需要使用像 AngularJS 和 Ember 这样的大型框架的。

Backbone 提供了一个完整的 MVC 框架和路由。该模型允许键-值绑定和处理数据变化的事件。Models(和 Collections)可以连接到 RESTful API 中。Views 可以声明事件处理，而路由器则可以非常出色地处理 URL 和状态管理。在建立一个不提供太多功能和非必要复杂功能的单页面应用时，能提供你所需的所有功能。

10 Ember

Ember 是一个独立的 Web 应用程序框架，专注于编码效率。Ember 是比较受欢迎的，核心团队包括牛人 Yehuda Katz，他是 Ruby on Rails 和 jQuery 的核心团队之一。Ember 描述自己为一个不浪费你的时间，能用于创建伟大 Web 应用程序的框架。 这是非常有主见，这也使你有了很多选择。

Ember 也是一个 MVC 框架。它包括一个模板和视图引擎，保证了数据变化时的自动更新，就像 AngularJS，Backbone 和 React 一样。它包括的概念 web 组件，让你用自己的标签来扩展 HTML(就像 AngularJS)。它也有一个路由和模型引擎，能够和 RESTful API 协同工作。

【编辑推荐】

点赞 0