本文主要介绍13个(响应式)前端(nodejs运行在服务端)开发框架: bootstrap、jQuery EasyUI、FontAwesome、Angularjs、ExtJS、Layui、jQuery Mobile、requirejs、Vue.js、React.js、Amaze UI、backbone.js、Node.js。
1.bootstrap
概述
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、 强悍的前端开发框架，使得 Web 开发更加快捷。 Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码 进行性能优化而来。
Bootstrap是最受欢迎的HTML、CSS和JS的前端开发框架，用于开发响应式布局、移动设备优先的WEB项目，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式.
2.jQueryEasyUI
概述
- easyui是一种基于jQuery、Angular、Vue和React的用户界面插件集合。
- easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。
- 使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。
- easyui是个完美支持HTML5网页的完整框架。
- easyui节省您网页开发的时间和规模。
- easyui很简单但功能强大的。
3.FontAwesome
概述
FontAwesome是一款基于CSS框架的网页字体图标库，它完全免费，为您提供可缩放矢量图标,它可以被定制大孝颜色、阴影以及任何可用CSS的样式，除此之外，还有SVG框架，流行前端库(如React)的官方NPM包以及访问新CDN等功能。
4.Angular.js
概述
Angular.js是一套前端的MVC框架.
- Angularjs 是谷歌推出的一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等.
- AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。
- angularJs采用html页面+ js来进行操作, 所有angularJs提倡整个网站都是ajax操作.
- angularJs是一个重型的前端框架. angularJs比较适合管理系统的页面开发.
- 使用angularjs: 使用fireFox, chrom浏览器可以使用.
5.ExtJS
概述
ExtJS是一个纯JS应用程序框架，它的工作原理无处不在，从IE8到最新的Chrome。它使您能够创建使用只是一个浏览器的最佳跨平台应用，并具有惊人的API.
6.Layui
概述
Layui是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用，其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发.
7.jQuery Mobile
概述
- 是jQuery 在手机上和平板设备上的版本。
- jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。
- 支持全球主流的移动平台。
- jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。
- 移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。
8.requirejs
概述
RequireJS是一个JavaScript文件和模块加载程序。它针对浏览器使用进行了优化，但可以在其他JavaScript环境（如Rhino和 Node）中使用。 使用像RequireJS这样的模块化脚本加载器可以提高代码的速度和质量。
- RequireJS的目标是鼓励代码的模块化，它使用了不同于传统
<script>标签的脚本加载步骤。
- 可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。
- 它鼓励在使用脚本时以module ID替代URL地址。
- RequireJS以一个相对于baseUrl的地址来加载所有的代码。
- 页面顶层
<script>标签含有一个特殊的属性data-main，require.js使用它来启动脚本加载过程，
- 而baseUrl一般设置到与该属性相一致的目录。
9.Vue.js
概述
- Vue.js 是用于构建交互式的 Web界面的库。
- 它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。
- 从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。
- 实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。
- 相比其它的 MVVM 框架，Vue.js 更容易上手
10.React.js
概述
- React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。
- 很多人认为 React 是 MVC 中的 V（视图）。
- 我们创造 React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。
11.Amaze UI
概述
- maze UI是轻量级的前端应用框架，是国内比较流行的框架，
- 为移动而生。Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。
- 组件丰富，模块化。Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件，更有 17 款包含近 60 个主题的 Web 组件，可快速构建界面出色、体验优秀的跨屏页面， 大幅提升开发效率。
- 本地化支持。相比国外框架，Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果；兼顾国内主流浏览器及 App 内置浏览器兼容支持。
- 轻量级，高性能。Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。
12.backbone.js
概述
- Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。
- 其中模型用于绑定键值数据和自定义事件；
- 集合附有可枚举函数的丰富API
- 视图可以声明事件处理函数，并通过RESTful JSON接口连接到应用程序。
13.Node.js
概述
- Node.js 就是运行在服务端的 JavaScript。
- Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
- Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
优点：
- Node.js是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。
- NodeJS适合运用在高并发、I/O密集、少量业务逻辑的场景。
参考文献
(本文完)前端流行响应式布局以及前端常用框架
原文：https://www.cnblogs.com/jsword/p/13902768.html
