成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

HTML 5+CSS3攜手實現(xiàn)移動應(yīng)用開發(fā)的瓶頸

移動開發(fā)
從客戶端進(jìn)化到瀏覽器最大好處是客戶端無需更新,減少了大量的更新成本,只需服務(wù)器端進(jìn)行更新。很多軟件廠商也在制作他們的Web版本,國內(nèi)的一些ERP廠商也開始了這條道路,互聯(lián)網(wǎng)企業(yè)都想在移動互聯(lián)網(wǎng)的的巨大市場中分得一杯羹。

PC的早期階段,也是傳統(tǒng)的C/S模式居多,后進(jìn)化到B/S模式,并產(chǎn)生了SaaS、云計算等概念和應(yīng)用。從客戶端進(jìn)化到瀏覽器***好處是客戶端無需更新,減少了大量的更新成本,只需服務(wù)器端進(jìn)行更新。這也是為什么現(xiàn)在流行WebQQ, google docs, photoshop網(wǎng)頁版的原因。現(xiàn)在同時很多軟件廠商也在制作他們的Web版本,國內(nèi)的一些ERP廠商也開始了這條道路。iPhone、Android的巨大成功揭開了移動互聯(lián)網(wǎng)的大幕,互聯(lián)網(wǎng)企業(yè)都想在移動互聯(lián)網(wǎng)的的巨大市場中分得一杯羹。游戲、sns、微博、視頻、本地生活服務(wù)都在大力發(fā)展移動互聯(lián)網(wǎng),推出了自己的app。

mobie native app指使用手機官方提供的SDK和開發(fā)語言開發(fā)的手機客戶端軟件,它能夠很好的使用手機提供的一些接口來操作手機的軟硬件資源。隨著HTML 5和css3的流行和Webkit對HTML 5和css3的較好支持,很多人開始使用HTML 5和css3來制作移動應(yīng)用。如前所述,使用Web方式制作移動應(yīng)用***的好處是,客戶端無需更新,并且數(shù)據(jù)顯示很多手機用戶不是經(jīng)常更新他的app程序,同時相對于native app,Web方式修改app的界面的成本更低一些。所以說,對于對界面的靈活性有較高要求的app,比較傾向于用Web方式實現(xiàn)移動應(yīng)用。

Android和iPhone都提供了Webview的控件,這個控件實質(zhì)是一個Webkit瀏覽器內(nèi)核,用于解析html、css、js代碼。所以,native app可以調(diào)用Webview空間來展示我們的Web頁面。同時,由于對css3的較好支持,native那種絢麗的界面就可以用html+css較好的實現(xiàn)出來,達(dá)到逼真的native app的效果。

但是,Web實現(xiàn)移動應(yīng)用有一些瓶頸。以下是我在項目實戰(zhàn)中碰到的,如果各位看官有好的解決方案,請不吝賜教。

其一,根據(jù)百度移動互聯(lián)網(wǎng)發(fā)展趨勢報告2010Q4,iPhone下下載一個1.407k的網(wǎng)頁,建立連接耗時1.35s左右,傳輸耗時0.15s左右。這樣,導(dǎo)致app在建立連接的時候,屏幕處于白屏狀態(tài)。也就是說這個app在一秒多的時間內(nèi),完全處于白屏狀態(tài),再加上3G、GPRS網(wǎng)絡(luò)的不穩(wěn)定,有時候等待app響應(yīng)需要幾秒甚至1幾秒的時間,這對于速度就是生命的移動應(yīng)用來說,無疑是個致命的缺陷。

其二,有人說,native app也需要建立tcp連接,同樣需要耗時這么長時間。很對,那么目前常用的解決方案是什么呢。開機畫面+loading圖片,有了這兩個,程序不會處于假死狀態(tài),用戶擁有耐心繼續(xù)等待。那么,Web app是否也能這樣做呢。首先,程序打開同樣顯示開機畫面,畫面結(jié)束后切換界面(Webview),Webview如果無loading圖片依然是在建立連接,依然處于白屏狀態(tài)。因為我們無法在開機畫面的時間內(nèi)對程序進(jìn)行預(yù)加載。然后,使用native方式在Webview外面蒙上一層,上面放上loading圖片,但是Webview沒有提供Web頁面開始渲染的接口,指提供了Web頁面load完成的接口。也就是說,如果通過native方式在Webview上放置一個loading圖片的話,那么這個圖片指能在頁面完全加載完消失,這樣也會影響用戶體驗。這里再提供一種方式,實現(xiàn)這種loading圖片的效果:放置一個靜態(tài)頁面在本地,點擊打開靜態(tài)頁面,無需建立連接。而后通過ajax方式請求數(shù)據(jù)來替換頁面內(nèi)容。這種方式,也是Nokia widget的實現(xiàn)方式,但是這種方式的效率比較低下。

