TML5 的下一步在何方

筆者從來不懷疑 HTML5 作為一種跨平臺的開發(fā)標(biāo)準(zhǔn)，隨著時(shí)間的推移注定會發(fā)揮更大的作用。那么拋棄商業(yè)的邏輯，想把 HTML5 和 Web App 單純當(dāng)成技術(shù)來使用的時(shí)候，該如何面對呢？

記得 2004 年前后 Web2.0 在中國互聯(lián)網(wǎng)興起的時(shí)候，作為領(lǐng)軍人物的謝文曾經(jīng)這樣分類互聯(lián)網(wǎng)的兩類人，一類是「做互聯(lián)網(wǎng)」的人，一類是「用互聯(lián)網(wǎng)」的人。所謂做互聯(lián)網(wǎng)的人就是把互聯(lián)網(wǎng)本身當(dāng)成生意，而用互聯(lián)網(wǎng)的人是把互聯(lián)網(wǎng)當(dāng)成渠道。同樣類比，HTML5 的從業(yè)者也可以分為「做 HTML5」和「用 HTML5」的人。

「做 HTML5」的人：這里面包括了 HTML5 的工具和平臺廠商、游戲廠商、Web App 開發(fā)者和渠道商（如微信和手機(jī)瀏覽器）

「用 HTML5」的人：擁有其他的業(yè)務(wù)，HTML5 技術(shù)和 Web App 是用來展示自身業(yè)務(wù)，把微信、手機(jī)瀏覽器等當(dāng)成眾多流量入口之一的用戶。

對于「做 HTML5」的人賭生態(tài)來說下一步仍舊充滿未知和艱辛，因?yàn)椴┺?iOS 和 Android 生態(tài)系統(tǒng)不會在短期內(nèi)看到重大的機(jī)會，迎接黎明可能還要很久。就算微信成了 Web App 很好的一個(gè)渠道，但是大環(huán)境還是缺乏更廣泛的優(yōu)質(zhì) Web App 渠道商（至少手機(jī)瀏覽器和搜索入口已經(jīng)在第一輪競爭中落?。?，與虎謀皮的生意能做多大是個(gè)挑戰(zhàn)。

對于「用 HTML5」的人，選擇是非常簡單的?；ヂ?lián)網(wǎng)是流量的生意，在不同的有流量的入口上布局是聰明的選擇。如果有足夠的預(yù)算，那么 Native App、Web App 以及微信公用賬號甚至百度的輕應(yīng)用 Light App 都可以實(shí)現(xiàn)覆蓋，以便流量最大化，這也是眾多有資源的互聯(lián)網(wǎng)公司的通行做法。因?yàn)閺摹赣谩沟慕嵌韧耆珱]必要像「做 HTML5」的群體那樣把賭的成分?jǐn)U大。當(dāng)然如果預(yù)算不夠，從現(xiàn)實(shí)的角度微信或 Native App 是更可行的方案，因?yàn)檠巯逻@是兩個(gè)成型的生態(tài)系統(tǒng)，存在較高的商業(yè)價(jià)值。

技術(shù)角度看 Web App 和 Native App

HTML5 夢工廠的負(fù)責(zé)人田愛娜曾經(jīng)說：「拿 HTML5 和原生比或 Flash 比沒有任何意義」，潛臺詞「HTML5 只是技術(shù)、不要被商業(yè)邏輯綁架」。接下來從三個(gè)技術(shù)角度看 Web App 和 Native App 的比較：

頁面布局：HTML5 配合 CSS3 以及 Canvas 確實(shí)在跨平臺的界面布局和展示方面存在效率和成本的優(yōu)勢。反觀 Native App 的開發(fā)技術(shù)無論是在開發(fā)時(shí)間亦或是人員要求和整體成本上都有非常大的差距。但是對于一個(gè)能夠充分滿足用戶需求的（Web/Native）App 來說除了界面布局還有更重要的兩方面技術(shù)需求，一個(gè)是終端設(shè)備本身的能力 API 調(diào)用既端 API，另外一個(gè)是眾多云端能力 API 的調(diào)用既云 API。那么這兩方面 HTML5 的技術(shù)到底能不能滿足市場和用戶的需求？

