比較常用，成熟的針對html5的UI框架是哪些

1.Aliceui

成都創(chuàng)新互聯(lián)從2013年成立，先為保定等服務(wù)建站，保定等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為保定企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

Aliceui是支付寶的樣式解決方案，是一套精選的基于 spm 生態(tài)圈的樣式模塊集合，是 Arale 的子集，也是一套模塊化的樣式命名和組織規(guī)范，是寫 CSS 的更好方式。

2.Amazeui

Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基于開源社區(qū)流行前端框架編寫的。

3.sui

SUI是一套基于bootstrap開發(fā)的前端組件庫，同時她也是一套設(shè)計規(guī)范。

通過SUI，可以非常方便的設(shè)計和實現(xiàn)精美的頁面。

同時sui還有移動端版本msui，msui是阿里巴巴共享業(yè)務(wù)事業(yè)部UED團(tuán)隊的作品。目的是為了手機(jī)H5頁面提供一個常用的組件庫，減少重復(fù)工作。

4.FrozeUI

Frozen UI是一個開源的簡單易用，輕量快捷的移動端UI框架?；谑諵樣式規(guī)范，選取最常用的組件，做成手Q公用離線包減少請求，升級方式友好，文檔完善，目前全面應(yīng)用在騰訊手Q增值業(yè)務(wù)中。

5.uiKit

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

6.H-ui

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

7.Weui

weUI 是一套同微信原生視覺體驗一致的基礎(chǔ)樣式庫，由微信官方設(shè)計團(tuán)隊為微信 Web 開發(fā)量身設(shè)計，可以令用戶的使用感知更加統(tǒng)一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

8.layui

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

9.YDUI Touch

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

成熟的針對html5的UI框架是哪些，優(yōu)缺點如何

10大html5前端框架

1、Bootstrap

首先說 Bootstrap，估計你也猜到會先說或者一定會有這個( 呵呵了 )，這是說明它的強(qiáng)大之處，擁有框架一壁江山的勢氣。自己剛?cè)氲赖臅r候本著代碼任何一個字母都得自己敲出來擋我者廢的決心，來讓自己成長。結(jié)果受到周圍各 種基友的引誘開始了 Bootstrap 旅程。本人雖然是個設(shè)計+前端的萬里有一的人才，但是老天只讓我會用 PS 和各種設(shè)計工具卻不給我跟設(shè)計妹子一樣的審美，所以這也是我最初選擇 Bootstrap 的原因之一，它讓我做出來的東西好歹能在妹子面前裝個逼，不過時間長了難免覺得 Bootstrap 美的讓人煩躁， 但好在它的每個版本都會有很大的改變，不會讓人覺得自己做的網(wǎng)站會跟很多網(wǎng)站撞臉。Bootstrap 的用法及其簡單( 這也可能就是 Bootstrap 作者閱攻城士無數(shù)，了解他們痛的結(jié)果 )，以至于是個小前端都可以快速上手，幾乎沒什么學(xué)習(xí)成本。

2、AUI

第三個是最近剛起來的AUI，雖然作者聲稱是專為APICloud開發(fā)者設(shè)計的一套UI框架，但實際它還是解決了很多移動前端開發(fā)的普遍問題，是主 要面向混合開發(fā)的 CSS 框架?？雌饋碜髡弑容^猖狂，各種高級 CSS3 遍地使用，這讓我也不得不去查查這些個 CSS3 的兼容性。不負(fù)眾望果然選的都是兼容不錯的屬性，哈哈了一頓激動從前輩手上大膽認(rèn)識了幾個好東西，并且框架還提供了聊天界面、計數(shù)列表等組件，解決了很多 復(fù)雜的讓我罵娘的布局，現(xiàn)在可以直接拿走就用。

3、Amaze UI

第二個介紹的是妹子UI，最初使用它是因為本尊遇到了一個愛糾結(jié)細(xì)節(jié)設(shè)計士，有一次她跟我的字體較上真了，結(jié)果一句頂萬句的 BOOS 夸了她，我只好根據(jù)她的想法去解決，結(jié)果最后找到了Amaze UI 框架( 我不介意你叫我懶淫 )，按照官方的話說就是 "基于社區(qū)開源項目構(gòu)建的一個跨屏前端框架，以移動優(yōu)先，從小屏到大屏，最終實現(xiàn)所有屏幕適配，適應(yīng)移動互聯(lián)潮流" 。但其實我就是看中它能解決國內(nèi)瀏覽器存在的跨屏適配和兼容性問題。

