資源描述：
《針對移動終端的WebApp前端開發(fā).doc》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。
1、針對移動終端的WebApp前端開發(fā)據(jù)2011年VisionMoblie開發(fā)者經(jīng)濟學(xué)報告顯示，如果移動Web視作新的開發(fā)平臺，那么它僅次于Android和iOS成為最受開發(fā)者青睞的第三大平臺。特別是HTML5技術(shù)的飛速發(fā)展——不斷涌現(xiàn)的各種創(chuàng)新產(chǎn)品和工具，F(xiàn)acebook推出斯巴達項目、Adobe收購PhoneGap等重大動作，無不吸引眾多開發(fā)者投入。一個被業(yè)界廣泛關(guān)注的問題是：“移動Web會否在不久的未來重現(xiàn)在PC端上最終成為主流的的發(fā)展趨勢？”10月13日晚上，在CMDN移動開發(fā)者俱樂部第六期活動，當(dāng)當(dāng)網(wǎng)前端工程師柴春燕分享了他的思考和實踐心得。演講實錄如下：?當(dāng)當(dāng)網(wǎng)Web前端工程師柴
2、春燕非常高興今天晚上在這里跟大家分享移動終端使用HTML5技術(shù)做了一些實踐。對于移動終端目前開發(fā)方式無非就兩種，其中一種就是HTML5的解決方案。如果采用HTML5的話它的Fxs（音譯）就在前端。移動互聯(lián)網(wǎng)及其現(xiàn)狀前面劉鐵鋒講的是把PC都包含進去，我講的就是針對移動互聯(lián)網(wǎng)，針對移動終端，常見像智能機、上網(wǎng)本、移動終端可以訪問網(wǎng)絡(luò)的設(shè)備，它的可以實現(xiàn)的一些方式。第二是在移動互聯(lián)網(wǎng)MobileWebApp開發(fā)的時候可能會遇到的一些問題。還有HTML5適合MobileWebApp開發(fā)的特性。這是我開發(fā)MobileWebApp的心得跟大家分享。之前互聯(lián)網(wǎng)消費調(diào)查中心做了一個研究，手機上網(wǎng)在生活中
3、重要性比例，他所占據(jù)份額會越來越高。另外這個統(tǒng)計調(diào)查在2011年底，一半美國人都會使用智能手機，2013年預(yù)計移動互聯(lián)網(wǎng)用戶超過10億，2020年HTML5這種方案已經(jīng)確定了。截止到2011年6月底，中國的三大運營商智能機份額已經(jīng)超過8千萬。這個趨勢隨著3G互聯(lián)網(wǎng)方面會越來越大。移動互聯(lián)網(wǎng)是指什么？官方解釋就是將移動通信和互聯(lián)網(wǎng)兩者結(jié)合，用戶借助移動終端包括手機、平板、PDA、上網(wǎng)本等，通過網(wǎng)絡(luò)訪問互聯(lián)網(wǎng)。大家如果做過移動開發(fā)的話，最開始如果想用手機訪問互聯(lián)網(wǎng)的話，從幾個階段過渡過來，一個是WML方式，Web1.0，還有Web2.0。移動互聯(lián)網(wǎng)使用的關(guān)鍵技術(shù)第一是Web2.0技術(shù)。在移動
4、互聯(lián)網(wǎng)的時候，MobileWebApp的時候以Web2.0為基礎(chǔ)，利用集體智慧，數(shù)據(jù)驅(qū)動，帶來較豐富的體驗。iOS操作系統(tǒng)誕生，從本質(zhì)來說其實帶來顛覆性是用戶體驗上的一些更新。后面我會講到為什么移動設(shè)備有很多局限性，包括大家在做移動開發(fā)的時候都會遇到兼容性的問題。第二是云計算像超大規(guī)模、高可擴展性、高可靠性和相對廉價。移動互聯(lián)網(wǎng)開發(fā)面臨問題第一個是設(shè)備。你拿到手機終端，相比PC端瀏覽器運算處理速度都有很大差距。內(nèi)存小，電池續(xù)航能力差，屏幕不統(tǒng)一。針對哪種終端設(shè)備做適配，比你做PC端前端開發(fā)所遇到的困難還要大。第二個是開發(fā)，多種不同手機操作系統(tǒng)，每一種操作體驗不一樣，相應(yīng)應(yīng)用開發(fā)環(huán)境也是不
5、同。像iPhone的IOS操作系統(tǒng)，是使用WebKet（音譯）為核心。兩種版本兼容Webket，具體對HTML5支持力度是不一樣的。大家可以看到這個官方站點就可以看到，能夠支持多點觸控。像WindowsPhone是采用IE為內(nèi)核。三者操作起來也不一樣，iPhone硬件只有一個Hom鍵，Android是軟硬件結(jié)合一個實體，返回可以通過硬件操作。如果你把所有操作、用戶體驗都放到一個里面看的話，他是有差異的。這是我們做WebApp的時候都必須要考慮的一些問題。第三是網(wǎng)絡(luò)，這是大家無法回避的一個地方。為什么在HTML5出現(xiàn)之后大家會這么狂熱，會覺得他是一個趨勢。目前雖然中國現(xiàn)在有3G，他的覆蓋面
6、并不是達到處處都可以擁有3G網(wǎng)絡(luò)，它的流量費用也并不是人人都可以承擔(dān)的地步。像網(wǎng)絡(luò)穩(wěn)定性上面都還是有一些問題的。比如你在坐地鐵的時候，可能到朝陽門的時候還有信號，走到建國門信號就沒有了。這種情況下用原聲還好解決，如果使用網(wǎng)頁形式訪問的話，如果沒有做到APP方式，基本處于假死或者是掉線狀態(tài)，無法進行第二次訪問，這對用戶體驗是很大的問題。HTML5適合MobileWebApp開發(fā)的特性這些是一個不完全包括的HTML5的集合，這里面我只是羅列出來，我這里說明一下，我覺得HTML5本身也是草案，我也是在一個學(xué)習(xí)過程中。第一是語義化。你做MobileWebApp，他本質(zhì)還是希望以后把PC端搜索引擎
7、，都可以用到移動端。當(dāng)用戶通過手機搜索某些東西的時候，可以直接定位到MobileWebApp這種站點，更好的用戶體驗。百度框計算，現(xiàn)在都有這種功能。第二是新的表單功能。之前做表單功能的時候可能常見的像Canvas，像移動端驗證肯定是必須的，像這個鍵盤是不容忽視的問題，你的手指相比你的移動設(shè)備還是很大的。這個情況下如何更好帶來用戶輸入上的體驗，支持瀏覽器都有對HTML5的一些幫助。我們有對于E-Mail的，軟鍵盤都有調(diào)用方式，郵件的話
