第17章Hybrid App開發(fā)基礎(chǔ)課件_第1頁(yè)
第17章Hybrid App開發(fā)基礎(chǔ)課件_第2頁(yè)
第17章Hybrid App開發(fā)基礎(chǔ)課件_第3頁(yè)
第17章Hybrid App開發(fā)基礎(chǔ)課件_第4頁(yè)
第17章Hybrid App開發(fā)基礎(chǔ)課件_第5頁(yè)
已閱讀5頁(yè),還剩48頁(yè)未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、17.1 Hybrid App開發(fā)介紹開發(fā)介紹17.2 HTML517.3 Sencha Touch App,通過(guò)瀏覽器訪問(wèn);,通過(guò)瀏覽器訪問(wèn); Native App,安裝到移動(dòng)設(shè)備;,安裝到移動(dòng)設(shè)備; Hybrid App,它雖然看上去是一個(gè),它雖然看上去是一個(gè)Native App, 安裝到安裝到移動(dòng)設(shè)備上,但只有一個(gè)移動(dòng)設(shè)備上,但只有一個(gè)WebView,里面訪問(wèn)的是一,里面訪問(wèn)的是一個(gè)個(gè)Web App。 Native App是一種基于智能手機(jī)本地操作系統(tǒng)如是一種基于智能手機(jī)本地操作系統(tǒng)如IOS、Android、WP并使用原生程式編寫運(yùn)行的第三方應(yīng)用程序。并使用原生程式編寫運(yùn)行的第三方應(yīng)用程

2、序。 Native App因?yàn)槲挥谄脚_(tái)層上方,向下訪問(wèn)和兼容的能因?yàn)槲挥谄脚_(tái)層上方,向下訪問(wèn)和兼容的能力會(huì)比較好一些,可以支持在線或離線,消息推送或本地資源力會(huì)比較好一些,可以支持在線或離線,消息推送或本地資源訪問(wèn),攝像撥號(hào)功能的調(diào)取。但是由于設(shè)備碎片化,訪問(wèn),攝像撥號(hào)功能的調(diào)取。但是由于設(shè)備碎片化,App的開的開發(fā)成本要高很多,維持多個(gè)版本的更新升級(jí)比較麻煩,用戶的發(fā)成本要高很多,維持多個(gè)版本的更新升級(jí)比較麻煩,用戶的安裝門檻也比較高。但是比較樂(lè)觀的是,安裝門檻也比較高。但是比較樂(lè)觀的是,App store培養(yǎng)了一種培養(yǎng)了一種比較好的用戶付費(fèi)模式,所以在比較好的用戶付費(fèi)模式,所以在Apple

3、的生態(tài)圈里,開發(fā)者的盈的生態(tài)圈里,開發(fā)者的盈利模式是一種明朗狀態(tài),其他利模式是一種明朗狀態(tài),其他market也在往這條路上靠攏。也在往這條路上靠攏。提供最佳的用戶體驗(yàn),最優(yōu)質(zhì)的用戶界面,最華麗的提供最佳的用戶體驗(yàn),最優(yōu)質(zhì)的用戶界面,最華麗的交互交互針對(duì)不同平臺(tái)提供不同體驗(yàn)針對(duì)不同平臺(tái)提供不同體驗(yàn)可節(jié)省帶寬成本可節(jié)省帶寬成本可訪問(wèn)本地資源可訪問(wèn)本地資源盈利模式明朗盈利模式明朗移植到不同平臺(tái)上比較麻煩移植到不同平臺(tái)上比較麻煩維持多個(gè)版本的成本比較高維持多個(gè)版本的成本比較高需要通過(guò)需要通過(guò)store或或market的確認(rèn)的確認(rèn)盈利需要與第三方分成盈利需要與第三方分成原生開發(fā)模式應(yīng)用商店安裝包格式開發(fā)

4、工具開發(fā)包語(yǔ)言平臺(tái)Android Market.sdkEclipseAndroid SDKJavaAndroidApp Store.ipaxCodeios SDKObjective-CiosWP Market.xapVisual StudioSilverlight/Metro.Net FrameworkWindows Phone原生模式原生開發(fā)模式的優(yōu)劣APP Web App是指基于是指基于Web的系統(tǒng)和應(yīng)用,其作用是向廣大的的系統(tǒng)和應(yīng)用,其作用是向廣大的最終用戶發(fā)布一組復(fù)雜的內(nèi)容和功能。最終用戶發(fā)布一組復(fù)雜的內(nèi)容和功能。 移動(dòng)移動(dòng)Web在桌面在桌面Web的基礎(chǔ)上添加了新的的基礎(chǔ)上添加了新的M

