前端流行响应式布局以及前端前端框架

来源：https://blog.csdn.net/ainuser/article/details/64459448

撑握HTML、CSS和JavaScript
14个响应式前端开发框架。几乎所有的框架都采用了响应式网格系统。
 使用这些前端框架，有如下好处：

    跨浏览器。这一点已被证实。
    一致性。UI组件，如导航、按钮、标签、表单、下拉框、表格……，在设计上保持风格一致。
    快速开发。你可以快速、容易地构建布局。这些框架都配有详细的说明文档。
    响应式。所有CSS组件及JavaScript插件可以很好地从桌面过渡到移动设备上。
1、Ink为一个界面工具包，用于快速开发Web界面，具有易于使用、易于扩展特点。它可以为构建布局提供解决方案，可以展示普通的界面元素，可以实现以内容为中心、对用户友好的交互方式。
2、roundworkCSS是一个基于Sass预处理器的开源项目 ，主要用于快速构建响应式Web应用程序。拥有一个灵活的、可嵌套的网格系统，可以创建适应多种浏览设备的布局。GroundworkCSS还提供多种UI 组件，如导航、按钮、图标、表单、Tabs、对话框、工具提示等等。
3、lovry这是一个灵活、强大的响应式Web框架，使Web开发更快速、更简单。
4、Foundation由ZURB公司设计，ZURB是一家产品设计公司，位于加州坎贝尔。Foundation为最先进的响应式前端开发框架，它拥有很多布局模板、CSS样式表及自己开发的优秀JavaScript插件。
5、Gumby 2基于Sass开发。Sass为功能强大的CSS预处理器，利用它可以快速开发Gumby。
6、HTML KickStart该框架集合了HTML5、CSS和JavaScript，帮助开发人员快速开发Web产品。它覆盖了所有UI组件，同时也包含一些有用的JavaScript插件。
7、 Maxmertkit拥有完整的文档，包含大量实例，并且提供了拖拽生成代码的功能。
8、凭借全面的UI组件、易用的网格和组件，Bootstrap已成为众多设计者和开发者最喜欢的快速开发工具。现在已经有很多第三方Bootstrap程序和JavaScript插件可供使用。
9、Skeleton 是一个小的JS和CSS文件集合，可帮你快速开发漂亮的网站，适合各种屏幕设备，包括手机。Skeleton基于960 Grid开发，是一个UI框架。
10、Kube是一款最小化的，支持响应式的前端框架，包括一个简洁的CSS文件，用于方便地创建响应式布局，包括了两个JS文件来完成Tab以及页面的按钮操作。
11、Helium是一个前端响应式Web框架，使用Html5、CSS3快速制作原型以及开发产品。Helium很像Twitter Bootstrap和ZURB Foundation，事实上，Helium使用了两者不少的代码。但与这两个框架不同的是，Helium设计更加轻量级，而且更容易修改。Helium只有30KB左右，而Bootstrap有100KB，ZURB有200多KB。
12、Markup是一套集布局、小组件、UI组件和字体排版样式为一体的框架。它可以作为你设计自己网站的起点。
13、TopCoat是一套免费的开源UI元素类库，整套类库不使用任何JavaScript，而是使用CSS和HTML来生成。
14、Pure是一个相当小的框架，压缩及最小化后仅有5.7KB。它没有使用任何JavaScript，只是HTML和CSS。该CSS框架为响应式布局，采用模块化结构，每个模块的样式可以单独使用。

来源：http://www.mycodes.net/169/
1）Bootstrap是最受欢迎的HTML、CSS和JS的前端开发框架，用于开发响应式布局、移动设备优先的WEB项目，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式
2）jQueryEasyUI为网页开发提供了一堆常用UI组件，包括菜单、对话框、布局、窗帘、表格、表单等组件。
3）FontAwesome是一款基于CSS框架的网页字体图标库，它完全免费，为您提供可缩放矢量图标,它可以被定制大孝颜色、阴影以及任何可用CSS的样式，除此之外，还有SVG框架，流行前端库(如React)的官方NPM包以及访问新CDN等功能。
4）Angular是使用Typescript/javascript(JS)和其他语言构建移动和桌面Web应用程序的开发平台。（适用于移动开发）
5）Layui是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用，其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发
6）H-ui前端框架是在bootstrap的思想基础上基于HTML、CSS、JS开发的轻量级WEB前端框架，开源免费，简单灵活，兼容性好，满足大多数中国网站
7） ExtJS是一个纯JS应用程序框架，它的工作原理无处不在，从IE8到最新的Chrome。它使您能够创建使用只是一个浏览器的最佳跨平台应用，并具有惊人的API

来源：https://blog.csdn.net/hu_belif/article/details/81258961
1、Node.js
 Node.js 就是运行在服务端的 JavaScript。Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。
优点：1）Node.js是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。
Node.js 使用事件驱动，非阻塞I/O 模型而得以轻量和高效，
非常适合在分布式设备上运行数据密集型的实时应用。
2）NodeJS适合运用在高并发、I/O密集、少量业务逻辑的场景。

2、Angular.Js(是一套前端的MVC框架)
1)是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等
2)AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到HTML 页面
3)AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。
4)AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中

3、Query Mobile
1）是jQuery 在手机上和平板设备上的版本。
2）jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。
3）支持全球主流的移动平台。
4）jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。
5)移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。

4、requirejs
1）RequireJS的目标是鼓励代码的模块化，它使用了不同于传统<script>标签的脚本加载步骤。
2）可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。
3）它鼓励在使用脚本时以module ID替代URL地址。
4）RequireJS以一个相对于baseUrl的地址来加载所有的代码。
页面顶层<script>标签含有一个特殊的属性data-main，require.js使用它来启动脚本加载过程，
而baseUrl一般设置到与该属性相一致的目录。

5.Vue.js
1）Vue.js 是用于构建交互式的 Web  界面的库。
2）它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。
3）从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。
4）实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。
5）相比其它的 MVVM 框架，Vue.js 更容易上手
6.backbone.js
1）Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。
2）其中模型用于绑定键值数据和自定义事件；
3）集合附有可枚举函数的丰富API； 
4）视图可以声明事件处理函数，并通过RESTful JSON接口连接到应用程序。
7.React.js
1）React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。
2）很多人认为 React 是 MVC 中的 V（视图）。
3）我们创造 React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。
8.Amaze UI
1）Amaze UI是轻量级的前端应用框架，是国内比较流行的框架，
2）比较适用于移动端响应式开发框架，可以按照项目要求生成专属的UI框架库进行使用，组件非常丰富，可以构建出漂亮的web页面。