這篇文章主要介紹“html5有什么移動端開發(fā)框架”，在日常操作中，相信很多人在html5有什么移動端開發(fā)框架問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”html5有什么移動端開發(fā)框架”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

創(chuàng)新互聯(lián)公司憑借專業(yè)的設(shè)計團隊扎實的技術(shù)支持、優(yōu)質(zhì)高效的服務(wù)意識和豐厚的資源優(yōu)勢，提供專業(yè)的網(wǎng)站策劃、網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、網(wǎng)站優(yōu)化、軟件開發(fā)、網(wǎng)站改版等服務(wù)，在成都十載的網(wǎng)站建設(shè)設(shè)計經(jīng)驗，為成都上千家中小型企業(yè)策劃設(shè)計了網(wǎng)站。

移動Web UI庫（H5框架）列表

1、Framework7

Framework7 是一個開源免費的框架?？梢杂脕黹_發(fā)混合移動應(yīng)用（原生和 HTML 混合）或者開發(fā) iOS & Android 風(fēng)格的 WEB APP。也可以用來作為原型開發(fā)工具，可以迅速創(chuàng)建一個應(yīng)用的原型。

使用時只需要一個基本的 HTML 布局，并且把 Framework7 的 CSS 和 JS 文件引入即可！Framework7 不會強制你寫任何自定義的標(biāo)簽，也不會通過 JS 來生成任何額外的內(nèi)容。你不需要通過 JS 或者 JSON 來寫頁面，只需要普通的 HTML 就可以。

Framework7 有大量可以直接使用的 UI 組件和工具，比如 modals,popup,action sheet, popover, list views, media lists, tabs, side panels, layout grid, preloader, form elements 等。大部分的組件你都完全不需要寫任何 JS 代碼。

2、SUI Mobile

MSUI 是阿里巴巴共享業(yè)務(wù)事業(yè)部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫，減少重復(fù)工作。

SUI Mobile 是一套基于 Framework7 開發(fā)的UI庫。它非常輕量、精美，只需要引入我們的cdn文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開發(fā)跨平臺Web App。

3、FrozenUI

Frozen UI是一個開源的簡單易用，輕量快捷的移動端UI框架?；谑諵樣式規(guī)范，選取最常用的組件，

做成手Q公用離線包減少請求，升級方式友好，文檔完善，目前全面應(yīng)用在騰訊手Q增值業(yè)務(wù)中。

4、Amaze UI

中國首個開源 HTML5 跨屏前端框架，相比國外框架，Amaze UI 關(guān)注中文排版，根據(jù)用戶代理調(diào)整字體，實現(xiàn)更好的中文排版效果；兼顧國內(nèi)主流瀏覽器及 App 內(nèi)置瀏覽器兼容支持。

Amaze UI 以移動優(yōu)先（Mobile first）為理念，從小屏逐步擴展到大屏，最終實現(xiàn)所有屏幕適配，適應(yīng)移動互聯(lián)潮流。

5、MUI

最接近原生APP體驗的高性能前端框架。

6、WeUI

WeUI 是一套同微信原生視覺體驗一致的基礎(chǔ)樣式庫，由微信官方設(shè)計團隊為微信內(nèi)網(wǎng)頁和微信小程序量身設(shè)計，令用戶的使用感知更加統(tǒng)一。

7、VUX

Vux（讀音 [v’ju:z]，同views）是基于WeUI和Vue(2.x)開發(fā)的移動端UI組件庫，主要服務(wù)于微信頁面。

基于webpack+vue-loader+vux可以快速開發(fā)移動端頁面，配合vux-loader方便你在WeUI的基礎(chǔ)上定制需要的樣式。

vux-loader保證了組件按需使用，因此不用擔(dān)心最終打包了整個vux的組件庫代碼。

8、WEEX

Weex 是一套簡單易用的跨平臺開發(fā)方案，能以 web 的開發(fā)體驗構(gòu)建高性能、可擴展的 native 應(yīng)用，為了做到這些，Weex 與 Vue 合作，使用 Vue 作為上層框架，并遵循 W3C 標(biāo)準(zhǔn)實現(xiàn)了統(tǒng)一的 JSEngine 和 DOM API，這樣一來，你甚至可以使用其他框架驅(qū)動 Weex，打造三端一致的 native 應(yīng)用。

9、Ant Design Mobile

antd-mobile 是 Ant Design 的移動規(guī)范的 React 實現(xiàn)，服務(wù)于螞蟻及口碑無線業(yè)務(wù)。

10、vue-carbon