5、IME類型、標(biāo)記類型、標(biāo)記語(yǔ)言、文檔格式和最佳實(shí)踐,為語(yǔ)言、文檔格式和最佳實(shí)踐,為小尺寸屏幕小尺寸屏幕提供優(yōu)化的提供優(yōu)化的Web內(nèi)容內(nèi)容,并可解決移動(dòng)設(shè)備上的,并可解決移動(dòng)設(shè)備上的資源限制資源限制、Web瀏覽器可用性差瀏覽器可用性差 等問(wèn)等問(wèn)題。題。 最直接的區(qū)別就是功能層面。最直接的區(qū)別就是功能層面。WAP更側(cè)重使用更側(cè)重使用網(wǎng)頁(yè)技術(shù)在移動(dòng)端做展示,包括文字、媒體文件等。網(wǎng)頁(yè)技術(shù)在移動(dòng)端做展示,包括文字、媒體文件等。而而Web App更側(cè)重更側(cè)重“功能功能”,是使用網(wǎng)頁(yè)技術(shù)實(shí)現(xiàn)的,是使用網(wǎng)頁(yè)技術(shù)實(shí)現(xiàn)的App。總的來(lái)說(shuō),??偟膩?lái)說(shuō),Web App就是運(yùn)行于網(wǎng)絡(luò)和標(biāo)準(zhǔn)瀏就是運(yùn)行于網(wǎng)絡(luò)和標(biāo)準(zhǔn)瀏覽器

6、上,基于網(wǎng)頁(yè)技術(shù)開發(fā)實(shí)現(xiàn)特定功能的應(yīng)用。覽器上,基于網(wǎng)頁(yè)技術(shù)開發(fā)實(shí)現(xiàn)特定功能的應(yīng)用。 使用使用W3C標(biāo)準(zhǔn)的標(biāo)準(zhǔn)的HTML語(yǔ)言開發(fā),能夠輕松語(yǔ)言開發(fā),能夠輕松實(shí)現(xiàn)跨平臺(tái)實(shí)現(xiàn)跨平臺(tái),移動(dòng)應(yīng)用開發(fā)者不再需要考慮復(fù)雜的底層適配和跨平臺(tái)開發(fā)語(yǔ)移動(dòng)應(yīng)用開發(fā)者不再需要考慮復(fù)雜的底層適配和跨平臺(tái)開發(fā)語(yǔ)言的問(wèn)題。與此同時(shí),使用言的問(wèn)題。與此同時(shí),使用HTML來(lái)開發(fā)的來(lái)開發(fā)的Web App在投入上在投入上會(huì)大大的低于傳統(tǒng)的會(huì)大大的低于傳統(tǒng)的Native App。 基于當(dāng)下開始普及流行的基于當(dāng)下開始普及流行的HTML5,Web App可以實(shí)現(xiàn)很可以實(shí)現(xiàn)很多原本多原本Native App才可以實(shí)現(xiàn)的功能,才可以實(shí)現(xiàn)的

7、功能,比如基于位置服務(wù)的比如基于位置服務(wù)的LBS( location based service) 、本地?cái)?shù)據(jù)存儲(chǔ)、音視頻播放的功、本地?cái)?shù)據(jù)存儲(chǔ)、音視頻播放的功能能,甚至還有調(diào)用照相機(jī)和結(jié)合,甚至還有調(diào)用照相機(jī)和結(jié)合GPU的硬件加速功能。的硬件加速功能。 移動(dòng)應(yīng)用的迭代周期較短,傳統(tǒng)的移動(dòng)應(yīng)用的迭代周期較短,傳統(tǒng)的Native App需要需要頻繁的重新下載與升級(jí)。而頻繁的重新下載與升級(jí)。而Web App則無(wú)需用戶下載則無(wú)需用戶下載,并且和傳統(tǒng)網(wǎng)站一樣可以動(dòng)態(tài)升級(jí)。并且和傳統(tǒng)網(wǎng)站一樣可以動(dòng)態(tài)升級(jí)。 Web App有有App的特性,更有的特性,更有Web的特性的特性。每一個(gè)。每一個(gè)Native A