端 API：HTML5 的標(biāo)準(zhǔn)自身配套了 Device API 的部分，但是遺憾的是終端和操作系統(tǒng)的發(fā)展已經(jīng)不能用日新月異來形容，各種新的能力層出不窮。緩慢更新和落后的標(biāo)準(zhǔn)完全無法適應(yīng)終端的發(fā)展以提供最新的端 API，因此可以說 HTML5 在端 API 領(lǐng)域存在較大的弱勢。如果單純限定 HTML5 只是在部分展示類的領(lǐng)域滿足用戶需求，可能要糾正市場對 HTML5 應(yīng)用范圍的過高預(yù)期。

云 API：「云端架構(gòu)」已經(jīng)被認(rèn)定為互聯(lián)網(wǎng)最明確的發(fā)展趨勢之一，眾多的服務(wù)通過云 API 的形式提供，各個(gè)領(lǐng)域也產(chǎn)生了大量的云 API 服務(wù)商。常見的如微信和微博分享、支付寶移動支付、云存儲等，另外例如融云 IM 即時(shí)通訊、美洽移動客服等 App 常用功能都以云 API 的方式提供給開發(fā)者。此外很多 APP 也把自身的服務(wù)封裝成 API 嵌入到另外一個(gè) APP 中，例如 Uber 把叫車服務(wù)以云 API 的形式和 Starbucks 進(jìn)行合作嵌入其中實(shí)現(xiàn)了服務(wù)的擴(kuò)展和更多流量的聚集。對于云 API 不但簡化了 APP 的開發(fā)也增強(qiáng)了移動 APP 的能力。在眾多的云 API 中，幾乎大部分都同時(shí)提供了 Native SDK 和 JS SDK 同時(shí)服務(wù) Native App 和 Web App。所以在云 API 的領(lǐng)域 HTML5 的技術(shù)還是有很多可以對接的服務(wù)可供選擇。不過總體而言 JS 版本的 SDK 無論從功能還是體驗(yàn)上都和 Native SDK 存在差異，例如百度地圖云服務(wù) API 的 SDK，用戶使用內(nèi)嵌到 Web App 的 JS 版本 SDK 使用手勢縮放地圖的時(shí)候體驗(yàn)通常較差。HTML5 在性能方面和 Native 技術(shù)的差異仍舊取決于硬件和瀏覽器性能的提升，但是應(yīng)該在可預(yù)期的時(shí)間內(nèi)獲得解決。

如果你覺得這篇文章有價(jià)值，請分享給你的朋友，也可交流，QQ&微信號：852094075。

【訂閱】

關(guān)注：飛屋旅行

最有態(tài)度，最具權(quán)威旅游咨詢

公眾微信號：feiwulvxing

5是玩互聯(lián)網(wǎng)的一個(gè)熱詞，搞移動開發(fā)的嫌它效率不夠高、做市場營銷的卻用得風(fēng)生水起。

整天聽人說H5，概念倒是火，應(yīng)用跟得上嗎？它到底行不行？所幸網(wǎng)上出了很多有關(guān)它的“論斷”，反倒能幫助我們“撥開云霧見青天”。

.

論斷一：H5炒了n年了。

最近人工智能肯定火，根據(jù)百度指數(shù)，這個(gè)詞近7天的搜索指數(shù)是8000多，最高有近2萬，但李世石這5場比賽前只有2000幾。

H5和HTML5卻長期穩(wěn)定在9000多，它的概念不是炒出來的，是實(shí)實(shí)在在應(yīng)用廣、有人持續(xù)在關(guān)注，人工智能這種緊跟時(shí)事起起落落的才算炒出來的。

.

論斷二：一直沒火起來，沒救了。

現(xiàn)在一般提起H5，就是在移動端傳播的微信H5頁面。國內(nèi)H5頁面制作平臺iH5產(chǎn)出的H5，最高一天能達(dá)到5億PV，最低也在一億頁面瀏覽上下?；鸩换?？火。

如果要比應(yīng)用HTML5的網(wǎng)站，還真別說，國內(nèi)知名網(wǎng)站多了去了。百度？是。QQ？是。淘寶？是。新浪？門戶和微博都是。優(yōu)酷？還是。

