1.4 前端UI框架技术

前端UI（User Interface）框架技术融合了HTML5、CSS3和JavaScript语言，为网页前端设计师提供了快捷、灵活和高效的设计与制作技术，在桌面和手机Web应用项目中获得了越来越广泛的应用。jQuery Mobile、Bootstrap和MUI都是目前比较流行的前端UI框架技术，其中jQuery Mobile将在第13章重点讲解。

1.4.1 Bootstrap框架

Bootstrap是一个基于HTML、CSS和JS（JavaScript简称）的开源开发框架，用于开发响应式布局、移动设备优先的Web应用项目。Bootstrap简洁、灵活和快捷，是目前最受欢迎的前端框架之一。

Bootstrap提供了优雅的HTML和CSS规范，由动态CSS语言LESS写成，包括Bootstrap基本结构、Bootstrap CSS、Bootstrap布局组件和Bootstrap插件几个部分。

Bootstrap基本结构提供了一套响应式、移动设备优先的栅格系统。Bootstrap CSS提供全局CSS设置、HTML元素样式定义和可扩展样式。Bootstrap提供了十几个可重用的布局组件，用于创建图像、下拉菜单、导航、警告框、弹出框等。Bootstrap插件包含了十几个基于jQuery的自定义插件，开发者还可以定制Bootstrap组件、LESS变量和jQuery插件以满足个性化需求。

1.4.2 MUI框架

MUI（Mobile User Interface）是一套基于HTML5并遵循HTML5+规范的移动端界面开发框架。该框架是由中国团队开发的，截至2018年1月，最新版本为v3.5.0。

MUI核心是一个UI框架。该框架不依赖任何第三方JS库，其中JS代码均为UI组件服务，压缩后的JS和CSS文件仅约为100KB和60KB，体量小巧。

MUI框架以iOS平台UI为基础，补充部分Android平台特有的UI控件，因此MUI封装的控件更符合App体验，是最接近原生App体验的前端框架。同时，该框架还提供了丰富的模板，方便开发者使用。

MUI框架具有高性能，通过预加载解决浏览器天生切页白屏的问题，通过封装原生动画解决动画卡顿问题，同时还解决了浮动元素抖动、无法流畅下拉刷新等问题。所以该框架既是一个能够开发出高性能App的框架，还是最接近原生App体验的框架。