4、Frozen UI

有段時間看到 QQ 瞬間高大上了，后來四處打聽，原來 QQ 客服端也用了 混合開發(fā)，其中QQ會員前端用的是 Frozen UI，并且這套框架開源，欣喜若狂耐不住心里的寂寞直接上手試了一遍，初體驗感覺基礎(chǔ)樣式效果簡單色調(diào)清爽，有個比較活躍的社區(qū)所以組件什么的也比較豐 富。

5、Frozen UI

第三個是Frozen UI，有段時間看到 QQ 瞬間高大上了，后來四處打聽，原來 QQ 客服端也用了 HTML 混合開發(fā)，其中QQ會員前端 就是用的 Frozen UI，并且這套框架開源，欣喜若狂耐不住心里的寂寞直接上手三下五除二試了一遍就開始試用，初體驗的就是基礎(chǔ)樣式效果簡單色調(diào)清 爽，有個比較活躍的社區(qū)所以組件什么的也比較豐富。

6、WeUIi

第四個是WeUI和同 FrozenUI都屬于 差不多的 WeUi了，也是一個比較專一的框架，WeUI應(yīng)該說比FrozenUI前者更專一，話 說連個官網(wǎng)都不搞，所有答疑都在 gitHub Issues 解決了，這個框架極其簡單，體積當(dāng)然就不用說了，模塊也就 7 個左右，不過體量雖然小做 的卻不錯，口碑看 star 就夠了，框架從 16/1/23 發(fā)版至今 github star 超過 7K,不過也不排除用戶沒地方發(fā)泄所以都跑 到 git 上來，哈哈。

7、SUI

“SUI 是一套基于bootstrap開發(fā)的前端組件庫，同時它她也是一套設(shè)計規(guī)范。通過SUI，可以非常方便的設(shè)計和實現(xiàn)精美的頁面”。 果然 還是直接引用官方給的枯燥無味廣告要節(jié)省自己的腦細(xì)胞( 囧… )，當(dāng)然了就像廣告說的，如果你之前用過 Bootstrap， 那么可以輕松轉(zhuǎn) 向 SUI，這可能就是淘寶給前端屌絲們的福利了。。

8、AUI

第六個是最近剛起來的最近剛起來的 AUI，雖然作者聲稱是專為APICloud開發(fā)者設(shè)計的一套UI框架，但實際它還是解決了很多移動前端開發(fā)的 普遍問題，是它主要面向混合開發(fā)的 CSS 框架。，所以看起來作者比較猖狂，各種高級 CSS3 遍地使用，這也使得我不得不去查查這些 個 CSS3 的兼容性。不負(fù)眾望果然選的都是兼容不錯的屬性，哈哈了一頓激動從前輩手上大膽認(rèn)識了幾個好東西，并且框架還提供了聊天界面、計數(shù)列表等組 件，解決了很多復(fù)雜的讓我罵娘的布局，現(xiàn)在可以直接拿走就用。

9、MUI

曾經(jīng)一直使用 Android 系統(tǒng)的我，后來見到 IOS，果斷移情別戀了，不知道為什么蘋果每次調(diào)整系統(tǒng)我都特別喜歡，后來一段時間因為缺設(shè)計 我專門模仿 IOS 系統(tǒng)做 UI，但始終不能夠做到很好，無意間就發(fā)現(xiàn)了 MUI 這個框架，這個框架給我的吸引之處就是它的 UI 是以 IOS 為 主體設(shè)計的，當(dāng)然它也補(bǔ)充了android特有UI樣式。并且MUI官方聲稱用來開發(fā)深入以后發(fā)現(xiàn)拿它做 APP 還能夠提高用戶使用流暢度，然后便試著 更深入的了解和使用一段時間。

10、Semantic UI

倒數(shù)第三個是 Semantic UI，接觸這個框架還是因為 Bootstrap，Semantic UI 剛上線 github 就受到大量開發(fā)者的關(guān)注，以至于很多人拿它倆對比各種挑刺各種夸，是好是壞不能單憑別人三句四句就抬起手指開始贊，用了以后感覺 UI 上跟 Bootstrap 沒太多的區(qū)別，不過代碼命名規(guī)范上卻相差甚大，本人認(rèn)為 Semantic UI 是不是就想做的不一樣，它的命名全是采用復(fù)合的方式，類名特別的離散，用的時候你得很小心自己擴(kuò)展或者新增的 class 命名與它的類名沖突。