8、pp在當(dāng)前的用戶使用場(chǎng)景下是相對(duì)孤立的,而在當(dāng)前的用戶使用場(chǎng)景下是相對(duì)孤立的,而Web App則可以像傳統(tǒng)互聯(lián)網(wǎng)網(wǎng)頁(yè)那樣相互鏈接,從一則可以像傳統(tǒng)互聯(lián)網(wǎng)網(wǎng)頁(yè)那樣相互鏈接,從一個(gè)個(gè)Web App直接跳轉(zhuǎn)到另外一個(gè)直接跳轉(zhuǎn)到另外一個(gè)Web App。這無(wú)論是從。這無(wú)論是從用戶的使用體驗(yàn)層面還是從應(yīng)用之間的數(shù)據(jù)傳輸來(lái)看都用戶的使用體驗(yàn)層面還是從應(yīng)用之間的數(shù)據(jù)傳輸來(lái)看都是非常不錯(cuò)的選擇。是非常不錯(cuò)的選擇。 在傳統(tǒng)桌面在傳統(tǒng)桌面Web應(yīng)用程序中應(yīng)用程序中,大多數(shù)用戶行為都會(huì)觸大多數(shù)用戶行為都會(huì)觸發(fā)一個(gè)發(fā)一個(gè)HTTP請(qǐng)求。然后,由服務(wù)器進(jìn)行一些處理并請(qǐng)求。然后,由服務(wù)器進(jìn)行一些處理并且把結(jié)果返回到用戶。且把

9、結(jié)果返回到用戶。在服務(wù)器處理過(guò)程中,用戶只在服務(wù)器處理過(guò)程中,用戶只能等待!能等待! 從技術(shù)的角度來(lái)看,從技術(shù)的角度來(lái)看,Web應(yīng)用程序的這種應(yīng)用程序的這種開始開始-停止停止-開始開始特征并沒(méi)有什么不好的地方,但是這并沒(méi)特征并沒(méi)有什么不好的地方,但是這并沒(méi)有從用戶交互的角度來(lái)解決問(wèn)題(因?yàn)閹缀跛械挠糜袕挠脩艚换サ慕嵌葋?lái)解決問(wèn)題(因?yàn)閹缀跛械挠脩艚换ザ家獙?dǎo)致到服務(wù)器的處理,而在服務(wù)器進(jìn)行這戶交互都要導(dǎo)致到服務(wù)器的處理,而在服務(wù)器進(jìn)行這一處理時(shí),用戶只能等待?。?。一處理時(shí),用戶只能等待!)。 Android、iPhone、Nokia Series 60、Windows Mobile和和Blac

10、kBerry設(shè)備中的智能移動(dòng)瀏覽器都支持設(shè)備中的智能移動(dòng)瀏覽器都支持XHTML、HTML、JavaScript和和AJAX。此功能集以。此功能集以及可選擇添加的大量客戶端緩存和及可選擇添加的大量客戶端緩存和CSS擴(kuò)展功能構(gòu)成擴(kuò)展功能構(gòu)成了交互式移動(dòng)了交互式移動(dòng)Web應(yīng)用程序的基礎(chǔ)。應(yīng)用程序的基礎(chǔ)。 移動(dòng)移動(dòng)Web通過(guò)使用通過(guò)使用AJAX引擎,解決了傳統(tǒng)桌面引擎,解決了傳統(tǒng)桌面Web應(yīng)用應(yīng)用數(shù)據(jù)流量大、速度慢等問(wèn)題。數(shù)據(jù)流量大、速度慢等問(wèn)題。在會(huì)話的開始在會(huì)話的開始,AJAX應(yīng)用程序加應(yīng)用程序加載載AJAX引擎。引擎。AJAX引擎以引擎以JavaScript開發(fā)(作為一個(gè)開發(fā)(作為一個(gè)JavaS

11、cript庫(kù))并處于一個(gè)隱藏幀中。庫(kù))并處于一個(gè)隱藏幀中。 用戶與用戶與AJAX引擎進(jìn)行交互而代替原來(lái)的與引擎進(jìn)行交互而代替原來(lái)的與web服務(wù)器交服務(wù)器交互。如果用戶交互并要求到服務(wù)器的處理,那么,該互。如果用戶交互并要求到服務(wù)器的處理,那么,該AJAX引擎引擎自己來(lái)處理當(dāng)前交互。當(dāng)用戶交互需要一些來(lái)自服務(wù)器的數(shù)據(jù)自己來(lái)處理當(dāng)前交互。當(dāng)用戶交互需要一些來(lái)自服務(wù)器的數(shù)據(jù)時(shí)時(shí),AJAX引擎將進(jìn)行異步地調(diào)用引擎將進(jìn)行異步地調(diào)用(經(jīng)由經(jīng)由XML/XMLHttpRequest API)而不會(huì)打斷用戶的而不會(huì)打斷用戶的思路思路。 AJAX是是異步的異步的,其含義是指,其含義是指,AJAX引擎與服引擎與服務(wù)

