【www.shanpow.com--通用挽联】
js框架有哪些篇(1):常用的JS框架比较，用自己喜欢的框架
什么是框架？
“框架”指一套包含工具、函数库、约定，以及尝试从任务中抽象出可以复用的通用模块，目标是使开发人员把重点放在任务项目所特有的方面，避免重复开发。
类似一个工具
为什么需要框架？
JavaScript框架或库是一组能轻松生成跨浏览器兼容的JavaScript代码的工具和函数。每一个库都在众多流行的web浏览器的现代版本上进行了可靠的测试，因此，你可以放心的使用这些框架，你的基于JavaScript的RIA将会在不同的浏览器和平台上 以类似的方式工作。
这些框架极大的简化了开发的进程，并带来一致，可靠，以及高度交互性的用户界面。
常用的JavaScript框架
JQuery
YUI
Prototype
Mootools
ExtJS
MochiKit
DOjo
Kissy
Como JS
JET
JavaScriptMVC
Qooxdoo
SproutCore
Sencha Touch
IUI
想参与学习的小伙伴可以来交流群：621071874。
个人对框架的分类
JavaScript库
解决浏览器兼容性
快速开发Web应用
丰富UI效果
跨浏览器RIA框架
类桌面应用
移动网络应用APP框架
为移动设备而设计
基于HTML5和CSS3
JQuery
JQuery由John Resing 创建，其宗旨是 ---WRITE LESS , DO MORE。写更少的代码，做更多的事情。它是轻量级的JS库（压缩后只有21K），它兼容CSS3，还兼容各种浏览器（IE 6.0+,FF1.5+,Safari2.0+，Opera 9.0+）。JQuery是一个快速处理HTML documents、events、实现动画效果，并且方便的为网站提供AJAX交互。JQuery还有一个比较大的优势就是，它的文档说明很安全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
YUI
Yahoo！User Interface （YUI） Library是一组采用DOM scripting ， Dhtml和Ajax等技术开发的Web UI控件和工具。中文说过来就是“Yahoo用户界面库”。
Yui工具包利用DOM脚本来简化浏览器内的开发（in-browser devolvement），使用DHTML和AJAX的特性开发所有的Web程序。
YUI控件库为你页面提供一组高交互性性的可视化元素。这些元素完全在客户端创建维护，不需要请求服务器进行页面刷型。
Prototype
prototype是一个易于使用、面向对象的JavaScript框架。它封装并简化和扩展一些在Web开发过程中常用到JavaScript方法与Ajax交互处理过程。
Mootools
MooTools是一个简洁，模块化，面向对象的JavaScript框架。它能够帮助你更快，更简单的编写可扩展和兼容性强的JavaScript代码。Mootools从Prototype.js中汲取了许多有益的设计理念，语法也和极其类似。但它提供的功能要比Prototype.js 多，整体设计也比Prototype.js要相对uwanshan，功能更强大，比如增加了动画 特效、拖放操作等。
ExtJS
ExtJS是一个跨浏览器，用语开发RIA（Rich Internet Application）应用的JavaScript框架。提供：高薪性，可定制的Web UI控件库。良好的设计、丰富的文档和可扩展的组件模型。
Mochikit
MochiKit是一种有用的高端JavaScript库。MochiKit主要受到Python和Python标准库提供的很多便利之处的启发，另外还缓存了解浏览器版本之间的不一致性。其中的MochiKit.DOM尤其方便，能够比原始JavaScript更友好的方式处理DOM对象。MochiKit.DOM大部分都是针对XHTML文档制定的，如果与MochiKit和Ajax结合在一起，使用XHTML包装的微格式尤其方便。
Dojo
Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供Ajax，events，packaging，CSS-based querying，animations，JSON等相关操作API。Dijit是一个可更换皮肤，基于模版的WEB UI控件库。DojoX包括一些创新的代码和控件：DateGrid，charts，离线应用，跨浏览器矢量绘图等。
Kissy
KISSY是一个小巧灵活，简洁实用的UI类库，它希望使用者能够愉悦的编码、愉快的开发。
Simple&Stupid，Short&Sweet，Slim&sexy....
Como Js
Como JS是一块代码简易而功能强大的JavaScript框架，也是工作者在工作过程中的经验总结，实用性强；通过它，能够简化JavaScript代码开发，增强代码重要性，能够异步按需要加载js和css文件，增强page 的加载速度。
Jet
JET使用与Web Page 和 Web App的开发
微内核设计：内核可以完全分离出来，用于构建自己的框架
自由拼装各个模块
命名无空间、原生对象零污染
无缝集成各种js框架：与JQuery，YUI，Mootools，Prototype.js 等框架无缝集成。与多种局部框架无缝集成，如（Mini，Sizzle，cssQuery，xpath，JSON）等等。
多种版本共存：如采用的JET版本过低，有的JavaScript代码不能与新版本JET兼容，则可以采用多版本共存的方式保持程序的可延续性。
分层设计：JavaScript核心层，与JavaScript解释引擎无关的封装和扩展。浏览器端JavaScript层，对浏览器中的JavaScript引擎部分的封装和扩展。
JavaScriptMVC
JavaScriptMVC是一个功能强大的JavaScript framework。也是一个很棒的JavaScript测试框架，它同样能够提高开发的速度。JavaScriptMVC应用了模型-视图-控制器架构模式，把业务逻辑和表示分离，使得代码更加模块化。
Qooxdoo
qooxdoo是一个Ajax 应用框架使用基于面向对象JavaScript
，它让你可以是使用JavaScript来卡发类似于VB/Delphi风格的具有Ajax功能的web2.0应用程序。qooxdoo具有客户端浏览器洁厕功能，具有浏览器抽象层，可以无差别的创建跨浏览器的Web应用程序，它提供方便的调试接口，具有事件管理、聚焦管理、定时器、边框和对象属性等特征。它提供一组窗体组件并扩展了布局，它还提供跨平台的png图形透明支持功能。此外，qooxdoo提供一个原子组件，你可以在其基础上开发你自己的组件。
SproutCore
SproutCore苹果对SproutCore的解释为“开源，平台无光，类Cocoa的JavaScript框架，用语创建具有桌面应用程序外观和操作感的Web应用程序。”
现在有不少Web框架开始使用HTML5中的一些信特性（如离线储存、HTML5 ApplicationCache等来构建副本地（rich native-class）应用，而SproutCore则是其中之一。
Sencha Touch
Sencha Touch可以让你的Web App看起来像Native App。魅力的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的WEB标准，全面兼容Android和Apple IOS设备。
Sencha Touch
IUI
IU包含一套JavaScript库，CSS式样表及图片，是一个轻量级IPhone UI库，包含IPhone 风格导航菜单，设备方向，IPhone风格切换等功能，可以为你的Web程序带来IPhone般的体验。
IUI
JavaScript框架使用比例
各框架所占比例
各框架所占比例
怎么选择一款JavaScript框架
你的项目需求
框架支持A级浏览器吗
是否利于团队协作开发
框架是否成熟
文档是否健全
社区支持是否充足
框架的扩展性如何
你是否喜欢API的风格
代码执行速度性能如何
代码是否为模块化
代码可重用性如何
几个JS框架比较
JS框架比较
此上所整理的框架的比较的资料，希望能够帮助大家正确的选择自己喜欢的一种框架。有不足之处还望大家多多提出意见，发表自己的言论，谢谢。
js框架有哪些篇(2):7个常见Javascript框架介绍
设计开发中的“框架”指一套包含工具、函数库、约定，以及尝试从常用任务中抽象出可以复用的通用模块，目标是使设计师和开发人员把重点放在任务项目所特有的方面，避免重复开发。通常的讲，框最常用架就是就是的javascript框架和Web应用框架，当然，还有CSS框架(15个CSS框架简介和Typogridphy: 适合网格布局的CSS框架和用于网格设计的960网格系统)。
下面我们介绍一些比较常见的Javascript框架，才学JS和ajax的朋友应该好好了解一下。
1、Dojo
Dojo 是一个强大的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供 Ajax，events，packaging，CSS-based querying，animations，JSON等相关操作API。Dijit是一个可更换皮肤，基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件：DateGrid，charts，离线应用，跨浏览器矢量绘图等。
2、YUI(Yahoo! User Interface Library)
Yahoo! User Interface (YUI) Library是一组采用DOM scripting，Dhtml和Ajax等技术开发的Web UI控件和工具。中文说过来就是“Yahoo用户界面库”。
Yui 工具包利用DOM脚本来简化浏览器内的开发（in-browser devolvement），使用DHTML和AJAX的特性开发所有的Web程序。
YUI控件库为你页面提供一组高交互性性的可视化元素。这些元素完全在客户端创建维护，不需要请求服务器进行页面刷新。
3、jQuery
jquery是一个快速、简洁的JavaScript框架，帮助你简化查询DOM对象，处理事件，制作动画，和处理Ajax交互过程。利用jQuery将改变你编写JavaScript代码的方式。原先用20行代码完成的功能，jQuery用10行就可以轻松搞定。
4、Mootools
MooTools 是一个简洁，模块化，面向对象的JavaScript框架。它能够帮助你更快，更简单地编写可扩展和兼容性强的JavaScript代码。 Mootools从Prototype.js中汲取了许多有益的设计理念，语法也和其极其类似。但它提供的功能要比Prototype.js多，整体设计也比Prototype.js要相对完善，功能更强大，比如增加了动画特效、拖放操作等等。
5、prototype
prototype是一个易于使用、面向对象的JavaScript框架。它封装并简化和扩展一些在Web开发过程中常用到JavaScript方法与Ajax交互处理过程。
6、script.aculo.us
script.aculo.us 是一个易于使用，支持多种浏览器，用于增强Prototype的JavaScript框架。script.aculo.us包含：动画框架（animation framework），拖放（drag and drop）， Ajax控件，DOM工具，单元测试等。
7、ExtJS
ExtJS是一个跨浏览器，用于开发RIA（Rich iInternet Application）应用的JavaScript框架。提供：高性，可定制的Web UI控件库。良好的设计、丰富的文档和可扩展的组件模型。
js框架有哪些篇(3):2016年7个顶级JavaScript框架
当涉及到Web开发时，JavaScript框架往往是一些开发人员和企业最受欢迎的平台。可能，你有机会尝试过一两个顶级的JavaScript框架，但你仍然有点不确定哪个才是最佳的最值得掌握的，或者哪个值得你建议你的开发人员选择用于下一个web开发项目。
JavaScript正在以惊人的速度前进，并且添加新的技能到你的存储库变得有不断的压力。为了做到这一点，知道和了解更多的顶级JavaScript框架在现在看来是必要的。在ValueCoders进行了彻底的研究后，我们入围了其中七个顶级框架，它们是：
1.AngularJS 2.0&1.x
在最受期待的AngularJS 2.0正式发布之后，框架的普及已经达到了一个新的水平。然而，如果你不确定的话，跳到新版本仍然是一个冒险的决定。让我们通过这个流程图来帮助你做出决定：
无论你得到什么结论，你必须承认AngularJS（由Google维护）具有构建web应用程序与众不同的能力。具备了快速的开发步伐，容易的代码集成，以及做好了单元测试准备的AngulatJS当然可以成为你下一个项目的选择。
2.ReactJS
其他顶级的JavaScript框架之一是ReactJS，且由知名的Facebook团队维护。由于它能够在SEO（令人惊讶的是JS系列的一部分）、更简单的JSX、虚拟DOM或强大的JavaScript库中表现良好，因此ReactJS是开发人员构建动态和高流量Web应用程序的选择。
然而，与AngularJS相比，ReactJS在测试简单性和组件结构方面略显不足。此外，这并不使得ReactJS逊于AngularJS。
3.Meteor.js
JavaScript被用作是客户端浏览器的通用脚本语言。在后端也可以使用它来节省时间，并且构建专业化是Meteor.js背后的主要思想之一。因此，前端开发人员还可以在后端轻松地使用Meteor工作于后端，而无需切换Ruby / Java / Python / PHP等等语言与JavaScript之间的上下文。它提供了使用“one language everywhere”的灵活性。
此外，Meteor特别适合于那些想要构建实时web app的开发人员。所有从数据库到模板的app层都会自动更新。这是它的工作原理——
因此，用户不需要刷新页面以查看更新。就像你在Linkedin帖子下面评论了之后就能看到那样。
4.Node.JS
Node.js的主要思想是使用非阻塞、事件驱动I / O来保持在面对运行在分布式设备上的数据密集型实时app的轻量级和高效率。更简单的说就是，Node.JS用于在特定的原因下满足具体的需求。
它有助于构建可扩展和快速的网络应用程序，因为它能够处理大量高吞吐量的并发连接数，从而带来高可扩展性。
5.EmberJS
一些令人惊讶的框架，如Ember.js，允许你轻松地以更快的速度开发web应用程序。 Ember.js因为很多原因成为了许多开发人员的首选。其中有一个原因是Ember.js的路由允许你停止阻塞web。使用Ember，你可以获得URL和具备由你创建的每个路径的默认后退按钮，并且API易于使用。
此外，Ember.js和Rails的结合为你编写更丰富、更互动的web app提供了更多的自由，灵活性和快乐。
6.Mithril.js
Mithril.js与React.js几乎没有相似的功能。Mithril为你提供了层次化的MVC组件和默认安全的模板，且具有用于高性能呈现，类似React的智能DOM差异检查功能。此外，可自定义的数据绑定和URL路由是Mithril.js令人印象深刻的两个功能。
7.Polymer.JS
Polymer是产自Google的另一个JavaScript框架。毫无疑问，开发人员沉浸于Polymer得到的喜悦还远低于React.js，但是最近有了很多改进。Polymer自带的材料设计组件具有非常高的质量。
此外，Polymer具有作为HTML标准的一部分的web组件，比ReactJS承诺更长时间存在。因此，Polymer在未来被另一个框架替代的可能性很小。
本质
选择正确的JavaScript框架从来不是取决于特定框架可以提供的功能的数量。重点在于框架的实际功能，以及你如何在自己的开发项目中使用该功能。因此，根据你的项目需要选择顶级的JavaScript框架可以节省时间和金钱。
译文链接：http://www.codeceo.com/article/7-top-javascript-frameworks.html
英文原文：7 Top JavaScript Frameworks List in 2016
翻译作者：码农网 – 小峰
