JavaScript 是一种在世界范围内非常流行的脚本语言。 它由Netscape的LiveScript发展而来,可用于Web开发、移动应用程序开发、服务器端开发等,以其简单、安全、动态、跨平台等特点受到新老开发者的青睐。 本文整理了一些基于Javascript的开源功能插件和框架,希望对您的开发有所帮助。
MV* 框架和库
AngularJS
AngularJS (Angular.JS) 是一组用于开发网页的框架、模板、数据绑定和丰富的 UI 组件。 它支持整个开发过程,并为无需手动 DOM 操作的 Web 应用程序提供框架。 AngularJS 体积小,只有 60K,兼容主流浏览器,并且与 jQuery 配合良好。
演示:
React.js
React.js(React)是 Facebook 推出的一个用于构建用户界面的 JavaScript 库。 它已经被用来构建 Instagram 网站和一些 Facebook 网站。
演示:
Vue.js
Vue.js 是一个用于构建 Web 界面的 JavaScript 库,提供数据驱动的组件以及简单灵活的 API,使 MVVM 变得更容易。
演示:
Ember.js
Ember 是一个雄心勃勃的 Web 应用程序,它清理了样板文件并为标准应用程序架构提供了 JavaScript 框架。
演示:
骨干网.js
Backbone.js 是一个重量级的 javascript MVC 应用程序框架。 它通过Models进行键值绑定和自定义风暴处理,通过Collections提供丰富的枚举函数APIphp开源cms,通过Views处理风暴并通过RESTfulJSON套接字与现有应用程序交互集成。
演示:
流星
Meteor是一套用于构建高质量Web应用程序的新技术,提供了许多可以直接在浏览器中或云平台上运行的现成包。
演示:
正则JS
当你看到regular的名字时,你就能感受到山寨的味道,但regularjs的出现并不仅仅是作者造轮子心情猖獗的结果。 Angular流行期间,也启发了很多优秀框架的形成,比如vue.js、avalon.js、reactive等,而百花齐放形成正则,最终采用了Angular的数据更新在实现策略上,提倡极度声明式和裸数据操作,依靠基于字符串的模板描述结构结合更加标准化的基于类的组件体系来定义数据层的业务逻辑。
演示:
T3.js
T3js(t3.js)与MVC框架不同。 T3 基于可扩展 JavaScript 应用程序架构的概念构建,旨在创建一个松散耦合、无模型的系统来创建小型 JavaScript 应用程序。
演示:
淘汰赛.js
Knockout 是一个 JavaScript 库,可帮助使用干净的底层数据模型创建丰富的显示和编辑器 UI。 您可以随时动态更新 UI 的选定部分。
演示:
10
Spine.js
Spine.js 是一个用于构建 JavaScript Web 应用程序的轻量级框架。 Spine允许您使用MVC框架思想来开发Web应用程序。
演示:
用户界面库
引导程序
Bootstrap 是一个用于快速开发 Web 应用程序的后端工具包。 它是 CSS、HTML 和 JS 的集合,使用最新的浏览器技术为您的 Web 开发提供时尚的排版、表单、按钮、表格、网格系统等。
演示:
语义用户界面
SemanticUI——完全语义化的后端界面开发框架,与Bootstrap相比,还是有些不同的。 在功能特性、布局设计、用户体验等方面存在很多差异。
演示:
醉
ZUI是禅道项目管理软件团队在打造自有产品过程中推出的开源后端实践解决方案。 简洁美观、易用、柔和、独立稳定,更适合英语环境。
演示:
拉尤
Layui是一款国产后端UI框架,复杂度很强。 她追求极简主义而不失光彩。 说她是史上最轻的结晶也不为过。 一切都源于她对原生态的执着,对后端社区这些喧闹声音的过滤,以及她自己的精心雕琢。
演示:
惊奇用户界面
AmazeUI是中国首个开源HTML5多屏后端框架,帮助开发者提高开发效率,提高网页功效,即在最短的时间内创建出最好的网页,让更多的后端开发者不再受到后端复杂代码混乱的影响。
演示:
扁平化用户界面
FlatUI是一个精致的扁平化UI工具包,基于TwitterBootstrap。 这套界面工具包含许多基本和复杂的UI组件,例如按钮、输入框、组合按钮、复选框、单选按钮、标签、菜单、进度条和滑块、导航元素等。
演示:
石工
Masonry 是一个用于布局的 jQuery 插件。 看完下面的对比图你就知道它的用途了:
演示:
酷克斯杜
qooxdoo是一个用于开发Ajax应用程序的GUI框架,它可以用来开发类似于Window桌面风格的Web应用程序。
演示:
编辑
编辑器.md
Editor.md是一个可嵌入的开源Markdown在线编辑器组件。 您可以轻松地在浏览器、NW.js (Node-webkit) 等中使用它。它基于 CodeMirror、jQuery 和 Marked。
演示:
码镜
CodeMirror是一个“OnlineSourceEditor”,基于Javascript,短小精悍,实时在线代码高亮,它不是富文本编辑器的附属产品,它是很多著名在线代码编辑器的基础库。
演示:
小MCE
TinyMCE是一个轻量级的基于浏览器的WYSIWYG编辑器,支持各种流行的浏览器,并用JavaScript编写。 功能配置灵活简单(两行代码即可将编辑器嵌入网页),支持AJAX。 另一个特点是加载速度非常快。 如果你的服务器使用的脚本语言是PHP,还可以进一步优化。
演示:
夏日笔记
Summernote是一款简单灵活的所见即所得HTML在线编辑器,基于jQuery和Bootstrap,支持快捷键操作,并提供大量可定制选项。
演示:
CK编辑器
CKEditor是新一代FCKeditor的重新开发版本。 CKEditor 是世界上最好的在线网页文本编辑器之一。 由于其惊人的性能和可扩展性php开源cms,它被广泛应用于各大网站。
演示:
内容工具
ContentTools 是一个 JS 库,用于为 HTML 内容创建所见即所得编辑器。
演示:
MV* 框架和库
摩卡
Mocha 是一个简单、灵活且有趣的 JavaScript 测试框架,用于在 Node.js 和浏览器上测试 JavaScript 应用程序。 Mocha 是一个功能丰富的 JavaScript 测试框架,可以在 Node.js 和浏览器上运行,使异步测试变得更容易、更有趣。 Mocha 可以连续运行测试,支持灵活准确的报告,并在映射到未捕获的异常时转发到正确的测试实例。
演示:
业力
Karma 是一个简单的 JavaScript 测试工具,允许 JavaScript 代码在多个真实浏览器中执行。
演示:
卡斯珀JS
CasperJS是一个开源的导航脚本和测试工具,基于PhantomJS使用JavaScript编译,用于测试Web应用程序功能,PhantomJS是一个服务器端JavaScript API WebKit。 它支持各种 Web 标准:DOM 处理、CSS 选择器、JSON、Canvas 和 SVG。
演示:
茉莉花
Jasmine是一个简单的JS单元测试框架。 Jasmine 的存在不依赖于任何浏览器、DOM 或任何 JavaScript。 它适用于任何网站、Node.js 项目或任何也可以在 JavaScript 中运行的程序。
演示:
硒
Selenium(SeleniumHQ)是thoughtworks公司的一款强大的集成测试工具。 目前有两个版本,一个叫selenium-core,另一个叫selenium-rc。
演示:
柴
Chai 是一个诊断库,用于 Node.js 和与任何 JavaScript 测试框架集成的浏览器的行为驱动测试和测试驱动测试。
演示:
史莱默JS
SlimerJS 是一款可供 Web 开发人员通过脚本控制的浏览器。 它允许您使用Javascript脚本来操作网页:打开网页、单击链接、更改内容等。它对于功能测试、页面自动化、网络监控、屏幕捕获等非常有用。
演示:
PhantomJS
PhantomJS 是 WebKit 的服务器端 JavaScript API。 它支持各种 Web 标准:DOM 处理、CSS 选择器、JSON、Canvas 和 SVG。
演示:
内容管理系统
朵拉CMS
DoraCMS是一个基于Nodejs+express+mongodb编译的内容管理系统。 其结构清晰,模块简单,使用方便。
演示:
科迪
Cody 结合了 Nodejs 和 CMS,是一个基于 JavaScript 的内容管理系统。 作者拥有超过15年的CMS开发经验,在用户体验和性能方面都做得很好,潜力巨大。
演示:
撇号
Apostrope 是一个基于 Node.js 开发的内容管理系统。 核心模块提供了丰富的内容编辑功能,并提供了与您的Express应用程序绑定所必需的服务。
演示:
鬼
Ghost 是一个开源博客平台,可以被视为 WordPress 的挑战者。 Ghost是基于JavasScript的Node.js开发的。 在可以预见的未来,JS无疑会比PHP拥有更多的优势。
演示:
KeystoneJS
KeystoneJS 是一个基于 Express 和 MongoDB 构建的 Node.js CMS 和 Web 应用程序平台。
演示:
表格/网格
数据表
DataTables 是一个 jQuery 表格插件。 这是一个高度灵活的工具,基于逐步改进的基础知识,将降低高级交互控件,支持任何 HTML 表单。
演示:
jqGrid
jqGrid是一个用于显示网格数据的jQuery插件。 该文档很全面,并附带英文版本。
演示:
j表
jTable 是一个 jQuery 插件,用于创建基于 Ajax 的 CRUD 表,无需 HTML 和 JavaScript 编码。
演示:
参数查询
ParamQuery 是一个轻量级的 jQuery 网格插件,基于 jQueryUIWidgetfactory 创建,这是一种优秀的用户界面控制设计模式和一致的 API,以便在网页上显示类似于 Excel 和 GoogleSpreadsheet 的各种网格。
演示: