html5移動應用框架

2022-09-13 09:06:07 字數 1704 閱讀 7719

ratchet——專門針對移動裝置優化的css框架,bootstrap的一員,提供了一些常見控制項的呼叫,比如按鈕、iphone上的segmented control,開關鍵,列表檢視。

onsen ui——和ionic很類似,也是最好配合angular js使用,官方寫了幾個不錯的patterns,可以拿來就用。

1.框架phonegap

phonegap是乙個基於html5/j**ascript/css的,建立移動跨平台移動應用程式的快速開發平台。它使開發者可以使用android,palm,symbian,wp7,wp8,bada和blackberry智慧型手機的核心功能——地理定位,加速器,照相機,聯絡人,聲音,震動等。

此外phonegap擁有豐富的外掛程式,可以呼叫。 

優點:1.可跨平台。phonegap框架幫我們解決了差異性,j**ascript與平台系統的連線由phonegap框架完成。成為連線移動終端的介面卡,或者說中介軟體。 

2.提供硬體訪問控制。可呼叫加速計、攝像頭、羅盤、通訊錄、文件、地理定位、**、網路、通知(警告、聲音和振動)、儲存。 

3.可利用成熟j**ascript框架。如:ext js、jquery。 

缺點:1.效能差。執行速度慢,ui反應延時——這是個致命傷。(高階機影響不大) 

2.不能完全跨平台。不同平台**需要微調。 

3.記憶體消耗大。 

4.除錯難度大。

2.框架:ionic

官網:4.框架:apicloud(國產) 

官網:5、jquery mobile

1.官方**:

2.性質:ui框架 

3.說明:這個大名鼎鼎的jquery的移動版本。跟jquery一樣是乙個輕量級的js庫,一樣使用html5+css+js的技術。應為輕量級,所以在web載入時比sencha有一點優勢。缺點顯而易見,ui控制項太少了。因為jquery mobile 太普及了,也有很多第三方的擴充套件控制項庫例如jquery mobile touch。比較有意思的是sencha touch 也融合了jquery mobile touch。 

4.授權:完全開源,放心使用

還有幾個國內比較火的前端框架,基本是國內大公司推出的:

kissy是**的前端類庫,幾乎在**的每個頁面上都能看到它的身影。

kissy提供穩定的核心,包括 oo、dom、event、anim、ajax 等;強大且易用的指令碼載入器,特有的 loader;豐富的ui元件,包括 switchable、overlay、draggable and droppable 等。kissy具備模組化、高擴充套件性、元件齊全等特性。

qwrap的特點如下:

1. 提供jquery一樣方便的dom功能,同時又打破jquery「專注於dom」的約束,也提供非dom的許多功能。

2. 提供prototype方便的原型功能,同時又提供j**ascript1.6的泛型功能,並且提供使用者有選擇方便與嚴謹的自由。

3. 提供yui2一樣的靜態方法庫,同時又用所謂的helper規範來做到真正的絕對靜態,讓元件開發者可以發布出無依賴的元件。

4. 學習yui3的use,同時又擯棄yui3的嚴謹性潔癖,讓use更實用。

tangram是一款實用的j**ascript基礎庫,通過它可以快速構建出高度互動的web應用程式。tangram具有全瀏覽器相容,平滑公升級體驗以及自由定製輸出最小尺寸的特點。

5.como(康尚實驗室)

幾種常用HTML5移動應用框架的比較

對於mobile web的開發人員來說,切換框架代價很高 因為動畫的轉換,工具欄,按鈕,列表的顯示,以及線下儲存等都很麻煩。因為大部分上述功能都是新技術,以及這些 領域的技術還在迅速地改變。作者玩轉了許多mobile web的框架並且對它們進行了分析比較,下面將為您講解他的研究發現。jqtouch ...

常用的 HTML5 移動應用開發框架比較

對於mobile web的開發人員來說,切換框架代價很高 因為動畫的轉換,工具欄,按鈕,列表的顯示,以及線下儲存等都很麻煩。因為大部分上述功能都是新技術,以及這些領域的技術還在迅速地改變。本文作者 dzyngiri 玩轉了許多mobile web的框架並且對它們進行了分析比較,下面將為您講解他的研究...

幾種常用HTML5移動應用框架的比較

對於mobile web的開發人員來說,切換框架代價很高 因為動畫的轉換,工具欄,按鈕,列表的顯示,以及線下儲存等都很麻煩。因為大部分上述功能都是新技術,以及這些 領域的技術還在迅速地改變。作者玩轉了許多mobile web的框架並且對它們進行了分析比較,下面將為您講解他的研究發現。jqtouch ...