一些重要的js框架：
RequireJS以一个相对于baseUrl的地址来加载所有的代码。 页面顶层标签含有一个特殊的属性data-main，require.js使用它来启动脚本加载过程，而baseUrl一般设置到与该属性相一致的目录。
用途：模块化动态加载。
backbone
地址：http://www.css88.com/doc/backbone/
描述：Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件；集合附有可枚举函数的丰富API； 视图可以声明事件处理函数，并通过RESTful JSON接口连接到应用程序。
Ionic
地址：http://www.ionic.wang/js_doc-index.html
描述：Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果，尽管通常组件不需要编码，通过框架扩展可以很容易地使用，比如我们的AngularIonic扩展。
Ionic遵循视图控制模式，通俗的理解和 Cocoa 触摸框架相似。在视图控制模式中，我们将界面的不同部分分为子视图或包含其他视图的子视图控制器。然后视图控制器“驱动”内部视图来提供交互和UI功能。一个很好的例子就是标签栏（Tab Bar）视图控制器处理点击标签栏在一系列可视化面板间切换。
浏览我们的API文档来了解视图控制器和Ionic中可用的Javascript实用工具。
Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择。
Meteor
描述：一个全新的web应用开发方式，它模糊了前端和后端的边界。它允许你书写实施的应用，并且有迅速成长的社区来提供各种包模块。Hood.ie 是一个小得竞争者，但是提供新颖的方式。它能为你处理后台，所以你可以集中精力来做你应用的前台。
Mithril
描述：Mithril.js与React.js颇为相似。Mithril为大家提供分层式MVC组件以及配合一套智能化DOM差异检查机制的默认安全模板，可实现与React类似的高性能渲染效果。另外，可定制数据绑定与URL路由亦是Mithril.js的两大独特比较优势。
Polymer
地址：https://www.journals.elsevier.com/polymer/
描述：Polymer是另一款由谷歌打造的Java框架。虽然Polymer在使用体验方面仍然无法与React.js相媲美，但其近期仍然推出了一系列值得关注的更新。Material风格设计组件的加入令Polymer拥有更出色的开发效果。
ext
描述：ext是一套整站方案，包括页面样式风格定义、页面产生方式、代码风格(json)等等都是很独特的，只要js代码可以执行，我们完全可以不需要写出一句html或者css样式代码就完成一个优美的网站设计。
mootools
地址：http://www.chinamootools.com/
描述：MooTools是一个简洁,模块化,面向对象的JavaScript框架。
CSS预处理器
less
描述：
Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。
Less 可以运行在 Node 或浏览器端。
sass（scss）
描述：世界上最成熟、最稳定、最强大的专业级CSS扩展语言！
stylus
描述：Stylus 是一个CSS的预处理框架，2010年产生，来自Node.js社区，主要用来给Node项目进行CSS预处理支持，所以 Stylus 是一种新型语言，可以创建健壮的、动态的、富有表现力的CSS。比较年轻，其本质上做的事情与 SASS/LESS 等类似，应该是有很多借鉴，所以近似脚本的方式去写CSS代码。
jQuery衍生
jQuery.mobile.js
地址：http://jquerymobile.com/download/
描述：jQuery Mobile 是创建移动 web 应用程序的框架，适用于所有流行的智能手机和平板电脑， 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。
jQueryUi
描述：jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器，jQuery UI 都是一个完美的选择。
jQuery UI 包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用相同的模式，所以，只要您学会使用其中一个，您就知道如何使用其他的小部件（Widget）。
插件类
respond.js
地址：https://github.com/scottjehl/Respond/
描述：Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性，实现响应式网页设计（Responsive Web Design）。
validate.js
地址：https://jqueryvalidation.org/
描述：jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。
lazyload.js
地址：http://plugins.jquery.com/lazyload/
描述：lazyload.js用于长页面图片的延迟加载，视口外的图片会在窗口滚动到它的位置时再进行加载，这是与预加载相反的。
Echarts
描述：ECharts开源来自百度商业前端数据可视化团队，基于html5 Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。—— 大数据时代，重新定义数据图表的时候到了
UI框架类
Pure
地址：http://purecss.org/layouts/
描述：Pure精心设计，只为可以在任何Web项目中使用。为了例证这一点，我们制作了如下几个模板。这些模板都是响应式的，并且没有使用任何JavaScript。
用途：真的是很精美的一个样式框架，便于我们快事构建一些个人产品，当然也可以服务于工作中的一些项目。
easyUI
地址：http://www.jeasyui.net/(中文网)
描述：easyui是一种基于jQuery的用户界面插件集合。
easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。
使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。
easyui是个完美支持HTML5网页的完整框架。
easyui节省您网页开发的时间和规模。
easyui很简单但功能强大的。
amazeUI
layui
uikit
H-ui
Ant Design
描述：一个 UI 设计语言，一套提炼和应用于企业级后台产品的交互语言和视觉体系
前端构建工具
gulp
地址：http://www.gulpjs.com.cn/
描述：易于使用
通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。
构建快速
利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。
插件高质
Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。
易于学习
通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。
webpack
地址：http://webpack.github.io/
描述：Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。
更多资源请注意另一篇博客：
网友评论