首頁  >  文章  >  web前端  >  mui和bootstrap有什麼差別

mui和bootstrap有什麼差別

青灯夜游
青灯夜游原創
2021-11-01 14:58:472337瀏覽

區別:1、大小不一樣,mui大概100k左右,而bootstrap大概240k左右;2、mui更接近原生app的ui體驗,而bootstrap的ui是網頁風格;3、mui框架可以進行快速原型開發,而bootstrap不行。

mui和bootstrap有什麼差別

本教學操作環境:Windows7系統、bootsrap3.3.7版、DELL G3電腦

mui和bootstrap的區別:

1、輕量

mui框架中,js css大概100k左右,而bootstrap大概240k左右;相差的100多k,在Android手機上的載入時間和渲染時間不可忽視;

2、ui風格

mui以iOS 7的ui為基礎,補充了部分android系統特有的ui控件,例如可拖曳式選項卡;bootstrap的ui,看起來還是網頁風格,不像原生app的ui控件;總體來說,mui更接近原生app的ui體驗;

mui和bootstrap有什麼差別

3、原生加速

HTML5的五大效能問題:網頁的切頁白螢幕、表單轉場動畫卡頓、區域捲動卡頓、下拉刷新不流暢、側滑選單不流暢,這些問題單純從HTML5角度,目前無法完美解決,特別在低端Android手機上尤其明顯;mui框架封裝了webview的操作,將最耗性能的部分交給原生webview處理,這樣就大幅提升了mobile app的流暢度;

#4、快速原型開發

HBuilder中內建了mui的所有程式碼區塊,輕敲幾個鍵盤,就可以快速產生一個手機控件所需的HTML程式碼,例如:mList可以產生一個列表控件,mTab可以產生選項卡控件,這些功能在進行快速原型開發時,絕對能大幅提升開發效率。

更多程式相關知識,請造訪:程式設計影片! !

以上是mui和bootstrap有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn