一、MV* 框架和库
1、 Angular JS
Angular JS (Angular.JS) 是一组用来开发 Web 页面的框架、模板以及数据绑定和丰富 UI 组件。它支持整个开发进程，提供 web 应用的架构，无需进行手工 DOM 操作。 AngularJS 很小，只有 60K，兼容主流浏览器，与 jQuery 配合良好。
DEMO： https://www.angularjs.org/
2、 React.js
React.js（React）是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。已经应用于构建 Instagram 站及 Facebook 部分 站。
DEMO： https://facebook.github.io/react/
3、 Vue.js
Vue.js 是构建 Web 界面的 JavaScript 库，提供数据驱动的组件，还有简单灵活的 API，使得 MVVM 更简单。
DEMO： http://vuejs.org/
4、 Ember.js
Ember 是一个雄心勃勃的 Web 应用程序，消除了样板，并提供了一个标准的应用程序架构的 JavaScript 框架。
DEMO： http://emberjs.com/
5、 Backbone.js
Backbone.js 是一种重量级 javascript MVC 应用框架，通过 Models 进行 key-value 绑定及 custom 事件处理，通过 Collections 提供一套丰富的 API 用于枚举功能，通过 Views 来进行事件处理及与现有的 Application 通过 RESTful JSON 接口进行交互。
DEMO： http://backbonejs.org/
6、 Meteor
Meteor 是一组新的技术用于构建高质量的 Web 应用，提供很多现成的包，可直接在浏览器或者云平台中运行。
DEMO： https://www.meteor.com/
7、 regularJS
DEMO： http://regularjs.github.io/
8、 T3.js
T3js（t3.js）与 MVC 框架不同，T3 是建立在可伸缩 JavaScript 应用体系结构的概念之上来创建松耦合、少模型的系统，以此来创建大型 JavaScript 应用。
DEMO： http://t3js.org/
9、 Knockout.js
DEMO： http://knockoutjs.com/
10、Spine.js
Spine.js 是一个用于构建 JavaScript Web 应用的轻量级框架 。 Spine 可让你使用 MVC 的框架思路来开发Web应用。
DEMO： http://spinejs.com/
二、UI 库
1、 Bootstrap
Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS，HTML 和 JS 的集合，使用了最新的浏览器技术，给你的 Web 开发提供了时尚的版式，表单，buttons，表格， 格系统等等。
DEMO： http://getbootstrap.com/
2、 Semantic UI
Semantic UI — 完全语义化的前端界面开发框架，跟Bootstrap比起来，还是有些不同的，在功能特性上、布局设计上、用户体验上均存在很多差异。
DEMO： http://semantic-ui.com/
3、 ZUI
ZUI 是禅道项目管理软件团队在完善自己产品过程中形成的一个开源前端实践方案，它具有简单美观，易于使用，轻快独立稳定等特点，比较适合中文环境。
DEMO： http://zui.sexy/
4、 Layui
Layui 是一款带着浓烈情怀的国产前端UI框架，她追求极简，又不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。一切都源自于她对原生态的执着，对前端 区的那些噪杂声音的过滤，以及她本身的精心雕琢。
DEMO： http://www.layui.com/
５、 Amaze UI
Amaze UI 是中国首个开源 HTML5 跨屏前端框架，旨在帮助开发者提高开发效率，提升 页效果，即用最短的时间做出最赞的 页，使更多的前端开发者不再受前端复杂代码困扰。
DEMO： http://www.amazeui.org/
6、 Flat UI
Flat UI 是一套精美的扁平风格 UI 工具包，基于Twitter Bootstrap实现。这套界面工具包含许多基本的和复杂的 UI 部件，例如按钮，输入框，组合按钮，复选框，单选按钮，标签，菜单，进度条和滑块，导航元素等等。
DEMO： https://designmodo.com/flat-free/
7、 Masonry
Masonry 是一 个用来布局的 jQuery 插件，看了下面这张对比图你就知道它的用途：
DEMO： http://masonry.desandro.com/
8、 qooxdoo
qooxdoo 是一个用于开发 Ajax 应用程序的 GUI 框架，使用它可以开发出类似于 Window 桌面风格的 Web 应用程序。
DEMO： http://qooxdoo.org/
1、 Editor.md
DEMO： https://pandao.github.io/editor.md/
2、 CodeMirror
DEMO： http://codemirror.net/
3、 TinyMCE
DEMO： https://www.tinymce.com/
4、 Summernote
DEMO： http://summernote.org/
5、 CKEditor
DEMO： http://ckeditor.com/
6、 ContentTools
DEMO： http://getcontenttools.com
四、测试工具
1、 Mocha
Mocha 是一个简单、灵活有趣的 JavaScript 测试框架，用于Node.js和浏览器上的 JavaScript 应用测试。Mocha 是具有丰富特性的 JavaScript 测试框架，可以运行在 Node.js 和浏览器中，使得异步测试更简单更有趣。Mocha 可以持续运行测试，支持灵活又准确的 告，当映射到未捕获异常时转到正确的测试示例。
DEMO： http://mochajs.org/
2、 Karma
Karma 是一个简单的 javascript 测试工具，它允许在多个真正的浏览器执行 JavaScript 代码。
DEMO： http://karma-runner.github.io/
3、 CasperJS
CasperJS 是一个开源的导航脚本和测试工具，使用 JavaScript 基于PhantomJS编写，用于测试 Web 应用功能，Phantom JS是一个服务器端的 JavaScript API 的 WebKit。其支持各种Web标准： DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。
DEMO： http://casperjs.org/
4、 Jasmine
Jasmine 是一个简易的JS单元测试框架。Jasmine 不依赖于任何浏览器、DOM、或者是任何 JavaScript 而存在。它适用于所有 站、Node.js 项目，或者是任何能够在 JavaScript 上面运行的程序。
DEMO： http://jasmine.github.io/
5、 Selenium
Selenium (SeleniumHQ) 是 thoughtworks 公司的一个集成测试的强大工具，现在存在2个版本，一个叫 selenium-core, 一个叫 selenium-rc 。
DEMO： http://www.seleniumhq.org/
6、 Chai
Chai 是一个针对Node.js和浏览器的行为驱动测试和测试驱动测试的诊断库，可与任何 JavaScript 测试框架集成。
DEMO： http://chaijs.com/
7、 SlimerJS
SlimerJS 是一个提供给 Web 开发人员，可通过脚本编程控制的浏览器。它可以让你使用 Javascrip t 脚本操纵一个 页：打开一个 页，点击链接，修改的内容等，这对于做功能测试，页面自动机， 络监控，屏幕捕获等是非常有用的。
DEMO： http://www.slimerjs.org/index.html
8、 Phantom JS
Phantom JS 是一个服务器端的 JavaScript API 的 WebKit。其支持各种 Web 标准： DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。
DEMO： http://www.phantomjs.org/
五、CMS
1、 DoraCMS
DoraCMS 是基于 Nodejs+express+mongodb 编写的一套内容管理系统，其结构清晰、模块简单，上手很容易。
DEMO： http://www.html-js.cn/
2、 Cody
DEMO： http://howest.cody-cms.org/en/
3、 Apostrophe
DEMO： http://apostrophenow.org/
4、 Ghost
Ghost 是一个开源的博客平台, 可以把他看作 WordPress 的一个挑战者。Ghost 基于 JavasSript 的 Node.js 进行开发，在可预见的未来里，JS 无疑比 PHP 有着更多的优势。
DEMO： https://ghost.org/
5、 KeystoneJS
KeystoneJS 是以 Express 和 MongoDB 为基础搭建的 Node.js CMS 和 Web 应用程序平台。
DEMO： http://keystonejs.com/zh/
六、表格/ 格
1、 DataTables
DataTables 是一个 jQuery 的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何 HTML 表格。
DEMO： http://www.datatables.net/
2、 jqGrid
jqGrid 是一个用来显示 格数据的jQuery插件，文档比较全面，附带中文版本。
DEMO： http://www.trirand.com/
3、 jTable
jTable 是一个 jQuery 插件用来创建基于 Ajax 的 CRUD 表格，无需进行 HTML 和 JavaScript 编码。
DEMO： http://www.jtable.org/
4、 ParamQuery
ParamQuery 是一种轻量级的 jQuery 格插件，基于用于用户界面控制、具有一致 API 的优秀设计模式 jQueryUI Widget factory 创建，能够在 页上展示各种类似于 Excel 和 Google Spreadsheet 效果的 格。
【年末回馈最后一波，全场六折起，豪礼升级，还送公开课入场券，赶紧抢！】
活动时间：12月1日-12月31日
标签：JavaScript 开源应用程序框架
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！