.

論斷三：流量什么的全部免費(fèi)就有可能，否則這是一紙空談。

這句話是說因?yàn)榱髁窟@個(gè)大難題，H5網(wǎng)頁不能取代原生APP。所以你為了看視頻下了個(gè)××視頻的APP后，會燒你的移動商運(yùn)營流量，去看短片消磨長電影嗎？你的APP也是趁有WIFI的時(shí)候下的吧？

現(xiàn)在沒有網(wǎng)絡(luò)，手機(jī)上也沒幾個(gè)APP真的能用，頂多看看本地緩存的電子書和視頻。流量費(fèi)用降低是當(dāng)前的趨勢，而H5會隨著入口的完善，一步步蠶食APP的份額。

.

論斷四：你想讓我每次打開一個(gè)應(yīng)用要重新加載？你是不是移動臥底，我還是很支持APP，有固定的模塊，離線都能用。

HTML5也支持本地存儲服務(wù)，能提供存儲于客戶端、不隨頁面刷新而消失、不回傳至服務(wù)器的離線存儲。

.

論斷五：沒有實(shí)用價(jià)值的體現(xiàn)，行業(yè)場景應(yīng)用少。

如果出現(xiàn)一個(gè)HTML5應(yīng)用市場，能取代你大多數(shù)APP的功能，還都不用下載，你用不用？現(xiàn)在H5網(wǎng)頁缺的是一個(gè)集大成者式的入口，像APP Store激發(fā)APP的開發(fā)一樣，去催生H5網(wǎng)頁的生產(chǎn)。

前陣子微信說要出一個(gè)微信應(yīng)用號，作為企業(yè)號的升級版，就是想打造這樣的輕應(yīng)用市場。

.

論斷六：HTML5很簡單，但是要運(yùn)用起來，做出來一個(gè)作品，難。

你當(dāng)研發(fā)近10年做出來的可視化平臺iH5.cn是擺設(shè)？在可視化編程的幫助下，H5頁面的制作只會越來越容易。手指按住屏幕的時(shí)間長短、手勢擦除面積的大小、數(shù)據(jù)的提交和判斷，這些都能通過圖形化界面的操作+簡單配置實(shí)現(xiàn)。

就算做一個(gè)數(shù)據(jù)管理系統(tǒng)，iH5也能提供模板，感興趣可參見文章：一個(gè)團(tuán)隊(duì)協(xié)作Web APP可能引發(fā)的互聯(lián)網(wǎng)革命。（此處是理直氣壯的廣告）

.

論斷七：手機(jī)上有幾個(gè)人愿意開瀏覽器？那么點(diǎn)大的屏幕，花花綠綠的網(wǎng)頁體驗(yàn)比APP差遠(yuǎn)了。

手機(jī)屏幕大小是一定的，瀏覽器網(wǎng)頁不一定是花花綠綠的，UI渣你去噴設(shè)計(jì)師。假設(shè)你打開微信的頻率比瀏覽器APP高，難不成你不知道微信有內(nèi)置瀏覽器？

.

論斷八：你拿出HTML的Web APP還好意思去談融資？還好意思談市值？

當(dāng)智能手機(jī)還沒流行、APP還沒形成市場的時(shí)候，我們還在用軟件去談融資、搞市值。當(dāng)然，現(xiàn)在都玩APP了，軟件反而很少聽到有什么新聞了，做軟件的都去做APP了。

只要用戶做高了，是不是基于Web不是問題。

.

論斷九：H5的開發(fā)和維護(hù)成本低，很多公司已經(jīng)轉(zhuǎn)向H5了，尤其創(chuàng)業(yè)公司用H5的越來越多。

隨便打開一個(gè)網(wǎng)頁，國內(nèi)外都行，看看第一行文檔聲明是不是“<!DOCTYPE html>”，“是”就多少用了HTML5。

很多公司轉(zhuǎn)H5，就是互聯(lián)網(wǎng)服務(wù)平臺，但更多用H5的公司目前還是用它去做市場營銷，利用社交傳播去打市場。創(chuàng)業(yè)公司多的是提供H5在線制作服務(wù)的平臺，而且近兩年融資成功的案例也不少。

