|
iUI、jQTouch、WPTouch、PhoneGap、XUI、iWebkit、Rhodes、gwt-mobile…當(dāng)我們已經(jīng)開始驚嘆web移動應(yīng)用充斥著各種各樣框架與類庫的時候，其實各大web框架才剛剛開始他們的移動領(lǐng)域：Yahoo的YUI3.2的Touch版、jQuery的jQueryMobile、ExtJS整合JQTouch和Raphaël庫推出的Sencha Touch框架。。。
ExtJs更名為Sencha的確讓我震驚不少，畢竟自己也曾是ExtJs框架的粉絲，如此重量級的框架忽然掉頭往mobile touch的方向發(fā)展，確實不是一件易事，我們也不禁驚嘆移動應(yīng)用所帶來的重大改變。
OK，在這里我并不是想跟大家介紹各種web移動應(yīng)用框架的用法介紹和性能對比。只是受ExtJs的影響，以及想知道自己到底去到一個什么程度，以及更好的積累沉淀下前端的經(jīng)驗，于是我開始構(gòu)想一個好的web移動應(yīng)用框架應(yīng)該如何如何，并開始嘗試著手實現(xiàn)。重復(fù)造輪子只是強(qiáng)迫自己更深入地去了解這個領(lǐng)域，并不是自大到要挑戰(zhàn)什么。于是分析對比了下，總結(jié)如下：
1.輕量級
這個應(yīng)該是移動應(yīng)用框架里最重要的一點，不要想著3G的普及還有wifi啥的，國情就是國情，要大部門用戶在3秒內(nèi)下載完你那100K的css和js文件是強(qiáng)人所難。因此我們的移動應(yīng)用框架必須盡可能的輕量化，所有的命名和函數(shù)實現(xiàn)方法都要盡可能的簡練和高度壓縮。拋掉那些PC上web應(yīng)用的特效和組件吧，不要為了一個菜單效果把7，80K的jQuery.js加在你的頁面上。
2.主流手機(jī)瀏覽器兼容性
面對如此多的手機(jī)平臺和瀏覽器，要你的移動應(yīng)用在所有瀏覽器上表現(xiàn)如一是很困難的，有時候你需要對不同瀏覽器加載不同的樣式文件，又或是運行不一樣的函數(shù)來實現(xiàn)效果。因此我們的框架必須有能識別各種主流瀏覽器的方法，具體點，你的框架必須能區(qū)分如iPhone、iPad、Android、Windows Phone等，OK，再國情化一點，QQ手機(jī)瀏覽器和UCWeb。最后要注意的是這里盡量不用UA的方法來判斷，因為各瀏覽器的avigator.userAgent都很不可靠，這里可以參考下mooltools判斷瀏覽器的思路，應(yīng)用到我們的移動領(lǐng)域上。
3.強(qiáng)大的選擇器
選擇器可以說是一個框架靈魂，在將來的web移動應(yīng)用中會大量使用CSS3的高級偽類，因此我們的框架必須能盡快遍歷定位到盡可能多的HTML5標(biāo)簽和CSS3的偽類，哪怕是像E:first-of-type這種jquery選擇器都不支持的結(jié)構(gòu)。
4.頁面動畫效果
與桌面web應(yīng)用不同的是，移動應(yīng)用在頁面的切換效果方面要炫的多，比如：滑動切換，遮罩彈出，漸入漸出，閃屏，iPhone上的zoomin，zoomout效果等�？纯碈SS關(guān)于fadein和zoomin動畫的定義：
出處：騰訊WSD
責(zé)任編輯：bluehearts
上一頁 下一頁 WEB移動應(yīng)用框架構(gòu)想 [2]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 WEB移動應(yīng)用框架構(gòu)想 [1]
第 2 頁 
