常见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
学习：
Foundation
有很多大网站在使用该框架，包括：Facebook, Mozilla, Ebay, Yahoo! 以及国家地理杂志等等。
Semantic UI
利用自然语言原则，使得代码更加具备可读性和易于理解。
Pure
Pure是一个轻量级的模块化框架，用纯CSS编写，包含可根据需要一起使用或分开使用的组件。
Pure只为你的项目提供纯粹的开始式样。对于那些不需要全功能框架，但只有特定组件才能包含在其工作中的用户来说，它是理想之选。
UIkit
易于使用和定制的简单组件集合。