12、器的通訊以及與用戶交互是異步的。因此務(wù)器的通訊以及與用戶交互是異步的。因此,用戶能夠用戶能夠得到一種得到一種無(wú)縫的無(wú)縫的體驗(yàn)體驗(yàn)(也就是說(shuō),用戶不必等待也就是說(shuō),用戶不必等待)。 當(dāng)前,當(dāng)前,AJAX背后存在一種背后存在一種動(dòng)力動(dòng)力-開發(fā)人員已經(jīng)開發(fā)人員已經(jīng)熟悉對(duì)于這種技術(shù)支持的背景,并且所有組成熟悉對(duì)于這種技術(shù)支持的背景,并且所有組成AJAX的的技術(shù)都已經(jīng)成熟并穩(wěn)定起來(lái)。技術(shù)都已經(jīng)成熟并穩(wěn)定起來(lái)。AJAX成為成為Web上許多新上許多新型應(yīng)用程序的基礎(chǔ),例如型應(yīng)用程序的基礎(chǔ),例如Google suggest,Google Maps,還有還有Flickr和和Amazon的的A的部分實(shí)現(xiàn)。的部分實(shí)

13、現(xiàn)。移動(dòng)Web開發(fā)模式 Web Application App:應(yīng)用程序 完成某項(xiàng)或者幾項(xiàng)任務(wù) 滿足某些需求 Web:構(gòu)建于Web技術(shù)之上 HTML/CSS/JS 服務(wù)端移動(dòng)AP移動(dòng)Web開發(fā)模式優(yōu)勢(shì)移動(dòng)Web開發(fā)模式的優(yōu)勢(shì)學(xué)習(xí)成本低、易于上手輕量級(jí)應(yīng)用突破渠道限制(AppStore)跨平臺(tái),比原生更易于適配和瀏覽器輕耦合,應(yīng)用快速發(fā)布移動(dòng)Web開發(fā)模式的劣勢(shì) 性能低 功能不能完全滿足,用戶體驗(yàn)不好力 缺乏設(shè)備訪問(wèn)能 Hybird(混合應(yīng)用)模式Hybrid App同時(shí)使用網(wǎng)頁(yè)語(yǔ)言與程序語(yǔ)言開發(fā),通過(guò)應(yīng)用商店區(qū)分移動(dòng)操作系統(tǒng)分發(fā),用戶需要安裝使用的移動(dòng)應(yīng)用。NativeAPPWebAPPHyb

14、irdAPP就是所謂的原生應(yīng)用.指的是用平臺(tái)特定的開發(fā)語(yǔ)言所開發(fā)的應(yīng)用主要是采用統(tǒng)一的標(biāo)準(zhǔn)的HTML,JavaScript.CSS等web技術(shù)開發(fā).通過(guò)不同平臺(tái)的瀏覽器訪問(wèn)來(lái)實(shí)現(xiàn)跨平臺(tái).為了彌補(bǔ)如上兩者開發(fā)模式的缺陷的產(chǎn)物.可以安裝,使用web開發(fā)兩種模式(Native主體型/web主體型)移動(dòng)應(yīng)用分類為什么使用Hybird-用戶體驗(yàn)和開發(fā)成本分析開發(fā)成本和時(shí)間MobileWebsiteWebAppHybirdAppNativeApp用戶體驗(yàn)特性NativeAppWebAppHybirdApp開發(fā)語(yǔ)言原生語(yǔ)言O(shè)bjective-C、Java、.net網(wǎng)頁(yè)語(yǔ)言HTML5+JS+CSS3網(wǎng)頁(yè)或原生

