JS Small Plug-in

Avascript is a worldwide popular scripting language developed by Netscape LiveScript for Web development, mobile application development, server-side development, and more. It has been sought after by new and old developers for its simplicity, security, dynamics and cross-platform features. This article has compiled some Javascript-based open source plug-ins and frameworks, hoping to help you with your development.

I. mv* Framework and library

1, Angular JS

Angular JS (angular.js) is a set of frameworks, templates, and data binding and rich UI components for developing WEB pages. It supports the entire development process and provides the architecture of the Web application without the need for manual DOM manipulation. AngularJS is very small, only 60K, compatible with the mainstream browser, with JQuery good.

DEMO: https://www.angularjs.org/

2, React.js

React.js (React) is a JavaScript library launched by Facebook to build the user interface. has been used to build Instagram websites and some Facebook sites.

DEMO: https://facebook.github.io/react/

3, Vue.js

Vue.js is a JavaScript library that builds WEB interfaces, provides data-driven components, and simple, flexible APIs that make MVVM easier.

DEMO: http://vuejs.org/

4, Ember.js

Ember is an ambitious WEB application that eliminates boilerplate and provides a standard application architecture for the JavaScript framework.

DEMO: http://emberjs.com/

5, Backbone.js

Backbone.js is a heavy-weight JavaScript MVC application framework, with Models for key-value binding and custom event handling, through collections provides a rich set of APIs for enumeration functions through views For event handling and interacting with existing application through the RESTful JSON interface.

demo:http://backbonejs.org/

6, Meteor

Meteor is a new set of technologies for building high-quality WEB applications that offer a wide range of ready-made packages that can be run directly in a browser or cloud platform.

DEMO: https://www.meteor.com/

7, Regularjs

See the name of regular can feel the rush of the cottage taste, but the appearance of REGULARJS is not merely the result of the author's wheel sentiment flooding. In the angular of the great line of the period also inspired a lot of excellent framework, such as Vue.js, Avalon.js, reactive, and so on, and regular is in this time of flowering, and finally in the implementation of the angular to take the data update strategy, Advocating extreme declarative and bare data manipulation, relies on string-based template description structures combined with more prescriptive class-inherited component architectures to define the data-tier business logic.

DEMO: http://regularjs.github.io/

8, T3.js

Unlike the MVC framework, T3JS (t3.js) creates large JavaScript applications by creating loosely coupled, less-model systems based on the concept of a scalable JavaScript application architecture.

DEMO: http://t3js.org/

9, Knockout.js

Knockout is a JavaScript library that helps create a rich display and editor UI with a clean underlying data model. You can dynamically update the selection section of the UI at any time.

DEMO: http://knockoutjs.com/

10, Spine.js

Spine.js is a lightweight framework for building JavaScript WEB applications . Spine lets you develop Web applications using MVC's framework ideas.

DEMO: http://spinejs.com/

Second, the UI library

1, Bootstrap

Bootstrap is the front-end toolkit for rapid development of WEB applications. It is a collection of css,html and JS, using the latest browser technology, to provide your Web development with a stylish layout, forms, buttons, tables, grid systems and so on.

DEMO: http://getbootstrap.com/

2. Semantic UI

Semantic ui-fully semantic front-end interface development framework, compared with Bootstrap, or some different, in the functional characteristics, layout design, user experience there are many differences.

DEMO: http://semantic-ui.com/

3, ZUI

ZUI is a Zen road project management software team in the process of improving their products to form an open source front-end practice, it has a simple and beautiful, easy to use, light and independent stability and other characteristics, more suitable for the Chinese environment.

DEMO: http://zui.sexy/

4, Layui

Layui is a strong feelings of domestic front-end UI framework, she pursues a minimalist, without losing the richness of the inside, said she is the most lightweight crystallization in history, it seems not too much. It all stems from her obsession with the original ecology, the filtering of the noise from the front-end community, and her own elaborate craftsmanship.

DEMO: http://www.layui.com/

5. Amaze UI

The Amaze UI is China's first open source HTML5 cross-screen front-end framework designed to help developers increase productivity and improve web page performance by making the best Web pages available in the shortest time possible, so that more front-end developers are no longer bothered by complex front-end code.

DEMO: http://www.amazeui.org/

6. Flat UI

The Flat UI is a beautiful set of flat-style UI toolkits implemented on Twitter Bootstrap. This interface tool contains a number of basic and complex UI widgets, such as buttons, input boxes, combo buttons, checkboxes, radio buttons, tabs, menus, progress bars and sliders, navigation elements, and so on.

DEMO: https://designmodo.com/flat-free/

7, Masonry

Masonry is a jQuery plugin for layout, and you'll know what it's used for by looking at this comparison chart:

DEMO: http://masonry.desandro.com/

8, Qooxdoo

Qooxdoo is a GUI framework for developing AJAX applications that can be used to develop WEB applications similar to Window desktop style.

DEMO: http://qooxdoo.org/

Third, the editor

1, Editor.md

editor.md is an embeddable open source Markdown Online Editor component that you can easily use in browsers, Nw.js (Node-webkit) and other places, based on Codemirror, JQuery, and Marked.

DEMO: https://pandao.github.io/editor.md/

2, Codemirror

