JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了, 目前在 GitHub 上这一类的项目是最多的, 并且几乎每隔一段时间就会出现一个新的项目席卷网络社区, 虽然这样推动了创新的发展, 但不得不说苦了前端的开发者们. 因此本文罗列出了一些优秀的 JavaScript 框架和库的特及其在 GitHub 上的 star 数, 旨在为各位开发者提供一些参考.
1,ReactJS(Star: 59989,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 实现了单向响应的数据流, 从而减少了重复代码, 这也是它为什么比传统数据绑定更简单.
2,AngularJS(Star: 54769,Fork: 27292)
主页: https://angularjs.org/ https://angularjs.org
Angular JS (Angular.JS) 是一组用来开发 web 页面的框架, 模板以及数据绑定和丰富 UI 组件. 它支持整个开发进程, 提供 Web 应用的架构, 无需进行手工 DOM 操作. AngularJS 很小, 只有 60K, 兼容主流浏览器, 与 jQuery 配合良好.
vue.js https://www.jb51.net/Special/874.htm 是构建 Web 界面的 JavaScript 库, 提供数据驱动的组件, 还有简单灵活的 API, 使得 MVVM 更简单.
主要特性:
●可扩展的数据绑定
●将普通的 JS 对象作为 model
●简洁明了的 API
●组件化 UI 构建
●配合别的库使用
4,jQuery(Star: 43432, Fork: 12117)
主页: https://jquery.com/ https://jquery.com/
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/ http://www.meteor.com
Meteor 是一组新的技术用于构建高质量的 Web 应用, 提供很多现成的包, 可直接在浏览器或者云平台中运行.
6,Angular2(Star:20803,Fork:5367)
主页: https://angular.io/ https://angular.io
Angular 是一款十分流行且好用的 Web 前端框架, 目前由 Google 维护. 这个条目收录的是 Angular 2 及其后面的版本. 由于官方已将 Angular 2 和之前的版本 Angular.JS 分开维护(两者的 GitHub 地址和项目主页皆不相同), 所以就有了这个页面.
7,Ember.JS(Star: 17540,Fork: 3646)
主页: http://emberjs.com/ http://emberjs.com
Ember 是一个雄心勃勃的 Web 应用程序, 消除了样板, 并提供了一个标准的应用程序架构的 JavaScript 框架.
8,Polymer(Star:16979,Fork: 1699)
主页: http://www.polymer-project.org/ http://www.polymer-project.org
在 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 https://facebook.github.io/react
Zepto.JS 是支持移动 WebKit 浏览器的 JavaScript 框架, 具有与 jQuery 兼容的语法. 2-5k 的库, 通过不错的 API 处理绝大多数的基本工作.
10,Riot.JS(Star: 11491,Fork: 902)
主页: http://riotjs.com/ http://riotjs.com
Riot.JS 是一个客户端模型 - 视图 - 呈现 (MVP) 框架并且它非常轻量级甚至小于 1kb. 尽管他的大小令人难以置信, 所有它能构建的有如下: 一个模板引擎, 路由, 甚至是库和一个严格的并具有组织的 MVP 模式. 当模型数据变化时视图也会自动更新.
当然除了以上提到的这些, 还有很多优秀的 JavaScript 框架和库, 并且几乎每隔一段时间就会涌现一个新的产品.
本次给大家推荐一个交流圈, 里面概括移动应用网站开发, CSS,HTML,webpack,vue node angular 以及面试资源等.
对 Web 开发技术感兴趣的同学, 欢迎加入: 582735936, 不管你是小白还是大牛我都欢迎, 还有大牛整理的一套高效率学习路线和教程与您免费分享, 同时每天更新视频资料.
最后, 祝大家早日学有所成, 拿到满意 offer, 快速升职加薪, 走上人生巅峰.
来源: http://www.qdfuns.com/article/51116/9219c63c5804c91a1a4abd4893285b75.html