15、語(yǔ)言跨平臺(tái)性低高高設(shè)備訪問(wèn)能力高低高開發(fā)難度高低低高級(jí)圖形高中中應(yīng)用體驗(yàn)好差較好安裝體驗(yàn)高從應(yīng)用商店安裝中通過(guò)移動(dòng)瀏覽器安裝高從應(yīng)用商店安裝為什么使用Hybird-總結(jié) 當(dāng)當(dāng)Web的體驗(yàn)和的體驗(yàn)和Native的體驗(yàn)逐漸趨近的時(shí)候,人的體驗(yàn)逐漸趨近的時(shí)候,人們更愿意把精力花在內(nèi)容獲取上,而不是軟件交互上,們更愿意把精力花在內(nèi)容獲取上,而不是軟件交互上,但是現(xiàn)階段的交互體驗(yàn),恰恰是影響人們獲取內(nèi)容的主但是現(xiàn)階段的交互體驗(yàn),恰恰是影響人們獲取內(nèi)容的主要短板。所以,趨勢(shì)擺在那里,卻無(wú)法預(yù)測(cè)這個(gè)時(shí)間差要短板。所以,趨勢(shì)擺在那里,卻無(wú)法預(yù)測(cè)這個(gè)時(shí)間差。 就跟電腦端的應(yīng)用一樣,雖然現(xiàn)在就跟電腦端的應(yīng)用一樣,

16、雖然現(xiàn)在Web化的趨勢(shì)化的趨勢(shì)已經(jīng)非常明顯了,但是還是無(wú)法取代本機(jī)安裝的一些工已經(jīng)非常明顯了,但是還是無(wú)法取代本機(jī)安裝的一些工具類的、游戲類的應(yīng)用,在具類的、游戲類的應(yīng)用,在Web技術(shù)沒(méi)有達(dá)到本地應(yīng)用技術(shù)沒(méi)有達(dá)到本地應(yīng)用的效率和體驗(yàn)之前,的效率和體驗(yàn)之前,Web是無(wú)法顛覆是無(wú)法顛覆Native的。的。 總體上,總體上,Web只是作為設(shè)計(jì)者和開發(fā)者所期待只是作為設(shè)計(jì)者和開發(fā)者所期待的一種理想化結(jié)果,開發(fā)成本低、輕松跨平的一種理想化結(jié)果,開發(fā)成本低、輕松跨平 臺(tái)、迭代臺(tái)、迭代更新快,但是顯然,現(xiàn)階段用戶的期待和手機(jī)設(shè)備廠更新快,但是顯然,現(xiàn)階段用戶的期待和手機(jī)設(shè)備廠商的期待還是體驗(yàn)上更勝一籌的商的

17、期待還是體驗(yàn)上更勝一籌的Native。Web之于,只之于,只是一種趨勢(shì)。在這個(gè)也許會(huì)非常久是一種趨勢(shì)。在這個(gè)也許會(huì)非常久 的過(guò)渡階段,對(duì)復(fù)的過(guò)渡階段,對(duì)復(fù)雜產(chǎn)品來(lái)說(shuō),雜產(chǎn)品來(lái)說(shuō),Native App + Web App也許是個(gè)不錯(cuò)的也許是個(gè)不錯(cuò)的解決方案。解決方案。Web App(網(wǎng)頁(yè)應(yīng)用)(網(wǎng)頁(yè)應(yīng)用)Hybrid App(混合應(yīng)用)(混合應(yīng)用)Native App(原生應(yīng)用)(原生應(yīng)用)開發(fā)成本開發(fā)成本低中高維護(hù)更新維護(hù)更新簡(jiǎn)單簡(jiǎn)單復(fù)雜體驗(yàn)體驗(yàn)差優(yōu)優(yōu)Store或或market認(rèn)可認(rèn)可不認(rèn)可認(rèn)可認(rèn)可安裝安裝不需要需要需要跨平臺(tái)跨平臺(tái)優(yōu)優(yōu)差1. Sencha TouchSencha Touch

