[Web前端][UI框架]优秀的前端UI框架

常见UI框架

Bootstrap、Foundation、Semantic UI、Pure、UIkit

--何为UI？

UI，即View层，在web中UI就是HTML+CSS
UI更新，即JS辅助操作DOM树的过程

--何为UI框架？

UI框架是针对UI层的一套解决方案，提高了UI的组件化，提高复用性，同时也会对UI更新有一套解决方案，提高UI更新的效率。

BootStrap

Bootstrap是当前可用前端框架中无可争议的NO.1。用于开发响应式布局、移动设备优先的 WEB 项目。
Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。

优点：

• 移动设备优先
  自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。
• 浏览器支持
  可以兼容所有现代浏览器，包括比较诟病的IE7、8。
• 容易上手
  基于 HTML、CSS、JAVASCRIPT ，支持HTML5语义化标签和CSS3属性。
• 响应式设计
  不但支持PC端的各种分辨率，还支持移动端pad,手机登屏幕的响应式切换显示。
• 提供的全面的组件
  Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。
• 内置jQuery插件
  Bootstrap提供了很多实用性的JQuery插件，这些插件方便开发者实现WEB中各种常规特效。所以Bootstrap依赖于JQuery

学习：

中文文档
BootStrap官方文档

Foundation

有很多大网站在使用该框架，包括：Facebook, Mozilla, Ebay, Yahoo! 以及国家地理杂志等等。

Semantic UI

利用自然语言原则，使得代码更加具备可读性和易于理解。

Pure

Pure是一个轻量级的模块化框架，用纯CSS编写，包含可根据需要一起使用或分开使用的组件。
Pure只为你的项目提供纯粹的开始式样。对于那些不需要全功能框架，但只有特定组件才能包含在其工作中的用户来说，它是理想之选。

UIkit

易于使用和定制的简单组件集合。