HTML5有哪些主流框架？零基礎(chǔ)如何上手？

時(shí)間: 2017-02-28 17:15:55 點(diǎn)擊數(shù): 32543 來源: 耐思智慧

下面推薦的幾款主流HTML5框架，上手都比較快，而且網(wǎng)站的教程相對(duì)完善，無論是初學(xué)還是專業(yè)前端，都能找到適合自己操作的框架。

Bootstrap

全球數(shù)以百萬計(jì)的網(wǎng)站都是基于 Bootstrap 構(gòu)建的。Bootstrap能讓所有開發(fā)者都能快速上手、所有設(shè)備都可以適配、所有項(xiàng)目都適用。此外，bootstrap的官網(wǎng)也有很多教程提供。

Bootstrap 包含了十幾個(gè)自定義的 jQuery 插件，并自帶以下特性：全局的 CSS 設(shè)置、定義基本的 HTML 元素樣式、可擴(kuò)展的 class，以及一個(gè)先進(jìn)的網(wǎng)格系統(tǒng)。

SUI Mobile

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

SUI Mobile 的組件都是按照iOS風(fēng)格設(shè)計(jì)的，，非常輕量，核心庫壓縮Gzip后的JS、CSS網(wǎng)絡(luò)傳輸體積總共只有52K，卻提供了20+個(gè)常用的組件。網(wǎng)站內(nèi)有詳細(xì)的編碼介紹。

jQuery UI

jQuery UI 主要分為3個(gè)部分：交互、微件和效果庫。主打代碼開源，操作繼承了jQuery 的簡(jiǎn)單特性，兼容各主流桌面瀏覽器。

jQuery mobile

jQuery Mobile 是針對(duì)觸屏智能手機(jī)與平板電腦的網(wǎng)頁開發(fā)框架。如果開發(fā)者了解 jQuery，可以很容易的學(xué)習(xí) jQuery Mobile。

如何高效學(xué)習(xí)HTML5前端開發(fā)？

前端首先要學(xué)HTML+CSS，如果想系統(tǒng)學(xué)習(xí)，最好是到專業(yè)培訓(xùn)機(jī)構(gòu)或者收聽網(wǎng)絡(luò)課程，這樣能學(xué)以致用。如果選擇自學(xué)，應(yīng)該先跟著書仔細(xì)、扎實(shí)的學(xué)一遍。做大量的練習(xí)，做各種常規(guī)的、新穎的布局練習(xí)來捆固、理解自己的知識(shí)。css要熟練掌握float、 position、width、height，以及對(duì)于的最大最小、會(huì)使用百分百、overflow、margin、padding等等，這些都是跟布局有關(guān)系的樣式，是必須要掌握的。

如果只是為了做網(wǎng)站而學(xué)習(xí)前端HTML，大可不必花大量時(shí)間，很多自助建站工具都支持零基礎(chǔ)建站，過程跟當(dāng)年玩QQ空間裝扮差不多，網(wǎng)站的制作周期和資金投入都相對(duì)較低。如建站寶盒V9已經(jīng)能做出多種風(fēng)格的滿足購物、學(xué)習(xí)、展示和營銷的優(yōu)質(zhì)網(wǎng)站。