18、是世界上第一個(gè)基于是世界上第一個(gè)基于 HTML5 的移動(dòng)的移動(dòng) Web 開發(fā)框架,支持最新的開發(fā)框架,支持最新的 HTML5 和和 CSS3 標(biāo)準(zhǔn),標(biāo)準(zhǔn),全面兼容全面兼容 Android 和和 Apple iOS 設(shè)備,提供了豐富的設(shè)備,提供了豐富的 WEB UI 組件,可以快速的開發(fā)出運(yùn)行于移動(dòng)終端的組件,可以快速的開發(fā)出運(yùn)行于移動(dòng)終端的應(yīng)用程序。應(yīng)用程序。 jQuery Mobile 框架把框架把“write less, do more”精神提升到更精神提升到更高的層次。高的層次。jQuery 移動(dòng)框架可以幫助設(shè)計(jì)一個(gè)可運(yùn)行于所有流移動(dòng)框架可以幫助設(shè)計(jì)一個(gè)可運(yùn)行于所有流行智能手機(jī)和平板平臺(tái)

19、的應(yīng)用程序,而不需要為每種移動(dòng)終端行智能手機(jī)和平板平臺(tái)的應(yīng)用程序,而不需要為每種移動(dòng)終端都開發(fā)一個(gè)特別的版本。都開發(fā)一個(gè)特別的版本。 jQTouch 是一款是一款 jQuery 的插件,用于手機(jī)上實(shí)現(xiàn)動(dòng)畫、列的插件,用于手機(jī)上實(shí)現(xiàn)動(dòng)畫、列表導(dǎo)航、默認(rèn)應(yīng)用樣式等各種常見(jiàn)表導(dǎo)航、默認(rèn)應(yīng)用樣式等各種常見(jiàn)UI效果。支持效果。支持 iPhone、Android 等手機(jī)。等手機(jī)。4. The M Project5. DHTMLX Touch HTML5 JavaScript Framework for Mobile6. Web App.Net7. Wijmo jQuery UI Widgets8. 960

20、 Grid on jQuery-Mobile9. SproutCore HTML5 Application Framework10. NimbleKit Hybrid App開發(fā),現(xiàn)階段主流的平臺(tái)包括開發(fā),現(xiàn)階段主流的平臺(tái)包括PhoneGap,AppCan,appMobi,Titanium等,它們等,它們基于基于webkit開源內(nèi)核,使用開源內(nèi)核,使用HTML5 標(biāo)準(zhǔn)開發(fā),適配機(jī)標(biāo)準(zhǔn)開發(fā),適配機(jī)型簡(jiǎn)單,支持開發(fā)者自定義插件,并能很好的應(yīng)用于型簡(jiǎn)單,支持開發(fā)者自定義插件,并能很好的應(yīng)用于商業(yè),教育,娛樂(lè)等行業(yè),成為移動(dòng)開發(fā)者的首選開商業(yè),教育,娛樂(lè)等行業(yè),成為移動(dòng)開發(fā)者的首選開發(fā)平臺(tái)。發(fā)平臺(tái)。

21、定時(shí)媒體播放定時(shí)媒體播放HTML5 音頻與視頻:音頻與視頻:HTML5里新里新增的元素,它們?yōu)殚_發(fā)者提供了一套通用的、集成的、增的元素,它們?yōu)殚_發(fā)者提供了一套通用的、集成的、腳本式的處理音頻與視頻的腳本式的處理音頻與視頻的API,而無(wú)需安裝任何插,而無(wú)需安裝任何插件。件。 實(shí)時(shí)二維繪圖實(shí)時(shí)二維繪圖Canvas API:有關(guān)動(dòng)態(tài)產(chǎn)出與渲染:有關(guān)動(dòng)態(tài)產(chǎn)出與渲染圖形、圖表、圖像和動(dòng)畫的圖形、圖表、圖像和動(dòng)畫的API。 對(duì)本地離線存儲(chǔ)的更好的支持對(duì)本地離線存儲(chǔ)的更好的支持 是用于取代是用于取代1999年所制定的年所制定的 HTML 4.01 和和 XHTML 1.0 標(biāo)準(zhǔn)的標(biāo)準(zhǔn)的 HTML 標(biāo)準(zhǔn)版本,