其三,難以實現(xiàn)本地存儲。本地存儲是HTML 5的一個重要成果之一,但是,基于Android存在多版本系統(tǒng)。Android低版本中的Webkit對HTML 5和css3支持的并不好。簡單的兩個例子是:input type="number"會導(dǎo)致低版本Android的Webkit直接crash,css3的圓角在低版本的Android Webkit中也會出現(xiàn)明顯裂縫。現(xiàn)在常用的HTML 5向后兼容方案是通過javascript+css+html來模擬HTML 5的一些特性,但過多的js存在于移動應(yīng)用中會不會得不償失。

個人覺得,移動互聯(lián)網(wǎng)的發(fā)展趨勢一定也是從C/S模式向B/S模式轉(zhuǎn)變。但面臨的困難就是,手機端的瀏覽器更多,對Web標(biāo)準(zhǔn)的支持也不盡相同,適配各種分辨率的手機屏幕也是讓人很崩潰的一件事情。相信以后的移動互聯(lián)網(wǎng)也將適應(yīng)現(xiàn)在的格局:Web方式瀏覽信息,app方式游戲,工具等。

責(zé)任編輯:佚名 來源: muguaworld的博客
相關(guān)推薦

2011-06-09 12:59:23

HTML 5CSS

2011-12-20 09:53:16

HTML 5

2011-05-25 09:34:30

HTML5cssjavascript

2010-07-28 08:41:17

HTML5Web移動應(yīng)

2011-08-10 13:44:22

HTML 5

2014-12-22 15:02:48

HTML5移動應(yīng)用開發(fā)

2011-08-29 17:27:47

HTML 5交互移動應(yīng)用

2012-02-23 10:28:43

AppCanHTML5移動應(yīng)用

2011-12-12 10:08:39

jQuery MobiHTML5

2011-05-11 12:59:18

HTML5

2011-09-21 11:02:17

HTML 5

2011-05-16 09:47:15

CSS3HTML5

2014-11-04 10:49:36

HTML5CSS3

2010-03-22 08:56:12

2014-03-18 09:20:17

HTML5移動開發(fā)

2013-10-09 09:10:28

移動應(yīng)用開發(fā)NativeHybrid

2011-07-25 09:44:57

HTML 5

2011-11-25 13:18:40

HTML 5

2012-01-18 14:38:10

HTML5移動應(yīng)用

2015-07-03 11:07:39

HTML5移動Web
點贊
收藏

51CTO技術(shù)棧公眾號

主站蜘蛛池模板: 久久精品成人 | 亚洲第一中文字幕 | 亚洲第一网站 | www.天天操.com | 欧美激情一区二区三级高清视频 | 日本黄色影片在线观看 | 一级片免费网站 | 国产成人精品福利 | 91视视频在线观看入口直接观看 | 97精品国产手机 | 国产农村妇女精品一二区 | 久久精品久久精品 | 国产片侵犯亲女视频播放 | 国产精品久久久久久亚洲调教 | 翔田千里一区二区 | 欧美精品1区2区3区 免费黄篇 | 久久不卡日韩美女 | 亚洲三区在线观看 | www日韩欧美 | h视频在线免费 | 欧美一级在线观看 | 久久久一区二区三区四区 | 成年人免费网站 | 亚洲精品日韩在线观看 | 97精品国产| 伊人狠狠操 | 成人精品一区二区 | 欧美成人精品在线观看 | 欧美黄色小视频 | 久久99久久久久 | 国产 欧美 日韩 一区 | 国产免费一区二区三区 | 中文字幕一区在线观看视频 | 日韩视频在线观看 | 日韩精品中文字幕在线 | 国产一区二区在线视频 | 欧美一区二区三区在线视频 | 久久ww| 日韩成人av在线播放 | 日韩高清国产一区在线 | 91久久精品国产91久久性色tv |