十大热门的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 相关文章推荐
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
javascript+xml实现简单图片轮换(只支持IE)
Dec 23 Javascript
一个Action如何调用两个不同的方法
May 22 Javascript
js+css实现导航效果实例
Feb 10 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
Feb 20 Javascript
JS实现的不规则TAB选项卡效果代码
Sep 18 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 Javascript
Javascript OOP之面向对象
Jul 31 Javascript
浅谈Javascript中的函数、this以及原型
Oct 09 Javascript
vue项目tween方法实现返回顶部的示例代码
Mar 02 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
Feb 12 Javascript
微信小程序云开发实现云数据库读写权限
May 17 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内置访问资源的超时时间 time_out file_get_contents read_file
2013/06/03 PHP
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
php使用strtotime和date函数判断日期是否有效代码分享
2013/12/25 PHP
php中mysql操作buffer用法详解
2015/03/19 PHP
一直复略了的一个问题,关于表单重复提交
2007/02/15 Javascript
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
jquery中的sortable排序之后的保存状态的解决方法
2010/01/28 Javascript
js 有框架页面跳转(target)三种情况下的应用
2013/04/09 Javascript
基于jquery实现点击左右按钮图片横向滚动
2013/04/11 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
js构造函数、索引数组和属性的实现方式和使用
2014/11/16 Javascript
node.js中的http.createServer方法使用说明
2014/12/14 Javascript
深入理解关于javascript中apply()和call()方法的区别
2016/04/12 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
微信小程序 Animation实现图片旋转动画示例
2018/08/22 Javascript
NodeJS加密解密及node-rsa加密解密用法详解
2018/10/12 NodeJs
JS实现简单日历特效
2020/01/03 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
2020/05/20 Javascript
JS前后端实现身份证号验证代码解析
2020/07/23 Javascript
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
python实现机器人卡牌
2019/10/06 Python
python3 Scrapy爬虫框架ip代理配置的方法
2020/01/17 Python
PyQt5 QDockWidget控件应用详解
2020/08/12 Python
你正在寻找的CSS3 动画技术
2011/07/27 HTML / CSS
html5自定义video标签的海报与播放按钮功能
2019/12/04 HTML / CSS
猫途鹰:全球领先的旅游点评社区
2017/04/07 全球购物
大学生职业生涯规划书
2014/03/14 职场文书
道德之星事迹材料
2014/05/03 职场文书
新学期标语
2014/06/30 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
公司授权委托书格式样本
2014/10/01 职场文书
2015年技术员工作总结
2015/04/10 职场文书
优秀党员主要事迹范文
2015/11/05 职场文书
《鲸》教学反思
2016/02/23 职场文书
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android