十大热门的JavaScript框架和库


Posted in Javascript onMarch 21, 2017

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

十大热门的JavaScript框架和库

1、ReactJS(Star: 59989,Fork: 10992)

主页:https://facebook.github.io/react

十大热门的JavaScript框架和库

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 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

2、AngularJS(Star: 54769,Fork: 27292)

主页:https://angularjs.org

十大热门的JavaScript框架和库

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

3、Vue.js(Star: 43608, Fork: 5493)

十大热门的JavaScript框架和库

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

5、Meteor(Star: 36691,Fork: 4617)

主页:http://www.meteor.com

十大热门的JavaScript框架和库

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

6、Angular2(Star:20803,Fork:5367)

主页:https://angular.io

十大热门的JavaScript框架和库

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

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

主页:http://emberjs.com

十大热门的JavaScript框架和库

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

8、Polymer(Star:16979,Fork: 1699)

主页:http://www.polymer-project.org

十大热门的JavaScript框架和库

在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事件:对鼠标触摸和手写笔事件的封装

9、Zepto.js(Star: 12074,Fork: 3260)

主页:https://facebook.github.io/react

十大热门的JavaScript框架和库

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

10、Riot.js(Star: 11491,Fork: 902)

主页:http://riotjs.com

十大热门的JavaScript框架和库

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

当然除了以上提到的这些,还有很多优秀的 Javascript 框架和库,并且几乎每隔一段时间就会涌现一个新的产品。

Javascript 相关文章推荐
父窗口获取弹出子窗口文本框的值
Jun 27 Javascript
javascript两种function的定义介绍及区别说明
May 02 Javascript
jQuery实现的数值范围range2dslider选取插件特效多款代码分享
Aug 27 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
JS实现仿微博可关闭弹出层效果
Sep 21 Javascript
js倒计时抢购实例
Dec 20 Javascript
Backbone.js框架中Model与Collection的使用实例
May 07 Javascript
Vue.js第二天学习笔记(vue-router)
Dec 01 Javascript
简单快速的实现js计算器功能
Aug 17 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
Sep 18 Javascript
利用Javascript实现一套自定义事件机制
Dec 14 Javascript
js实现限定范围拖拽的示例
Oct 26 Javascript
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
Mar 21 #Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 #Javascript
Omi v1.0.2发布正式支持传递javascript表达式
Mar 21 #Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 #jQuery
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 #jQuery
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 #jQuery
80%应聘者都不及格的JS面试题
Mar 21 #Javascript
You might like
php中将一个对象保存到Session中的方法
2015/03/13 PHP
利用window.name实现windowStorage代码分享
2014/01/02 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
2015/06/04 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
2015/08/05 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
Bootstrap模仿起筷首页效果
2016/05/09 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
微信小程序 Page()函数详解
2016/10/17 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
解决Extjs下拉框不显示的问题
2017/06/21 Javascript
Vue2几种常见开局方式详解
2017/09/09 Javascript
浅谈webpack打包过程中因为图片的路径导致的问题
2018/02/21 Javascript
js Element Traversal规范中的元素遍历方法
2018/04/19 Javascript
Vue将页面导出为图片或者PDF
2020/08/17 Javascript
[17:45]DOTA2 HEROES教学视频教你分分钟做大人-军团指挥官
2014/06/11 DOTA
[04:05]TI9战队采访 - Natus Vincere
2019/08/22 DOTA
[49:43]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
介绍Python中的文档测试模块
2015/04/28 Python
wxpython中Textctrl回车事件无效的解决方法
2016/07/21 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
python将处理好的图像保存到指定目录下的方法
2019/01/10 Python
python实现LRU热点缓存及原理
2019/10/29 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
python编写softmax函数、交叉熵函数实例
2020/06/11 Python
英国潮流网站:END.(全球免邮)
2017/01/16 全球购物
利物浦足球俱乐部官方网上商店:Liverpool FC Official Store
2018/01/13 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
保安拾金不昧表扬信
2014/01/15 职场文书
婚庆公司计划书
2014/09/15 职场文书
建设办主任四风问题整改思路和措施
2014/09/20 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
2015年公司新年寄语
2014/12/08 职场文书
《生物入侵者》教学反思
2016/02/16 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
java版 简单三子棋游戏
2022/05/04 Java/Android