Codemirror is a "online source editor", based on JavaScript, short, real-time online code highlighting, he is not an affiliate of a rich text editor, he is the most famous online code editor base library.

DEMO: http://codemirror.net/

3, TinyMCE

TinyMCE is a lightweight browser-based WYSIWYG editor that supports a wide variety of browsers currently in vogue, written by JavaScript. The flexibility and simplicity of the feature configuration (two lines of code can embed the editor in a Web page), support AJAX. Another feature is that the loading speed is very fast, and if your server uses a scripting language that is PHP, it can be further optimized.

DEMO: https://www.tinymce.com/

4, Summernote

Summernote is a simple and flexible WYSIWYG HTML online editor that builds on JQuery and Bootstrap, supports shortcut key operations, and offers a number of customizable options.

DEMO: http://summernote.org/

5, CKEditor

CKEditor is a new generation of FCKeditor and is a re-developed version. CKEditor is one of the world's best online text editors for Web pages, and is widely used in major websites for its amazing performance and scalability.

DEMO: http://ckeditor.com/

6, Contenttools

Contenttools is a JS library of WYSIWYG editors for building HTML content.

DEMO: http://getcontenttools.com

Iv. Testing Tools

1, Mocha

Mocha is a simple, flexible, and interesting JavaScript testing framework for JavaScript application testing on node. JS and on the browser. Mocha is a rich-character JavaScript testing framework that can be run in node. js and in the browser, making asynchronous testing simpler and more interesting. Mocha can run tests continuously, support flexible and accurate reports, and go to the correct test samples when mapping to uncaught exceptions.

DEMO: http://mochajs.org/

2, Karma

Karma is a simple JavaScript testing tool that allows JavaScript code to be executed in multiple real browsers.

DEMO: http://karma-runner.github.io/

3, Casperjs

Casperjs is an open source navigation script and test tool, written using JavaScript based on PHANTOMJS, for testing Web application functions, Phantom JS is a server-side JavaScript API WebKit. It supports a variety of Web standards: DOM processing, CSS selectors, JSON, Canvas, and SVG.

DEMO: http://casperjs.org/

4, Jasmine

Jasmine is a simple JS unit testing framework. Jasmine is not dependent on any browser, DOM, or any JavaScript. It works on all Web sites, node. JS projects, or any program that can run on JavaScript.

DEMO: http://jasmine.github.io/

5, Selenium

Selenium (SELENIUMHQ) is a powerful tool for ThoughtWorks's integrated testing, now available in 2 versions, one called Selenium-core, and one called SELENIUM-RC.

DEMO: http://www.seleniumhq.org/

6, Chai

Chai is a diagnostic library of behavior-driven and test-driven tests for node. JS and browsers that can be integrated with any JAVASCRIPT test framework.

DEMO: http://chaijs.com/

7, Slimerjs

Slimerjs is a browser provided to Web developers that can be controlled programmatically by scripting. It allows you to use the javascripT script to manipulate a Web page: Open a webpage, click on a link, modify the content, etc., which is very useful for doing functional testing, page automata, network monitoring, screen capture and so on.

DEMO: http://www.slimerjs.org/index.html

8, Phantom JS

Phantom JS is the WebKit of a server-side JavaScript API. It supports a variety of WEB standards: DOM processing, CSS selectors, JSON, Canvas, and SVG.

DEMO: http://www.phantomjs.org/

Five, CMS

1, Doracms

Doracms is a set of content management system based on NODEJS+EXPRESS+MONGODB, its structure is clear, the module is simple, easy to get started.

DEMO: http://www.html-js.cn/

2, Cody

Cody combines Nodejs and CMS and is a JavaScript-based content management system. The author has more than 15 years of experience in CMS development, has done well in user experience and performance, has great potential.

DEMO: http://howest.cody-cms.org/en/

3, Apostrophe

Apostrophe is a content management system based on node. JS, and the core module provides rich content editing capabilities that provide a necessary service to bind to your Express app.

DEMO: http://apostrophenow.org/

4. Ghost

Ghost is an open-source blogging platform that sees him as a challenger to WordPress. Ghost is based on Javassript node. JS for development, and in the foreseeable future, JS will undoubtedly have more advantages than PHP.

DEMO: https://ghost.org/

5, Keystonejs

Keystonejs is a node. js CMS and WEB application platform built on Express and MongoDB.

DEMO: http://keystonejs.com/zh/

Vi. Forms/Grids

1, DataTables

DataTables is a jQuery form plugin. This is a highly flexible tool based on a gradual enhancement, which will add advanced interactive controls that support any HTML table.

DEMO: http://www.datatables.net/

2, Jqgrid

Jqgrid is a jquery plugin for displaying grid data, with a comprehensive document with a Chinese version.

DEMO: http://www.trirand.com/

3, JTable

JTable is a jQuery plugin used to create an Ajax-based CRUD table without the need for HTML and JavaScript coding.

DEMO: http://www.jtable.org/

4, Paramquery

Paramquery is a lightweight jQuery grid plug-in created with excellent design patterns jQueryUI widgets for user Interface control, consistent APIs, and the ability to display a variety of Excel-like and Google Spreads on a Web page. A grid of heet effects.

DEMO: http://paramquery.com/

Transfer from Https://my.oschina.net/u/2903254/home

JS Small Plug-in