web前端常见框架总结 ui框架+js框架

整理的一些了解的前端市场上主流使用的CSS和JS的框架

UI框架：

1、lay UI

官网地址：http://www.layui.com/

简洁明了，返璞归真，包含常用的布局、字体、颜色、动画、轮播、进度条，内置表单、日期选择、模板等。

2、amaze UI

官网地址：http://amazeui.org/

中国首个开源跨屏的H5前端框架，移动优先的原则，包含众多类型免费模板和插件，使用简便。

3、boostrap

官网地址：http://www.bootcss.com/

中文网支持很好，也是移动优先原则，压缩后比较小，组件可以单独引用。

4、Frozen UI

官网地址：http://frozenui.github.io/

专注移动端，简单易用，轻量快捷，可以订制组件。

JS框架：

5、zepto.js

官网地址：http://www.css88.com/doc/zeptojs/

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。

6、angular.Js

官网地址：http://www.runoob.com/angularjs/angularjs-tutorial.html

是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等

7、vue.js

官网地址：https://cn.vuejs.org/

Vue.js 是用于构建交互式的 Web  界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架，Vue.js 更容易上手。

8、react.js

官网地址：http://reactjs.cn/react/docs/why-react.html

React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很多人认为 React 是 MVC 中的 V（视图）。我们创造 React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序

9、jquery mobile

官网地址：http://www.w3school.com.cn/jquerymobile/

Query Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。

10、ionic

官网地址：http://www.ionic.wang/js_doc-index.html

Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果，尽管通常组件不需要编码，通过框架扩展可以很容易地使用，Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择