HTML5有哪些主流框架

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

作為一家“創(chuàng)意+整合+營銷”的成都網(wǎng)站建設(shè)機(jī)構(gòu)，我們?cè)跇I(yè)內(nèi)良好的客戶口碑。創(chuàng)新互聯(lián)提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、做網(wǎng)站、創(chuàng)意表現(xiàn)、網(wǎng)頁制作、系統(tǒng)開發(fā)以及后續(xù)網(wǎng)站營銷運(yùn)營等一系列服務(wù)，幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營模式與有效的網(wǎng)絡(luò)營銷方法,創(chuàng)造更大的價(jià)值。

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

1、Angular

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

2、React

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

3、Vue

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

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

手機(jī)html5前端開發(fā)用什么框架

jquery mobile和bootstrap都是較好的框架。為了使用便利，下文列舉了目前最強(qiáng)大應(yīng)用最廣泛的幾款前端開發(fā)框架。

1. Bootstrap

Boostrap絕對(duì)是目前最流行用得最廣泛的一款框架。它是一套優(yōu)美，直觀并且給力的web設(shè)計(jì)工具包，可以用來開發(fā)跨瀏覽器兼容并且美觀大氣的頁面。它提供了很多流行的樣式簡(jiǎn)潔的UI組件，柵格系統(tǒng)以及一些常用的JavaScript插件。

2. Fbootstrapp

Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和設(shè)計(jì)相同的功能。包含用于所有標(biāo)準(zhǔn)組件的基本的CSS和HTML，包括排版、表單、按鈕、表格、柵格、導(dǎo)航等等，風(fēng)格與Facebook類似。

3. BootMetro

BootMetro框架的靈感來自于Metro UI CSS，基于Bootstrap 框架構(gòu)建，用于創(chuàng)建Windows 8 的Metro風(fēng)格的網(wǎng)站。它包括所有Bootstrap的功能，并添加了幾個(gè)額外的功能，比如頁面平鋪，應(yīng)用程序欄等等。

4. Kickstrap

Kickstrap是Bootstrap的一個(gè)變體。它基于Bootstrap，并在它的基礎(chǔ)上添加了許多app，主題以及附加功能。這使得這個(gè)框架可以單獨(dú)地用于構(gòu)建網(wǎng)站，而不需要額外安裝什么。你需要做的僅僅是把它放到你的網(wǎng)站上，然后用就可以了。

5. Foundation

Foundation 是一款強(qiáng)大的，功能豐富的并且支持響應(yīng)式布局的前端開發(fā)框架，你可以通過Foundation快速創(chuàng)建原型，利用它所包含的大量布局框架，元素以及最優(yōu)范例快速創(chuàng)建在各種設(shè)備上可以正常運(yùn)行的網(wǎng)站以及app。Foundation在構(gòu)建的時(shí)候秉承移動(dòng)優(yōu)先的策略，它擁有大量實(shí)用的語義化功能，并且使用Zepto類庫來取代jQuery，這樣可以帶來更好的用戶體驗(yàn)，并且提高運(yùn)行的速度。

6. GroundworkCSS

GroundworkCSS 是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一個(gè)高級(jí)響應(yīng)式的HTML5，CSS以及JavaScript工具包，可以用于快速創(chuàng)建原型并且建立在各種瀏覽設(shè)備上可以正常工作的網(wǎng)站和app。

7. Gumby

Gumby 是一款基于Sass和Compass的簡(jiǎn)單靈活并且穩(wěn)定的前端開發(fā)框架。

它的流式-固定布局（fluid-fixed layout）可以根據(jù)桌面端以及移動(dòng)設(shè)備的分辨率自動(dòng)優(yōu)化要呈現(xiàn)的網(wǎng)頁內(nèi)容。它支持多種網(wǎng)格布局，包括多列混雜的嵌套模式。Gumby提供兩套PSD的模板，方便你在12列和16列的網(wǎng)格系統(tǒng)上進(jìn)行設(shè)計(jì)。

8. HTML KickStart

HTML Kickstart 是一款可以用來方便創(chuàng)建任何布局的集合HTML5，CSS和jQuery的工具包。它提供了干凈，符合標(biāo)準(zhǔn)以及跨瀏覽器兼容的代碼。

9. IVORY

IVORY 是一款輕量，簡(jiǎn)單但是強(qiáng)大的前端框架，可以用于320到1200像素寬度的響應(yīng)式布局。它基于12列的響應(yīng)式網(wǎng)格布局，包含表格，按鈕，表格，分頁，撥動(dòng)開關(guān)，工具提示，手風(fēng)琴，選項(xiàng)卡等網(wǎng)站中常用的組件和樣式。

10.Kube

最后，如果你的新項(xiàng)目需要一款實(shí)在的，不需要復(fù)雜的額外功能組件的，足夠簡(jiǎn)單的框架，那么 Kube 將會(huì)是你正確的選擇。Kube是一款最小化的，支持響應(yīng)式的前端框架，它沒有強(qiáng)加的樣式設(shè)計(jì)，因此給了你充分的自由來開發(fā)自己的樣式表。它提供了一些web元素的基本樣式，比如網(wǎng)格，表單，排版，表格，按鈕，導(dǎo)航，鏈接以及圖片等等。

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

1.Aliceui

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

2.Amazeui

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

3.sui

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

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

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

4.FrozeUI

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

5.uiKit

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

6.H-ui

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

7.Weui

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

8.layui

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

9.YDUI Touch

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

html5 跨屏前端框架有哪些

現(xiàn)在比較常用的就是Jjavascript和JQuery，這兩個(gè)大型企業(yè)和小公司都用，還有就是Bootstrap，BootMetro之類的。

分享標(biāo)題：html5的前端框架,HTML5前端
網(wǎng)站網(wǎng)址：http://aaarwkj.com/article34/dsigppe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、品牌網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、企業(yè)網(wǎng)站制作、手機(jī)網(wǎng)站建設(shè)、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)