十大热门的 JavaScript 框架和库

- 日理万妓 2022-07-12 17:13 208阅读 0赞

JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了，目前在github 上这一类的项目是最多的，并且几乎每隔一段时间就会出现一个新的项目席卷网络社区，虽然这样推动了创新的发展，但不得不说苦了前端的开发者们。因此本文罗列出了一些优秀的 Javascript 框架和库的特点及其在 github 上的 star 数，旨在为各位开发者提供一些参考。如有遗漏，欢迎补充。

![20174153_INB4.jpg][]

### 1、[ReactJS][] (Star: 59989 [ ][Link 1],Fork: 10992) ###

React.js（React）是一个用来构建用户界面的 JavaScript 库，主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

React 特点：

*  1.声明式设计 −React采用声明范式，可以轻松描述应用。
 *  2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。
 *  3.灵活 −React可以与已知的库或框架很好地配合。
 *  4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
 *  5.组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
 *  6.单向响应的数据流 − React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

![164345_lQ50_2894582.jpeg][]

主页：[https://facebook.github.io/react][https_facebook.github.io_react]

### 2、[AngularJS][] (Star: 54769 ,Fork: 27292) ###

Angular JS (Angular.JS) 是一组用来开发 Web 页面的框架、模板以及数据绑定和丰富 UI 组件。它支持整个开发进程，提供 Web 应用的架构，无需进行手工 DOM 操作。 AngularJS 很小，只有 60K，兼容主流浏览器，与 jQuery 配合良好。

![162345_gAAS_2894582.png][]

主页：[https://angularjs.org][https_angularjs.org]

### 3、[Vue.js][]（Star: 43608, Fork: 5493） ###

Vue.js 是构建 Web 界面的 JavaScript 库，提供数据驱动的组件，还有简单灵活的 API，使得 MVVM 更简单。

主要特性：

*  可扩展的数据绑定
 *  将普通的 JS 对象作为 model
 *  简洁明了的 API
 *  组件化 UI 构建
 *  配合别的库使用

![20175526_fFoc.jpg][]

主页：[http://vuejs.org][http_vuejs.org]

### 4、[jQuery][]（Star: 43432, Fork: 12117） ###

Jquery 是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种 应用也说得很详细，同时还有许多[成熟的插件][Link 2]可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

![175137_buXR_2918182.png][]

主页：[https://jquery.com/][https_jquery.com]

### 5、[Meteor][](Star: 36691,Fork: 4617) ###

Meteor 是一组新的技术用于构建高质量的 Web 应用，提供很多现成的包，可直接在浏览器或者云平台中运行。

![151129_4Sz0_2894582.png][]

主页：[http://www.meteor.com][http_www.meteor.com]

### 6、[Angular2][]（Star: 20803，Fork: 5367） ###

Angular 是一款十分流行且好用的 Web 前端框架，目前由 Google 维护。这个条目收录的是 Angular 2 及其后面的版本。由于官方已将 Angular 2 和之前的版本 [Angular.js][AngularJS] 分开维护（两者的 GitHub 地址和项目主页皆不相同），所以就有了这个页面。传送门：[Angular.js][AngularJS]

![162424_6KvY_2894582.jpeg][]

主页：[https://angular.io][https_angular.io]

### 7、[Ember.js][] (Star: 17540,Fork: 3646) ###

Ember是一个雄心勃勃的Web应用程序，消除了样板，并提供了一个标准的应用程序架构的JavaScript框架。

![20175257_25e5.jpg][]

主页：[http://emberjs.com][http_emberjs.com]

### 8、[Polymer][](Star: 16979, Fork: 1699) ###

在2013年的Google I/O大会上，Google发布了Polymer，它是一个使用Web组件构建Web应用的类库，同时也使用了为Web构建可重用组件的新的HTML 5标准。Polymer为大部分Web组件技术提供了polyfills功能，它能让开发者在所有的浏览器支持新特性前创建自己的可重用组件。此外，Polymer提供了一系列的部件的例子，其中包括天气、时钟、股票行情和线型图。

Polymer中的polyfills为需要使用Web组件成功构建应用提供了多种Web技术，包括：

*  HTML imports：种在其他HTML document中引入和重用HTML document的方法。
 *  自定义元素：让开发者定义和使用自定义DOM元素。
 *  Shadow DOM：在DOM中提供的封装。
 *  模型驱动视图（Model Driven Views）：提供象AngularJS的数据绑定。
 *  Web动画：实现复杂动画的API。
 *  Pointer事件：对鼠标触摸和手写笔事件的封装

![151220_Zqx4_2894582.jpeg][]

主页：[http://www.polymer-project.org][http_www.polymer-project.org]

### 9、[Zepto.js][]（Star: 12074，Fork: 3260） ###

Zepto.js 是支持移动WebKit浏览器的JavaScript框架，具有与jQuery兼容的语法。2-5k的库，通过不错的API处理绝大多数的基本工作。

![Zepto.js][Zepto.js 1]

主页：[http://zeptojs.com/][http_zeptojs.com]

### 10、[Riot.js][]（Star: 11491，Fork: 902） ###

Riot.js是一个客户端模型-视图-呈现(MVP)框架并且它非常轻量级甚至小于1kb.尽管他的大小令人难以置信，所有它能构建的有如下：一个模板引擎，路由，甚至是库和一个严格的并具有组织的MVP模式。当模型数据变化时视图也会自动更新。

![20174155_X58m.png][]

主页：[http://riotjs.com][http_riotjs.com]

当然除了以上提到的这些，还有很多优秀的 Javascript 框架和库，并且几乎每隔一段时间就会涌现一个新的产品，如果还有其他好的 Javascript 框架和库也欢迎到评论区留言，本文将不再赘述。

责任编辑：[OSC-两味真火][OSC-]

[20174153_INB4.jpg]: https://static.oschina.net/uploads/img/201702/20174153_INB4.jpg
[ReactJS]: https://www.oschina.net/p/facebook-react
[Link 1]: https://github.com/facebook/react/network
[164345_lQ50_2894582.jpeg]: https://static.oschina.net/uploads/space/2017/0220/164345_lQ50_2894582.jpeg
[https_facebook.github.io_react]: https://facebook.github.io/react
[AngularJS]: https://www.oschina.net/p/angularjs
[162345_gAAS_2894582.png]: https://static.oschina.net/uploads/space/2017/0220/162345_gAAS_2894582.png
[https_angularjs.org]: https://angularjs.org/
[Vue.js]: https://www.oschina.net/p/vue-js
[20175526_fFoc.jpg]: https://static.oschina.net/uploads/img/201702/20175526_fFoc.jpg
[http_vuejs.org]: http://vuejs.org/
[jQuery]: https://www.oschina.net/p/jquery
[Link 2]: http://www.oschina.net/project/tag/273/jquery
[175137_buXR_2918182.png]: https://static.oschina.net/uploads/space/2017/0220/175137_buXR_2918182.png
[https_jquery.com]: https://jquery.com/
[Meteor]: https://www.oschina.net/p/meteor
[151129_4Sz0_2894582.png]: https://static.oschina.net/uploads/space/2017/0220/151129_4Sz0_2894582.png
[http_www.meteor.com]: http://www.meteor.com/
[Angular2]: https://www.oschina.net/p/angular
[162424_6KvY_2894582.jpeg]: https://static.oschina.net/uploads/space/2017/0220/162424_6KvY_2894582.jpeg
[https_angular.io]: https://angular.io/
[Ember.js]: https://www.oschina.net/p/ember
[20175257_25e5.jpg]: https://static.oschina.net/uploads/img/201702/20175257_25e5.jpg
[http_emberjs.com]: http://emberjs.com/
[Polymer]: https://www.oschina.net/p/polymer
[151220_Zqx4_2894582.jpeg]: https://static.oschina.net/uploads/space/2017/0220/151220_Zqx4_2894582.jpeg
[http_www.polymer-project.org]: http://www.polymer-project.org/
[Zepto.js]: https://www.oschina.net/p/zeptojs
[Zepto.js 1]: https://static.oschina.net/uploads/img/201702/20174153_t1mU.png
[http_zeptojs.com]: http://zeptojs.com/
[Riot.js]: https://www.oschina.net/p/riotjs
[20174155_X58m.png]: https://static.oschina.net/uploads/img/201702/20174155_X58m.png
[http_riotjs.com]: http://riotjs.com/
[OSC-]: https://my.oschina.net/u/2894582/home