整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          戲說HTML5

          說HTML5

          如果有非技術人員問你,HTML5是什么,你會怎么回答?

          新的HTML規范。。。

          給瀏覽器提供了牛逼能力,干以前不能干的事。。。(確切地說應該是給瀏覽器規定了許多新的接口標準,要求瀏覽器實現牛逼的功能。。。 這里感謝紅楓一葉)

          給瀏覽器暴露了許多新的接口。。。

          加了很多新的效果。。。

          問的人其實并不明白他想問的真正問題,回答的人貌似明白,但又好像少了點什么。牛逼的能力、新的接口、炫酷的效果,首先回答的人自己就是暈暈乎乎。什么是HTML、什么是CSS、什么是DOM、什么是JavaScript,大部分的前端開發每天都在用這些,但很少會有人去思考一下他們之間的關系。

          首先,HTML的全稱是超文本標記語言,是一種標記形式的計算機語言。將這種標記語言給專門的解析器,就能夠解析出一定的界面效果。瀏覽器就是專門解析這種標記語言的解析器。我們說他最終的效果是在屏幕上展示出特定的界面,那么瀏覽器肯定要把一個個的標記轉換成內部的一種數據結構,這種數據結構便是DOM元素。比如,一個<a>標簽在瀏覽器內部的世界中就是一個HTMLAnchorElement類型的一個實例。

          一個HTML文件就好比用超文本標記語言寫的一篇文章,文章通常是有結構的,在瀏覽器眼里它就是DOM。DOM描述了一系列層次化的節點樹。(但這時候的DOM還是存在于瀏覽器內部是C++語言編寫的)

          隨著歷史的發展,當人們不在滿足簡單的顯示文本,對于某些文本需要特殊強調或者給添加特殊格式的需求,慢慢的冒了出來。面對人們需要控制顯示效果的需求,最先想到的也最簡單的方式就是加標記。加一些樣式控制的標記。這時候就出現了像<font>、<center>這種樣式控制的標記。但是這樣一來,所有的標記就會分為兩大類:一種是說我是什么,一種是說我怎么顯示。這還不是大問題,標記簡單,但是瀏覽器要解析標記可就不那么簡單了。想一想,這樣干的話DOM也就要分成兩大類,一類屬于描述元素的DOM節點,一類屬于描述顯示效果的DOM節點。一個DOM節點可能代表一個元素,也可能是代表一種顯示效果。怎么看都覺得別扭呀。

          最后人們決定廢棄樣式標簽,給元素標簽添加一個style特性,style特性控制元素的樣式(最初的樣式聲明語法肯定很簡單)。原來的樣式標簽的特性,現在變成了樣式特性的語法,樣式標記變成了樣式特性。這樣邏輯上就清晰多了。那么問題來了:

          • 一篇文章如果修辭過多,必然會引起讀者的反感。如果把元素和顯示效果都放在一個文件中,必然不利于閱讀。
          • 如果有10個元素都需要一個效果,是不是要把一個style重復寫十遍呢
          • 父元素的設置效果對子元素有沒有影響,讓不讓拼爹
          • 。。。。。。。。。

          類似的問題肯定有很多,所以出來了CSS,層疊樣式表,帶來了css規則、css選擇器、css聲明、css屬性等,這樣以來就解決了以上痛點。標記語言這層解決了,但是瀏覽器就不能干坐著玩耍了,必然得提供支持。所以瀏覽器來解析一個靜態html文件時,遍歷整個html文檔生成DOM樹,當所有樣式資源加載完畢后,瀏覽器開始構建呈現樹。呈現樹就是根據一系列css聲明,經歷了層疊之后,來確定一個個個DOM元素應該怎么繪制。這時候其實頁面上還沒有顯示任何界面,渲染樹也是瀏覽器內存里面的一種數據結構。渲染樹完成之后,開始進行布局,這就好比已經知道一個矩形的寬高,現在要在畫布量一量該畫在哪,具體占多大地方。這個過程完了之后就是繪制的過程,然后我們便有了我們看到的顯示界面了。

          給標記加點效果的問題解決了,歷史的車輪又開始前進了。慢慢的人們不再滿足簡單的顯示效果,人們希望來點交互。那個時候寫HTML的大部分并不懂軟件開發,開玩笑嘛,我一寫活動頁的你讓我用C++?C++干這事的確是高射炮打蚊子——大材小用。那正規軍不屑干的事就交給游擊隊吧,這時候網景公司開發出了JavaScript語言,那時候的JavaScript根本沒有現在這么火,一土鱉腳本語言,哪像現在這么牛逼哄哄統一宇宙。

          JavaScript本是運行在瀏覽器的語言,HTML文本是靜態的,不可能讓JavaScript修改靜態文件,但可以跟瀏覽器內部打交道??墒沁@個時候的DOM并不是今天的DOM,他們是C++對象,要么把JavaScript轉換成C++指令操作這些C++對象,要么把這些C++對象包裝成JavaScript原生對象。歷史選擇了后者,這時候也就標志著現代DOM的正式誕生。不過歷史有時候會出現倒退,歷史上總會出現幾個奇葩,比如IE,IE奇葩他全家,包括Edge!

          馬克思是個江湖騙子,但恩格斯是個好同志。自然辯證法與歷史唯物主義是好東西。從歷史的角度我們可以看到。CSS、DOM、JavaScript的出現于發展最終的源頭都在HTML,超文本標記語言。人們對web的需求最終都匯集在HTML上。所以只要歷史產生新的需求,最終的變化都首先發生在HTML規范上。

          當交互性不能在滿足人們需求時,web迎來了新的需求:webapp。要迎合新的需求,首先要改變的就是HTML規范,這個時候已有的HTML4.0,已經無法滿足人們日益增長的需求,所以HTML5迎著歷史的需求,經過八年的艱苦努力,終于在2014年正式定稿!HTML5肯定是要加入新標簽,然對于傳統HTML而言,HTML5算是一個叛逆。所有之前的版本對于JavaScript接口的描述都不過三言兩語,主要篇幅都用于定義標記,與JavaScript相關內容一概交由DOM規范去定義。而HTML5規范,則圍繞著如何使用新增標記定義了大量JavaScript API(所以其中有一些API是與DOM重疊,定義了瀏覽器應該支持的DOM擴展,由此可以看到HTML5也必定不是HTML的最終版)。

          后記—— 本文只是一個旁觀者以線性的方式來翻閱HTML的發展史,但歷史更像是晴空上突然的晴天霹靂,一聲過后,有人哀嚎遍野,有人高歌入云。以此紀念曾紅極一時的Silverlight、Flex,以此紀念廣大一線開發者活到老學到老的不懈精神、曾經耗費的精力、曾經逝去的青春。

          學習從來不是一個人的事情,要有個相互監督的伙伴,想要學習或交流前端問題的小伙伴可以私信小明獲取web前端入門資料,一起學習,一起成長!

          動互聯網技術讓所有人都享受到了技術發展和體驗到了進步的樂趣。除此之外移動互聯官網的快速發展也推進了HTML5的進化,使得HTML5 培訓自然而然的備受期待和矚目。

          過去這些年,HTML5顛覆了PC互聯網的格局,優化了移動互聯網的體驗,而HTML5相比較HTML4來說新增了高級的動畫效果。那么接下來,HTML5將顛覆原生App世界——HTML5培訓成為全方位人才。

          這聽起來有點危言聳聽,但是若認真分析HTML5的發展史,會發現,這個世界的發展趨勢確實就是這樣。由于超級App的巨大流量能輕易成為HTML5應用的入口,并且會形成大者更大的效應,傳統的應用商店、甚至線下預裝,這些流量不足和效率偏低的發行模式將被擠出市場主流。本身也是超級App的大流量應用商店,如果轉型得當,也將以發行HTML5應用為主。

          每年有上萬名選擇東時,選擇東時HTML5培訓的學員。為了讓學員盡快的進入到企業開發的項目中,東時使用自主開發的產品和為客戶定制的企業產品為案例,幫助學生更好的了解HTML5 開發技術,東時HTML5 培訓讓你掌握業內最高端的技術,并不是我們唯一的目的,沒有一家培訓機構能夠提供如此豐富、完善的多方位人才服務。

          選擇HTML5 培訓,成為全方位人才還有多遠?距離就在一瞬間,轉眼間的5個月就能完成。


          去這些年,HTML5顛覆了PC互聯網的格局,優化了移動互聯網的體驗,接下來,HTML5將顛覆原生App世界。這聽起來有點危言聳聽,但若認真分析HTML5的發展史,你會發現,這個世界的發展趨勢確實就是這樣。

          祝愿大家在HTML5的浪潮中,把握住機遇,享受下坐在風口當豬的感覺。


          HTML5對開發者的7大優勢

          跨平臺

          在多屏年代,開發者的痛苦指數非常高,人人都期盼HTML5能扮演救星。多套代碼、不同技術工種、業務邏輯同步,這是折磨人的過程。有點類似個人電腦早期世界,那個時候的每家電腦都有自己的操作系統和編程語言,開發者疲于做不同版本,其實DOS的盛行也很大程度是因為開發者實在沒精力給其他電腦寫程序??缙脚_技術在早期大多因為性能問題夭折,但中后期硬件能力增強后又會占據主流,因為跨平臺確實是剛需。

          快速迭代

          移動互聯網是一個快魚吃慢魚的時代,誰對用戶的需求滿足的更快,誰的試錯成本更低,誰就擁有巨大的優勢?;ヂ摼W產品大多免費、且有網絡效應,后入者搶奪用戶的難度非常大。使用原生開發,從招聘、開發、上線各個環節的效率都慢一倍以上,而且參與的人越多,溝通效率往往拖慢不止一倍。

          持續交付

          很多人有這樣的體會,一個原生應用上線Appstore,突然有一個大bug,只好連夜加班修復,然后靜靜等待2周或更長時間的Apple審核,這2個星期被用戶的涂抹淹死,市場上一片差評,用戶大量流失。等新應用被審核上線了,用戶已經卸載了。但是,HTML5沒有這些問題,你可以實時更新,有問題立即響應。

          大幅下降成本

          創業者融資并不容易,如何花錢更高效非常重要。如果你使用原生開發的App和競爭對手使用HTML5開發的App沒什么區別,但你的開發成本高出一倍,我相信沒有投資人會喜歡給你投錢。

          開源生態系統發達

          HTML5前端是開放的正反饋循環生態系統,大量的開源庫可以使用,開發應用變得更輕松、更敏捷,當然這也體現在了快速迭代和成本下降上。不過更重要的是,這種開放的正反饋循環生態系統未來的生命力是比原生生態系統更強勁的。

          開放的數據交換

          HTML是以page為單元開放代碼的,它無需專門開發SDK,只要不混淆,就能與其他應用交互數據。開發者可以讓手機搜索引擎很容易檢索到自己的數據, 也更容易通過跨應用協作來滿足最終用戶需求。

          更容易推廣、更容易爆發

          導流入口多:HTML5應用導流非常容易,超級App(如微信朋友圈)、搜索引擎、應用市場、瀏覽器,到處都是HTML5的流量入口。而原生App的流量入口只有應用市場。聰明的HTML5開發者當然會玩轉各種流量入口從而取得更強的優勢。

          流量大:前段時間微信朋友圈風靡一時《神經貓》,這個游戲如果放到Appstore,絕對沒有那么多流量,超級App帶來的流量,遠大于原生應用市場。假如微信允許游戲在桌面創建快捷方式、假如游戲后續升級解決持續娛樂問題,未來不可想象。

          導流效率高:除了入口多、流量大,導流效率高也不可忽視,誰都知道:頁游和端游打同樣的廣告,廣告變用戶的轉化率,頁游遠遠高于端游。

          HTML5對最終用戶的3大優勢

          大幅降低使用門檻

          為什么流媒體會替代下載視頻成為主流?為什么頁游會如此火爆?只因用戶太“懶”。讓用戶更方便的滿足需求,有時效果好于更多的滿足需求。

          用戶眼睛看到一個興趣點,點擊后,就應該立即開始滿足用戶需求。比如流媒體可以立即看,頁游可以立即玩。而目前的原生應用市場,用戶需要這樣操作:選一個應用、等待下載、確認權限、等待安裝,然后點擊打開。這樣糟糕的體驗遲早要被顛覆。

          不管是App、游戲還是音視頻,未來都將即點即用。誰先滿足用戶這個需求,誰就制勝。

          實時更新、差量更新的優秀體驗

          HTML5應用可以繞開應用市場的限制進行自主實時更新,用戶可以快速享受新服務。

          而且這種更新完全可以是差量更新,比如某個HTML頁面或某個js文件有問題,只更新這個幾k的小文件就可以了,這比原生應用的更新體驗好太多。

          跨應用的使用體驗

          目前手機應用切換是以桌面或任務管理器為中心的,但事實上這些中心很影響效率和體驗。用戶想出差三亞,先打開去哪App訂票,然后切回桌面,再找到并打開天氣App,搜索輸入三亞,再切到桌面,找到并打開航旅縱橫App,輸入航班號值機,哦對了,航班號多少來著,再切到桌面,找到并打開去哪App看航班號,最后找到并打開租車App,輸入租車地點,然后再切回桌面。

          在原生應用體系下,用戶只能這樣。但在HTML5體系下,他不需要切回桌面,他可以在App間方便的直接跳來跳去,而不是使用一個一個孤島App;他更不用重復錄入數據,應用間可以方便的互相傳遞數據。

          這種模式需要一點想象力,但未來遲早會來。

          分析至此,我們可以明顯的看出,不管是站在最終用戶角度、還是站在開發者角度,HTML5必將取代原生應用當前的位置。并由此引發一系列顛覆。

          還有什么會被改變?

          HTML5的爆發,原生App生態系統的顛覆,是一場產業革命,很多角色都會受到影響,我們來預測一番。

          新型HTML5引擎戰火將燒起

          標準的HTML5引擎并不能解決HTML5的所有問題,擁有大流量入口的互聯網巨頭,莫不在思考內嵌更優秀的增強引擎。騰訊推出了X5瀏覽器引擎,就是看中這個機會。目前各路瀏覽器廠商、應用市場廠商、甚至rom廠商,都在努力整合更優質的瀏覽器引擎。假使微信內嵌的Webview可以運行更優秀的canvas游戲、假使360手機助手可以發行即點即用的HTML5應用并且能力體驗與原生一致、假使小米rom內置更強大的webview使得所有HTML5應用在小米手機上運行的更流暢。

          一個巨頭開始行動,所有巨頭都會聞風而動,沒錯,這場戰役會是移動互聯網世界的二次世界大戰。

          應用發行市場將洗牌

          由于超級App的巨大流量能輕易成為HTML5應用的入口,并且會形成大者更大的效應,傳統的應用商店、甚至線下預裝,這些流量不足和效率偏低的發行模式將被擠出市場主流。本身也是超級App的大流量應用商店,如果轉型得當,也將以發行HTML5應用為主。

          廣告和統計市場

          原生的廣告和統計SDK提供商會面臨尬尷,Google、百度等基于網頁的廣告和統計服務會取得更大的優勢。開發者不再需要打包SDK,引入一個Script即可。

          開源技術將在移動互聯網領域更加流行

          HTML的開放性造就了大量的開源產品,也反向促進了HTML的繁榮。在Github上有大量的JS框架,而原生的開源代碼數量相比甚少。而未來移動互聯網世界將因為開源而發展的更迅速,這里也同樣存在類Github廠商的機遇。

          開發工具的變化

          早期HTML只需要記事本寫幾個Tag,中期的HTML、JS、CSS比較復雜,需要更高級的文本編輯器,但HTML5到來后,它的代碼量、復雜度、開發模型將與原生開發看齊,需要類似XCode、Eclipse等專業的IDE工具來解決開發、調試的問題。一些以會使用記事本寫代碼為榮的開發者,將面臨思路轉換甚至被更高效的開發者淘汰。

          性能分析調優

          目前很多針對原生應用的性能分析調優工具或服務,未來也面臨轉型,HTML5應用的性能分析調優是另一個世界。

          混淆與產權保護

          HTML5是開放代碼的,好處也帶來弊端,有些東西開發者希望暴露,但有些東西開發者希望保護。混淆技術就變得更有商業機會。PC Web上Gmail的混淆就做的不錯。除了JS混淆,離線數據加密相信也有不少空間。

          HTML5第一階段: Web 增強與破壟斷

          自HTML5誕生以來,一共經歷了兩個階段,分別是Web增強和移動互聯網。我們先從Web 增強說起。

          web體驗的豐富增強主要表現在:1. webapp,比如gmail;2. 流媒體;3. 游戲。我們就這3個方面來講HTML5做了什么。

          1. webApp

          HTML5新增了離線存儲、更豐富的表單(比如Input type=date)、js線程、socket王樂、標準擴展embed、以及很多css3新語法…

          2. 流媒體

          HTML5新增了audio、video

          3. 游戲

          HTML5新增了canvas、webgl

          當然還有Google努力在HTML5中推進Header和Section等標簽,以利于搜索引擎分析,這些不多述。

          HTML5補充流媒體和游戲能力后,加上蘋果強勢拒絕在iOS上引入Flash,成功的遏制了Flash的發展,然后就該遏制IE私有語法了。

          在HTML5標準的升級過程中,蘋果和Google同時也看到了瀏覽器市場重新洗牌的機會,他們一方面參與HTML5的規范,一邊在瀏覽器產品上發力。Apple首先開始大力發展Safari,建立WebKit開源項目,Mac、iOS、Windows多平臺齊發力;Google起初是贊助Mozilla開發Firefox,后來自己開發了v8引擎,合并WebKit,于2008年正式推出Chrome?!癐E的私有規范+Flash不是標準,我們才是標準”這樣的口號在新一代瀏覽器大戰中打響,IE瞬間成為千夫所指的壟斷代表,甚至成了阻礙Web發展的罪人(當時IE6已數年未更新,并且絲毫不懼Firefox的發展)。

          偏偏微軟此時也出了暈招,推出了一系列即不完整支持規范又互相不兼容的IE7、8、9、10,徹底失去了開發者的心。

          Adobe的Flash被遏制,與Web霸主的位子擦肩而過;IE的私有標準被遏制,并且造成IE市場份額不停下滑,直到IE最新的移動版本反過來開始支持WebKit私有語法,真是令人唏噓。不知道HTML6是不是該打倒WebKit壟斷了。

          HTML5第二階段: 移動互聯網

          隨著Chrome和Safari的高歌猛進,以及IE+Flash的衰落,HTML5告一段落,進入了下一個時代——移動互聯網。HTML5的跨平臺優勢在移動互聯網時代被進一步凸顯。HTML5是唯一一個通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平臺的跨平臺語言。Java和Flash都曾夢想這個位置,但夢斷于iOS。此時人們紛紛開始研究基于HTML5開發跨平臺手機應用。很多人當時認為,原生應用只是過渡,就像當年從C/S結構轉變為B/S結構一樣。而且學習Objective-C和Java很費勁,我既然會網頁開發,為何不試試HTML5。

          W3C此時成立了Device API工作組,為HTML5擴展了Camera、GPS等手機特有的API,然而麻煩的是,移動互聯網初期的迭代太快了,手機OS在不停的擴展硬件API,陀螺儀、距離感應器、氣壓計。。。每年手機OS都有大版本更新。而W3C作為一個數百家會員單位共同決策的組織,從標準草案的提出到達成一致是非常復雜的過程,跟不上移動互聯網初期的快速迭代。

          PhoneGap的出現,給開發者打開了一扇窗。很多人期待PhoneGap不停擴展API,來補充瀏覽器的不足。Adobe看到PhoneGap仿佛看到了重振江湖地位的希望,但在Adobe收購PhoneGap后,又發現這個東西可商用性不足,而且開源使得Adobe無法像Flash那樣獲取商業利益,于是就把PhoneGap捐給了Apache,改名為Cordova。

          因為各種原因,Cordova的定位最終沒有成為瀏覽器的強化,而走向了混合式開發?;诋敃r的背景,他們認為原生是不可替代的,“原生+HTML5”的混合模式更有意義。所以現在Cordova的使用模型是“原生工程師+HTML5工程師”一起協作完成App。

          這時Facebook加入了W3C,牽頭成立了Mobile Web工作組。Facebook是混Web圈的,并且在手機OS上沒有自己的領地,他不喜歡被蘋果和Google掌控的原生應用生態系統。Mobile Web這個工作組的重要目標就是讓HTML5開發的網頁應用達到原生應用的體驗。然而,事與愿違,它不努力也就算了,結果是努力了卻失敗了。2012年,Facebook放棄了HTML5的新聞充斥了全世界的IT媒體,HTML5瞬間被打入冷宮。

          Facebook為何放棄HTML5?核心是當時基于HTML5真的做不出好的移動App。對比Twritter等競爭對手的原生App,Facebook的HTML5版本實在無法讓用戶滿意。比如Push功能,到現在HTML5的推送和原生的推送體驗差距依然巨大,更不用說HTML5應用的頁面切換白屏、下拉刷新/側滑菜單不流暢等眾多問題。看著原生工程師輕松實現搖一搖、二維碼、語音輸入、分享到朋友圈等功能,更是讓HTML5工程師感覺自己站錯了隊。

          即使Facebook不喜歡被控制,也不能拿被用戶拋棄來冒險。而且Facebook并沒有掌握關鍵點—手機瀏覽器內核。如果瀏覽器不跟上,徒然定一堆標準草案落不了地。

          而瀏覽器在手機上的表現是什么呢?先看Google,Chrome性能雖高,但Android上的瀏覽器卻并非Chrome,而是WebKit改出來的一個蹩腳的Android瀏覽器;再看蘋果,iOS上不允許其他瀏覽器引擎上架App Store,而且其他使用Safari引擎的應用也無法調用蘋果自己的JavaScript加速引擎Nitro。結果是蘋果和Google不但不在瀏覽器上積極實現HTML5關于移動App所需的規范,反而對HTML5做出種種限制。

          不管是當時硬件能力不足,還是手機OS廠商的故意限制,總之結果就是:在移動互聯網的初期,一定是原生應用生態系統的天下,iOS和Android首先自己的地盤穩固后,產業才會向下個階段升級。

          Facebook也好,PhoneGap也好,想在移動互聯網初期就分一杯羹是分不到的,但堅持下來,機會往往會出現。

          HTML5這回真的來了

          終于,在2014年10月底,W3C宣布HTML5正式定稿。這個時間,不晚不早,硬件性能更強、手機OS迭代速度下降。

          隨著HTML5標準定稿,一切紛爭將告一段落,現在,屬于HTML5的時代到來了。

          有人說,光標準定稿沒用啊,配套起來了嗎?HTML5做的應用究竟能否匹敵原生App?答案是,HTML5不但可以匹敵原生App,甚至它天然的很多特性超越了原生App。

          我們先談談HTML5原來不如原生應用的地方,業內俗稱HTML5有“性工能”障礙。即HTML5性能不如原生、開發工具不如原生、能力調用不如原生。

          這幾個問題導致開發者無法使用HTML5做出與原生一樣的App。然而,不管是硬件升級還是OS廠商策略變化,以及相關軟件技術的成熟,已解決了HTML5的“性工能”障礙。

          1. 硬件升級

          011年,iPhone 4s的CPU是A5,現在iPhone 6是A8,按蘋果的歷次發布會的說法,速度共提升了7.5倍。這3年間7.5倍的速度提升,抹平了太多HTML5的性能問題。

          2. 蘋果、Google的策略變化

          Google在2013年底發布的Android 4.4,內置的Webview不再是蹩腳的Android WebKit瀏覽器,而是Chromium,性能大幅提升。從最新的Android5.0開始,Webview可以通過Google Play Store實時更新,和Chrome的升級保持一致,用戶就可以不刷機享受到最新的瀏覽器引擎;再看Apple方面,2012年iPhone 5發布后,HTML5在iOS上的表現已令人滿意,Safari獨家的JavaScript加速引擎Nitro不再那么重要,不過在iOS 8發布后,蘋果還是很識趣地取消了三方程序調用Nitro的限制,現在任意瀏覽器或應用調用iOS的UIWebview都可以利用Nitro加速,這樣在前端使用JS做大型運算也成為可能。兩大手機操作系統霸主和瀏覽器巨頭的態度發生了變化,使得HTML5在手機上的發展不再受限,而且這個變化不可逆只能繼續向前,這種變化勢必會產生深遠的影響。

          3. 軟件技術的成熟

          PhoneGap的發展雖然放緩了,但其他產品技術卻成熟了。2014年的iWeb大會上,眾多廠商的產品提供了面向開發者免費或開源的HTML5性工能障礙的解決方案。

          英特爾公司發布了Crosswalk引擎,可以讓Android 4.0-4.3的手機上的應用打包Chromium引擎而不是Android WebKit。畢竟目前市場上存在大量Android 4.0-4.3的手機,同時統一的webview也避免了兼容性的煩惱。

          在專業方向上很多公司也做出了不錯的成績。觸控的Cocos2d-html5、Egret runtime和Ludei CocoonJS強化了Canvas的表現,讓HTML5游戲體驗更好;UC、獵豹等手機瀏覽器都強化了音視頻播放的表現。

          不管是硬件升級、軟件成熟,還是操作系統廠商策略變化,都在強力推動HTML5的爆發。

          不過要注意,我說的HTML5爆發,不是指手機瀏覽器會替代桌面成為應用入口。有人說HTML5不好,因為用戶討厭打開瀏覽器輸入URL的過程。我想說這種想法是對HTML5的片面理解。HTML5!=傳統瀏覽器,雖然編程語言還是HTML、Javascript、CSS,但發行方式絕不是傳統網站那么簡單。HTML5應用的入口,反而很少是啟動瀏覽器輸入URL,它可以是存在于手機桌面的圖標、也可以來自超級App(如微信朋友圈)、以及搜索引擎、應用市場、廣告聯盟。。。到處都是它的入口。它的入口,比原生App更多。

          原生App的顛覆

          HTML5的“性工能”障礙得到解決,可以接近原生App的效果,所以它就可以替代原生App嗎?很多人認為,即使HTML5會發展的比現在好,也將是與原生App各占一部分市場的格局,要求不高的長尾應用會使用HTML5,而主流應用仍是原生App的天下。

          但我認為這樣的想法很危險,就像Apple成立前,HP的高層告訴沃茲:誰會在家里擺一臺電腦呢?未來HTML5肯定會顛覆原生App。


          總結

          其實未來如何發展是沒人能準確預測的,變量非常多。但我想讓用戶和開發者都更方便的趨勢是不會錯的。


          主站蜘蛛池模板: 国产精品电影一区二区三区| 在线观看精品视频一区二区三区| 亚洲乱色熟女一区二区三区丝袜| 国产精品盗摄一区二区在线| 亚洲AV日韩综合一区尤物| 无码精品前田一区二区| 日韩精品无码一区二区三区免费| 黑巨人与欧美精品一区| 亚洲午夜精品一区二区| 合区精品久久久中文字幕一区| 亚洲一区二区三区久久| 亚洲永久无码3D动漫一区| 色老头在线一区二区三区| 久久精品免费一区二区喷潮| 文中字幕一区二区三区视频播放| 国产精品久久久久久麻豆一区| 亚洲av成人一区二区三区在线播放 | 免费一区二区视频| 国内自拍视频一区二区三区| 免费一本色道久久一区| 手机看片一区二区| 人妻无码一区二区三区| 成人在线一区二区| 无码播放一区二区三区| 国产成人精品一区二三区在线观看 | 亚洲av无码一区二区三区乱子伦 | 亚洲日本中文字幕一区二区三区 | 国产乱码精品一区二区三| 国产成人高清亚洲一区91| 国产午夜精品一区理论片| 手机看片福利一区二区三区| 亚洲一区精彩视频| 亚洲老妈激情一区二区三区| 日韩三级一区二区三区| 在线精品国产一区二区| 精品三级AV无码一区| 色一情一乱一伦一区二区三区日本 | 亚洲国产精品一区二区九九 | 丰满岳妇乱一区二区三区| 亚洲午夜一区二区三区| 久久精品一区二区|