基于 vuejs 1.0 開發(fā) material design 風(fēng)格的移動端 WEB UI 庫, 設(shè)計資源參考 CARBON FrameWork7。

11、uiKit

uiKit是一款輕量級、模塊化的前端框架，可快速構(gòu)建強大的web前端界面。

12、H-ui

H-ui是輕量級前端框架，簡單免費，兼容性好，適用于中國網(wǎng)站。

13、layui

Layui 誕生于2016年金秋，是一款帶著濃烈情懷的國產(chǎn)前端UI框架，她追求極簡，又不失豐盈的內(nèi)在，說她是史上最輕量的結(jié)晶，似乎并不為過。一切都源自于她對原生態(tài)的執(zhí)著，對前端社區(qū)的那些噪雜聲音的過濾，以及她本身的精心雕琢。

14、YDUI Touch

YDUI Touch 專為移動端打造，在技術(shù)實現(xiàn)、交互設(shè)計上兼容主流移動設(shè)備，保證代碼輕、性能高;使用 Flex 技術(shù)，靈活自如地對齊、收縮、擴展元素，輕松搞定移動頁面布局;實現(xiàn)強大的屏幕適配布局，等比例適配所有屏幕。什么？用得不開心？輕松切換 px;自定義Javascript組件、Less文件、Less變量，定制一份屬于自己的YDUI。

15、sheral

基于sandal（基礎(chǔ)sass庫）擴展的移動端UI庫。具體設(shè)計思想可參看sheral——一個方便定制及擴展的UI組件庫

16、vonic

一個基于 vue.js 和 ionic 樣式的 UI 框架，用于快速構(gòu)建移動端單頁應(yīng)用。

17、Mint UI

基于 Vue.js 的移動端組件庫

Mint UI 包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動端開發(fā)需要。通過它，可以快速構(gòu)建出風(fēng)格統(tǒng)一的頁面，提升開發(fā)效率。

真正意義上的按需加載組件?？梢灾患虞d聲明過的組件及其樣式文件，無需再糾結(jié)文件體積過大。

考慮到移動端的性能門檻，Mint UI 采用 CSS3 處理各種動效，避免瀏覽器進行不必要的重繪和重排，從而使用戶獲得流暢順滑的體驗。

依托 Vue.js 高效的組件化方案，Mint UI 做到了輕量化。即使全部引入，壓縮后的文件體積也僅有 ~30kb (JS + CSS) gzip。

18、Muse-UI

基于 Vue 2.0 和 Material Desigin 的 UI 組件庫

1.組件豐富

Muse UI 基本實現(xiàn)了 Material Design 設(shè)計規(guī)范類的所有組件，另外還開發(fā)許多的功能性的組件

2.可定制

Muse UI 使用less文件，所有的顏色都有一個變量維護，通過編寫 less 文件完成自定義主題，另外組件內(nèi)部也提供一些修改效果的參數(shù)

3.基于 Vue 2.0

Muse UI 基于 Vue2.0 開發(fā)，Vue2.0是當(dāng)下最快的前端框架之一，小巧，api友好，可用于開發(fā)的復(fù)雜單頁應(yīng)用。

19、jQuery WeUI

jQuery WeUI 是專為微信公眾賬號開發(fā)而設(shè)計的一個簡潔而強大的UI庫，包含全部WeUI官方的CSS組件，并且額外提供了大量的拓展組件，豐富的組件庫可以極大減少前端開發(fā)時間。

jQuery WeUI 的最大特點是它只提供UI組件，并不會對項目所使用的框架和其他庫有任何的限制，幾乎可以在任何環(huán)境下使用。無論你的項目是基于jQuery，還是 React, Angular, Vue， 你都會發(fā)現(xiàn) jQuery WeUI 能非常方便的和他們結(jié)合使用。既是你的項目是一個有很悠久歷史的老項目，也幾乎可以做到拿來即用。

國外官網(wǎng)：http://jqweui.com/

20、QMUI Web

QMUI Web 是一個專注 Web UI 開發(fā)，幫助開發(fā)者快速實現(xiàn)特定的一整套設(shè)計的框架。

框架主要由一個強大的 Sass 方法合集與內(nèi)置的工作流構(gòu)成。通過 QMUI Web，開發(fā)者可以很輕松地提高 Web UI 開發(fā)的效率，同時保持了項目的高可維護性與穩(wěn)健。

該框架同步有針對Android和IOS風(fēng)格的移動UI框架。

到此，關(guān)于“html5有什么移動端開發(fā)框架”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
分享文章：html5有什么移動端開發(fā)框架
當(dāng)前路徑：http://weahome.cn/article/gghgpi.html