Foundation

Foundation 算是框架界的元老啦，都說框架去的早，而這個框架一直到現(xiàn)在依然這么的熱門，如果你比較介意 Bootstrap 開發(fā)撞臉的尷尬事情，那么你可以考慮使用 Foundation 。即使你使用預(yù)定義的 UI 元素, 也不會與其他網(wǎng)站太像，就像官方說的給開發(fā)者更靈活的框架體驗。

UiKit

UIkit是YOOtheme團(tuán)隊開發(fā)的，在許多WordPress主題中都有應(yīng)用(也就是如果你是個 WordPress 愛好者，那么這個框架應(yīng)該比較適合深究)，并且框架能夠通過GUI編輯器和手動編輯，所以它提供了一個靈活、強(qiáng)大的自定義機(jī)制?？蚣芙柚鶯ESS、 jQuery、normalize.css及FontAwesome開源項目的獨有特點，整合成了這么一款輕量級、模塊化的前端框架。

Pure

終于最后一個了，我和你一樣好開森 (～￣▽￣)～)，這個框架是我在做管理系統(tǒng)時接觸的，選擇使用也是因為框架小巧，并且是純 CSS，沒有太多的牽扯，好用來與其他框架快速結(jié)合使用。

...的針對html5的UI框架是哪些,優(yōu)缺點如何?

實際app項目中,比較常用、成熟的針對html5的UI框架是哪些,優(yōu)缺點如何?...Ratchet專門針對移動設(shè)備優(yōu)化的CSS框架,屬于bootstrap家族之中的一員,

HTML5有哪些主流框架

對于參加杭州Web前端培訓(xùn)班的人來說，他們的課程安排是從基礎(chǔ)到進(jìn)階，并由專業(yè)的老師引導(dǎo)教學(xué)。在具備一定的理論基礎(chǔ)之后，還需要學(xué)習(xí)前端框架，目的是減少重復(fù)的勞動，提高工作效率并增加安全性，而這也是很多企業(yè)在面試過程中經(jīng)常提問的知識點。今天就給大家介紹一下Web前端三大主流框架。

目前比較流行的前端三大框架是Angular、React、Vue，三者各有所長。

1、Angular

Angular是一個JavaScript框架，最為核心的是：MVC(Model–view–controller)、模塊化、自動化雙向數(shù)據(jù)綁定、語義化標(biāo)簽、依賴注入等等。Angular通過指令擴(kuò)展了HTML，以一個 JavaScript文件形式發(fā)布，通過script標(biāo)簽添加到網(wǎng)頁中。Angular的優(yōu)勢在于：零配置、深度整合設(shè)計模式、約定才是框架的本質(zhì)。不過對于JavaScript工程師來說，少有工程化的經(jīng)驗，學(xué)習(xí)起來會比較痛苦。

2、React

React是一個Facebook和Instagram用來創(chuàng)建用戶界面的JavaScript庫，用于構(gòu)建頁面、Javascript庫。主要功能是對DOM操作，聲明式設(shè)計，更快的開發(fā)出Web應(yīng)用系統(tǒng)。借助React，你可以非常輕松地創(chuàng)建用戶交互界面，為你應(yīng)用的每一個狀態(tài)設(shè)計簡潔的視圖。在數(shù)據(jù)改變時，React也可以高效地更新渲染界面。

3、Vue

Vue是用于構(gòu)建交互式的Web界面的庫，它提供了MVVM數(shù)據(jù)綁定和一個可組合的組件系統(tǒng)，具有簡單、靈活的 API。從技術(shù)上講，Vue集中在MVVM模式上的視圖模型層，并通過雙向數(shù)據(jù)綁定連接視圖和模型。實際的DOM操作和輸出格式被抽象出來成指令和過濾器，相比其它的MVVM框架，Vue更容易上手。

綜上所述，在大型超大型Web應(yīng)用開發(fā)上比較看好Angular，個性化需求、中型應(yīng)用更傾向選擇React，在小型應(yīng)用上則看好Vue。當(dāng)然不同企業(yè)會有不同的需求，所選用的框架也不一樣，但只要你具備扎實的理論基礎(chǔ)，就可以很快上手這些框架。