22、現(xiàn)在仍標(biāo)準(zhǔn)版本,現(xiàn)在仍處于發(fā)展階段,但大部分瀏覽器已經(jīng)支持某些處于發(fā)展階段,但大部分瀏覽器已經(jīng)支持某些 HTML5 技術(shù)。技術(shù)。 HTML 5有兩大特點(diǎn):有兩大特點(diǎn):首先,強(qiáng)化了 Web 網(wǎng)頁(yè)的表現(xiàn)性能;其次,追加了本地?cái)?shù)據(jù)庫(kù)等Web應(yīng)用的功能。 HTML5賦予網(wǎng)頁(yè)賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)更好的意義和結(jié)構(gòu)。更加豐。更加豐富的標(biāo)簽將隨著對(duì)富的標(biāo)簽將隨著對(duì)RDFa、微數(shù)據(jù)與微格式等方面的支、微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對(duì)程序、對(duì)用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的持,構(gòu)建對(duì)程序、對(duì)用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。 新的特殊內(nèi)容元素新的特殊內(nèi)容元素,比如,比如 article、footer、header

23、、nav、section新的表單控件,比如新的表單控件,比如 calendar、date、time、email、url、search。 基于基于HTML5開發(fā)的網(wǎng)頁(yè)開發(fā)的網(wǎng)頁(yè)APP擁有更短的啟動(dòng)擁有更短的啟動(dòng)時(shí)間,更快的聯(lián)網(wǎng)速度,這些全得益于時(shí)間,更快的聯(lián)網(wǎng)速度,這些全得益于HTML5 APP Cache,以及本地存儲(chǔ)功能,以及本地存儲(chǔ)功能。Indexed DB(html5本地本地存儲(chǔ)最重要的技術(shù)之一)和存儲(chǔ)最重要的技術(shù)之一)和API說(shuō)明文檔。說(shuō)明文檔。 從地理位置(從地理位置(Geolocation)功能)功能的的API文檔公開文檔公開以來(lái),以來(lái),HTML5為網(wǎng)頁(yè)應(yīng)用開發(fā)者們提供了更多功能上

24、為網(wǎng)頁(yè)應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇,帶來(lái)了更多體驗(yàn)功能的優(yōu)勢(shì)。的優(yōu)化選擇,帶來(lái)了更多體驗(yàn)功能的優(yōu)勢(shì)。HTML5提提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻影音可直接與影音可直接與microphones及攝像頭相聯(lián)。及攝像頭相聯(lián)。 更有效的連接工作效率,使得基于頁(yè)面的實(shí)時(shí)更有效的連接工作效率,使得基于頁(yè)面的實(shí)時(shí)聊天,更快速的網(wǎng)頁(yè)游戲體驗(yàn),更優(yōu)化的在線交流得聊天,更快速的網(wǎng)頁(yè)游戲體驗(yàn),更優(yōu)化的在線交流得到了實(shí)現(xiàn)。到了實(shí)現(xiàn)。HTML5擁有更有效的服

