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體驗的框架。