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

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

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、網(wǎng)站設(shè)計、環(huán)翠網(wǎng)絡(luò)推廣、微信小程序開發(fā)、環(huán)翠網(wǎng)絡(luò)營銷、環(huán)翠企業(yè)策劃、環(huán)翠品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供環(huán)翠建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：sd-ha.com

1. Bootstrap

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

2. Fbootstrapp

Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和設(shè)計相同的功能。包含用于所有標準組件的基本的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的功能，并添加了幾個額外的功能，比如頁面平鋪，應(yīng)用程序欄等等。

4. Kickstrap

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

5. Foundation

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

6. GroundworkCSS

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

7. Gumby

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

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

8. HTML KickStart

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

9. IVORY

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

10.Kube

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

用html5做的移動端網(wǎng)站有什么好處

用html5做的移動端網(wǎng)站好處如下：

1. 上手迅速并支持快速迭代，與Android和iOS相比，使用JQuery Mobile和HTML5構(gòu)建你的UI和邏輯會比在原生系統(tǒng)下構(gòu)建快得多。此外，要使用原生代碼將一個list view連接到遠程的數(shù)據(jù)源并具有漂亮的外觀是十分復(fù)雜的

2.避免麻煩的應(yīng)用商店審批過程以及調(diào)試、構(gòu)建帶來的痛苦：為手機開發(fā)應(yīng)用，尤其是iOS系統(tǒng)的手機，最痛苦的過程莫過于通過Apple應(yīng)用商店的審批。想要讓一個原生應(yīng)用程序發(fā)布給iOS用戶，需要等待一個相當(dāng)長的過程（需要好幾天，甚至可能是好幾周）。不僅在第一次發(fā)布程序時要經(jīng)歷磨難，以后的每一次升級也是如此。這使得QA和發(fā)布流程變得復(fù)雜，還會增加額外的時間。進一步的好處是，發(fā)布beta或測試版本會更加容易。只要告訴用戶用瀏覽器打開你的網(wǎng)址就可以了！不需要考慮iOS令人抓狂的DRM，也不需要理會Android必須的APK。

3.支持跨平臺和跨設(shè)備開發(fā)：一個巨大的好處是，應(yīng)用程序馬上可以在Android和IOS上工作，同樣也可以在其他平臺上工作。作為一個獨立開發(fā)者，為不同的平臺維護基礎(chǔ)代碼是一項巨大的工作。為單個手機平臺編寫高質(zhì)量的手機應(yīng)用需要全職工作，為每個平臺重復(fù)做類似的事情需要大量的資源。

html5是什么干什么的

HTML的全稱是超文本標記語言，是一種標記語言。它包括一系列標簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個邏輯整體。HTML是由HTML命令組成的描述性文本，可以解釋文字、圖形、動畫、聲音、表格、鏈接等。Html是一種用來描述網(wǎng)頁的語言。它被稱為超文本標記語言，它是一種標記語言。它包括一系列標簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個邏輯整體。

html5移動開發(fā) 有什么不同

html5移動開發(fā)跟pc開發(fā)區(qū)別還是有的，如下幾點；

移動端不需要 300ms 的單擊確認，所以不要監(jiān)聽 click 事件

2. 移動端網(wǎng)絡(luò)一般較慢，如何減小頁面體積及請求數(shù)，利用好緩存

3. 移動端需要點擊的元素及其間隔不能太小，考慮手指的面積

4. 橫屏和豎屏下的表現(xiàn)

5. 不同瀏覽器間的兼容性（太多了，如 position:fixed）

6. Retina 屏圖片會不會模糊

7. 輸入狀態(tài)鍵盤會不會擋住輸入內(nèi)容

8. 在瀏覽器上點擊后退的行為

9. 某些瀏覽器（如 Safari）的隱私模式下 cookie 和 localStorage 的替代方案

總的來說屏幕變小了要做相應(yīng)的適配跳轉(zhuǎn)是最大的不同。

移動端HTML5如何開發(fā)？跟PC端有什么區(qū)別

PC和mobile上是有區(qū)別的。

網(wǎng)頁主要體現(xiàn)在倍率上，還有HTML5兼容問題。

iphone4s倍率是2x，即2倍；

iphone6倍率是2x；

iphone 6 plus 倍率是3x；

安桌上

hdpi倍率是1.5x；

xhdpi倍率是2x；

xxhdpi倍率是3x；

要想圖片在mobile上得到圖片的原始清晰度，和大小，那么他和PC上1x倍率的圖片對應(yīng)關(guān)系是；

PC：像素 =像素 * 倍率；

例如：100px = 100px * 2 =iphone6；這樣清晰度和大小看起來都一樣。

這樣同一張圖，在電腦上你是100px寬高，在iphone6上你就是200px的寬高，看起來清晰度差不多，若你將100px的圖片不變放到iphone6上，那么他會變得比想象中小。若你又不想增加寬度200px達到目的，那么你可以按照如下解決問題。

解決手機上全屏顯示（小圖適配顯示，會放大，犧牲清晰度為代價）的方法是在head中加入

meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" 。

meta告訴瀏覽器設(shè)備初始時候無縮放，最大縮放為原始大小，用戶不可以縮放。

我僅給你講解有很大倍率區(qū)別，需要專業(yè)學(xué)習(xí)倍率。

至于html5和一些標簽，js的兼容就容易理解多了。

PC要考慮IE8只兼容部分html5標簽，IE9也不夠完全。

其他一些 flash運用，交互也是有區(qū)別的。

iphone不知道flash，上系上js多了觸控事件，PC的是點擊事件等

html5 移動開發(fā)框架

下面再來總結(jié)下HTML5還有哪些框架是適合面向手機設(shè)備的開發(fā)的。

1、jQuery Mobile

jQuery

Mobile 是 jQuery 在手機上和平板設(shè)備上的版本。jQuery Mobile

不僅會給主流移動平臺帶來jQuery核心庫，而且會發(fā)布一個完整統(tǒng)一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery

Mobile開發(fā)團隊說：能開發(fā)這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動Web網(wǎng)站。

2、jQTouch

jQTouch 是一個 jQuery 的插件，主要用于手機上的 Webkit 瀏覽器上實現(xiàn)一些包括動畫、列表導(dǎo)航、默認應(yīng)用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。

3、DHTMLX Touch

　

　DHTMLX

Touch是一個免費的HTML5/JavaScript框架，專門為觸摸屏設(shè)備而優(yōu)化。為您帶來快速開發(fā)工藝精美的移動Web應(yīng)用程序的能力。

DHTMLX Touch UI

Designer是一個可視化的編輯器用于構(gòu)建移動用戶界面。它能夠幫您以最少的編碼構(gòu)建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX

Touch強大的用戶界面。包括一個menu app for the iPad (適用于開發(fā)餐廳應(yīng)用) 和Book Shop

(一個電子書店應(yīng)用)。

標題名稱：mobilehtml5,androidhtml5tel
轉(zhuǎn)載來源：http://sd-ha.com/article4/dsihooe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、ChatGPT、軟件開發(fā)、電子商務(wù)、網(wǎng)站內(nèi)鏈、云服務(wù)器

廣告

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