25、務(wù)器推送技術(shù)擁有更有效的服務(wù)器推送技術(shù),Server-Sent Event和和WebSockets就是其中的兩個(gè)特性就是其中的兩個(gè)特性,這兩個(gè)特性能夠幫助實(shí)現(xiàn)服務(wù)器將數(shù)據(jù),這兩個(gè)特性能夠幫助實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)“推送推送”到到客戶端的功能??蛻舳说墓δ?。 支持網(wǎng)頁(yè)端的支持網(wǎng)頁(yè)端的Audio、Video等等多媒體功能多媒體功能, 與與網(wǎng)站自帶的網(wǎng)站自帶的APPS,攝像頭,影音功能相得益彰。,攝像頭,影音功能相得益彰。 三維、圖形及特效特性(三維、圖形及特效特性(Class: 3D, Graphics & Effects) 基于基于SVG、Canvas、WebGL及及CSS3的的3D功能,功能,用戶會(huì)

26、驚嘆于在瀏覽器中,所呈現(xiàn)的驚人視覺(jué)效果。用戶會(huì)驚嘆于在瀏覽器中,所呈現(xiàn)的驚人視覺(jué)效果。 沒(méi)有用戶會(huì)永遠(yuǎn)等待的沒(méi)有用戶會(huì)永遠(yuǎn)等待的LoadingHTML5會(huì)通會(huì)通過(guò)過(guò)XMLHttpRequest2等技術(shù),幫助的等技術(shù),幫助的Web應(yīng)用和網(wǎng)站應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。在多樣化的環(huán)境中更快速的工作。XMLHttpRequest可以提供不重新加載頁(yè)面的情況下更新網(wǎng)頁(yè),在頁(yè)面加載后在客戶端向服務(wù)器請(qǐng)求數(shù)據(jù),在頁(yè)面加載后在服務(wù)器端接受數(shù)據(jù),在后臺(tái)向客戶端發(fā)送數(shù)據(jù)。XMLHttpRequest 對(duì)象提供了對(duì) HTTP 協(xié)議的完全的訪問(wèn),包括做出 POST 和 HEAD 請(qǐng)求以及普通的 GET

27、請(qǐng)求的能力。XMLHttpRequest 可以同步或異步返回 Web 服務(wù)器的響應(yīng),并且能以文本或者一個(gè) DOM 文檔形式返回內(nèi)容。盡管名為 XMLHttpRequest,它并不限于和 XML 文檔一起使用:它可以接收任何形式的文本文檔。XMLHttpRequest 對(duì)象是名為 AJAX 的 Web 應(yīng)用程序架構(gòu)的一項(xiàng)關(guān)鍵功能。 在不犧牲性能和語(yǔ)義結(jié)構(gòu)的前提下,在不犧牲性能和語(yǔ)義結(jié)構(gòu)的前提下,CSS3中提中提供了更多的風(fēng)格和更強(qiáng)的效果。此外,較之以前的供了更多的風(fēng)格和更強(qiáng)的效果。此外,較之以前的Web排版,排版,Web的開放字體格式(的開放字體格式(WOFF)也提供了)也提供了更高的靈活性和控

28、制性。更高的靈活性和控制性。17.2.2 語(yǔ)義特性語(yǔ)義特性17.2.3 本地存儲(chǔ)本地存儲(chǔ)17.2.4 WebSockets Sencha Touch是專門為移動(dòng)設(shè)備開發(fā)應(yīng)用的是專門為移動(dòng)設(shè)備開發(fā)應(yīng)用的Javascript框架。通過(guò)框架。通過(guò)Sencha Touch可以創(chuàng)建非常像可以創(chuàng)建非常像native app的的Web app,用戶界面組件和數(shù)據(jù)管理全部,用戶界面組件和數(shù)據(jù)管理全部基于基于HTML5和和CSS3的的Web標(biāo)準(zhǔn),全面兼容標(biāo)準(zhǔn),全面兼容Android和和Apple iOS Sencha是目前為止所發(fā)現(xiàn)的最強(qiáng)大的應(yīng)用于移動(dòng)是目前為止所發(fā)現(xiàn)的最強(qiáng)大的應(yīng)用于移動(dòng)平臺(tái)的框架。它將自己定位為框架平臺(tái)的框架。它將自己定位為框架(Framework)而不是而不是類庫(kù)類庫(kù)(Library),也可以充分印證這一點(diǎn)。相信隨著,也可以充分印證這一點(diǎn)。相信隨著Sencha的出現(xiàn),移動(dòng)平臺(tái)的的出現(xiàn),移動(dòng)平臺(tái)的Web App用戶體驗(yàn)設(shè)計(jì)會(huì)用戶體驗(yàn)設(shè)計(jì)會(huì)得到提升,同時(shí)也會(huì)對(duì)得到提升,同時(shí)也會(huì)對(duì)HTML 5和和CSS3在移動(dòng)平臺(tái)上在移動(dòng)平臺(tái)上的普及推廣產(chǎn)生很大的促進(jìn)作用??梢灶A(yù)見(jiàn),隨著的普及推廣產(chǎn)生很大的促進(jìn)作用。可以預(yù)見(jiàn),隨著HTML 5愈加強(qiáng)大的功能,未來(lái)的移動(dòng)應(yīng)用將會(huì)逐漸愈加強(qiáng)大的功能,未來(lái)的移動(dòng)應(yīng)用

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論