.

論斷十：現(xiàn)在任何一個(gè)用戶量極高的APP都可以考慮增加H5應(yīng)用接口，不是你就被等H5。

H5很好用，不用白不用。現(xiàn)在有一個(gè)概念是HTML5與原生APP結(jié)合，把網(wǎng)頁封裝在客戶端里，形成混合模式移動應(yīng)用（Hybrid APP）。典例是掌上百度和淘寶Android版客戶端，你以為你下載了一個(gè)APP，其實(shí)暗地里一直在訪問H5。

.

十個(gè)論斷取自近日發(fā)的兩篇文章的評論，HTML5取代原生APP：Google的智，騰訊的謀？（3.20），以及單日PV 5億？他花10年創(chuàng)業(yè)養(yǎng)出了互聯(lián)網(wǎng)的一個(gè)怪物（3.21），均由熱心網(wǎng)友的留言整理得來。

在是互聯(lián)網(wǎng)公司的春天，很多公司如雨后春筍般發(fā)展，對HTML5前端開發(fā)的需求很旺盛，都是處在供小于求的情況。HTML5培訓(xùn)專家介紹HTML5前端開發(fā)得發(fā)展前途。

HTML5前端各種需求迭代非常頻繁、工作強(qiáng)度大,而且直面用戶很重要，這是HTML5前端人才需求旺盛的基礎(chǔ)前提.

而最近國家政策倡導(dǎo)互聯(lián)網(wǎng)+,大力發(fā)展互聯(lián)網(wǎng)行業(yè),在這樣的大環(huán)境下公司都發(fā)展很快,公司發(fā)展快的結(jié)果之一就是產(chǎn)品迭代特別快。H5前端開發(fā)流程是越快越好。

再加上現(xiàn)在混合app的流行，網(wǎng)站頁面更新速度快，也為前端代碼頻繁更新提供了另一個(gè)“客觀條件”。

人的天性更傾向于糾結(jié)那些眼下看得見的東西，所以HTML5前端開發(fā)者還承擔(dān)了外自客戶，內(nèi)自產(chǎn)品經(jīng)理、設(shè)計(jì)師甚至市場部門施加的壓力。而這種壓力傳遞到服務(wù)端很可能就是一條sql語句，一張表的事情。如果能力較強(qiáng)的前端工程師可能還承擔(dān)了代碼壓縮管理等其它附加任務(wù)。

前端的代碼都是直面用戶的，用戶即是公司的上帝，重要程度不言自明，要求很高、不容閃失。團(tuán)隊(duì)再精簡也不能精簡了前端開發(fā)力量。需要HTML5前端人才的單位太多、而且呈現(xiàn)越來越多的勢頭。

現(xiàn)在公司個(gè)個(gè)都要做網(wǎng)站或App，都需一堆HTML5前端。前端人才的價(jià)格圍繞價(jià)值上下波動，波動范圍取決于供需失衡情況。

比如BAT移動端的血拼

百度現(xiàn)在上線的有60款移動端產(chǎn)品?or 50款?這背后從市場卷走了多少個(gè)Android、IOS 開發(fā)?市場一共才多少優(yōu)質(zhì)Android、IOS供給……

阿里的all in到移動端是大家都知道的。

騰訊北京的移動團(tuán)隊(duì)在不斷地整合，我們就不說了。感謝騰訊依靠自己的培養(yǎng)梯隊(duì)，把很多java、C培養(yǎng)成了眾多Android、IOS人才，而不是光靠挖。

BAT這4年的移動端血拼，奠定了現(xiàn)在移動端的薪水基線。

移動開發(fā)及HTML5前端開發(fā)人才的市場整體新增供給還是太少

以全國移動互聯(lián)網(wǎng)人才最集中的北京市場為例：HTML5前端庫存嚴(yán)重不足，也沒有這么多新增供給。

想要參加HTML5培訓(xùn)的學(xué)員，可以咨詢渥瑞達(dá)HTML5培訓(xùn)網(wǎng)站老師，如大家在生活遇到什么關(guān)于HTML5知識方面的問題，我們也會為大家進(jìn)行詳細(xì)解答!