HTML5和Web Apps架構和方法

標籤：

單頁：

1jQuery Mobile

該架構以其基於AJAX的導航系統和可使用主題的ThemeRoller設計而聞名。支援Android,ios,Windows Phone,webOs等。編程模式為CSS和JS,在DOM上聲明，用CSS和data-*屬性標記。

2jQTouch

它是一個Zepto/jQuery外掛程式，也是一個很容易上手的簡單架構，它提供一組基本的小組件和動畫，但是缺乏多平台支援，該架構還苦於緩慢而閃爍的動畫以及延時的單擊事件，只支援ios和Android.編程模式重CSS輕JS,使用CSS類檢測合適的動畫和互動，支援擴充。

無頁面結構：

1xui

在無頁面結構中標記是靈活而輕量級的。和單頁方法不同，它的標記不與具體的DOM結構綁定。使用這一方法的最佳選擇是xui,xui起源於PhoneGap架構，它不描述頁面結構或者小組件的樣式，而是處理事件，動畫，變換和AJAX.它是輕量級的，且具備為所需功能添加外掛程式的功能。xui專門為移動環境的DOM操縱做了裁剪，這是處理jQuery之類的現有案頭瀏覽器架構的一個重要因素。編程模式為清晰，熟悉的鏈式文法（類似jQuery）;支援外掛程式

JS驅動：

1Sencha Touch

Sencha Touch是一個HTML/CSS3/JS架構，通過SASS/Compass，類似資料展示的模型，儲存和代理，提供不同的原生樣式小組件和靈活的主題。增強觸摸事件和強大的資料模型為這個架構提供了一些企業級的特性，和jQuery與jQTouch不同，使用Sencha,不用編寫HTML，而是用JS建立UI和應用。

2Wink Toolkit

它的核心提供移動開發人員所需的從觸摸事件處理到DOM操縱對象和CSS變換工具 + 生產力的所有準系統。支援ios,Android,BlackBerry和Bada。用JS助手添加標準行動瀏覽器支援，UI在JS中建立。它最大的亮點是含有大量的2D和3D組件，以及用手勢操縱組件的能力。例如用wink的CoverFlow組件，使用者可以使用兩根手指來改變視角。

3The-M-Project

它有4個核心開發概念，MVC,Content Binding（內容綁定），Dynamic Value Computing（動態數值計算）和Event Handling（事件處理）。所以它的大部分重心在編程模式上。支援Android,ios,Windows Phone,webOs，BlackBerry。編程模式主要依賴MVC模式；通過JS建立視圖組件，處理資料繫結。它的Web Storage（用於本地和遠程儲存的資料提供者）。

還有其他一些架構如Sproutcore，Jo,Zepto,LungoJs它們都有各自在移動web編程上的優點，也有其缺陷。

*文章系《HTML5 and JavaScript Web Apps 》讀書筆記

 

HTML5和Web Apps架構和方法