近日，筆者在舊金山和美國(guó)的HTML5開(kāi)發(fā)者進(jìn)行了一次近距離的接觸，感受中美HTML5開(kāi)發(fā)者的熱度差別和不同市場(chǎng)階段的中美表現(xiàn)巨大差異。

中國(guó)和美國(guó)的HTML5市場(chǎng)差距有多少?

首先，從下面兩張趨勢(shì)圖我們很容易發(fā)現(xiàn)美國(guó)的HTML5公眾關(guān)注度是從2009年底出現(xiàn)第一次的快速上漲，而將近2年后2011年下半年，中國(guó)的HTML5市場(chǎng)才出現(xiàn)了第一次的集中關(guān)注。

美國(guó)HTML5市場(chǎng)經(jīng)過(guò)5年的長(zhǎng)期發(fā)展之后，早進(jìn)入理性的狀態(tài)，不是炒作概念或者單純的市場(chǎng)宣講活動(dòng)，甚至關(guān)注度出現(xiàn)了下降，已經(jīng)變成了在web技術(shù)各個(gè)獨(dú)立領(lǐng)域深度探索和創(chuàng)新。而中國(guó)HTML5市場(chǎng)在2015年的此刻雖然關(guān)注度火熱，但是可能比美國(guó)市場(chǎng)出現(xiàn)了更進(jìn)一步的延后。

圖1:HTML5在美國(guó)的關(guān)注度數(shù)年的趨勢(shì)

圖2:HTML5在中國(guó)的關(guān)注度趨勢(shì)

美國(guó)HTML5開(kāi)發(fā)者和公司在做什么?

1、 先總結(jié)：從創(chuàng)新到實(shí)用

此次見(jiàn)到了很多很“cool”的公司，其中有一家公司利用WebGL和Websocket技術(shù)，將一個(gè)方程式賽車場(chǎng)搬到了互聯(lián)網(wǎng)上。

他們是這樣做的，首先賽車上被安裝的上千個(gè)傳感器可以實(shí)時(shí)數(shù)據(jù)回傳，通過(guò)Websocket技術(shù)和HTML5的結(jié)合在PC上做實(shí)時(shí)的跟蹤模擬展示，并且可以以3D的形式呈現(xiàn)。這種方式的實(shí)現(xiàn)，除了感覺(jué)震撼，也讓我感受到一個(gè)真正的程序員在創(chuàng)新和技術(shù)深度使用上所下的功夫。并且通過(guò)這種努力讓創(chuàng)新的想法得以變成現(xiàn)實(shí)。虛擬現(xiàn)實(shí)、IoT物聯(lián)網(wǎng)、3D是美國(guó)HTML5開(kāi)發(fā)者目前所關(guān)注的焦點(diǎn)。

2、 美國(guó)的HTML5和移動(dòng)

對(duì)于把Web App網(wǎng)頁(yè)加殼直接打包成成一個(gè)iOS和Android App的模式，美國(guó)的開(kāi)發(fā)者基本不再更多地提及。

通過(guò)和美國(guó)網(wǎng)頁(yè)開(kāi)發(fā)者的交流，我發(fā)現(xiàn)經(jīng)過(guò)5、6年的發(fā)展，大家對(duì)于寫一套代碼可以直接在PC、手機(jī)瀏覽器、加殼成App(當(dāng)然在中國(guó)還多了一個(gè)微信的發(fā)布渠道)這種模式的認(rèn)識(shí)已經(jīng)比較成熟，普遍認(rèn)為這種理想主義狀態(tài)下的模式并不能帶來(lái)真正的用戶體驗(yàn)。

他們對(duì)于純前端框架的使用也比較謹(jǐn)慎。比如有一個(gè)開(kāi)發(fā)者告訴我，因?yàn)锳ngular.js在重寫 2.0并且會(huì)在1.0的版本上徹底重構(gòu)，因此在很多美國(guó)開(kāi)發(fā)者現(xiàn)在不會(huì)選擇至少到新版本的發(fā)布。這段對(duì)話最重要的價(jià)值是讓我明白美國(guó)HTML5開(kāi)發(fā)者的成熟和理性。

因此，美國(guó)HTML5開(kāi)發(fā)者在移動(dòng)上也并不會(huì)抱著偷懶的心態(tài)寫一套代碼，希望在PC、手機(jī)等全部通用。這也能解釋為什么Sencha等這種前端框架發(fā)展不慍不火的現(xiàn)狀。

3、 在美國(guó)開(kāi)發(fā)者的眼中，React JS/Native是什么樣的?

讓我出乎意外的是，React Native在此次美國(guó)交流中并沒(méi)有那么火熱。

我原以為，F(xiàn)acebook剛剛發(fā)布React Native會(huì)讓美國(guó)開(kāi)發(fā)者熱情高漲。大家都很關(guān)注，但是只能說(shuō)沒(méi)那么讓人激動(dòng)。我和一個(gè)開(kāi)發(fā)者溝通了對(duì)于ReactJS和React Native的經(jīng)驗(yàn)，他告訴我，React JS更多被用在了PC端，而移動(dòng)端使用React Native對(duì)于一般的前端工程師來(lái)說(shuō)也并不簡(jiǎn)單。很多大公司非常高級(jí)的前端程序員會(huì)追求新技術(shù)，并且嘗試使用。

另外，他們也相信，有 Facebook站在后面背書會(huì)持續(xù)發(fā)展，但是對(duì)于大多數(shù)前端HTML5開(kāi)發(fā)者來(lái)說(shuō)還是太復(fù)雜了。因?yàn)槭褂肦eact Native對(duì)前端程序員的要求不是單純的Web技術(shù)，同樣需要原生的開(kāi)發(fā)經(jīng)驗(yàn)和能力，想作出真正好用的App，可能需要的不僅僅是嘗新的興趣，更需要有多種技術(shù)跨領(lǐng)域使用的能力，否則只能當(dāng)成程序員的一種學(xué)習(xí)。并且關(guān)于React在美國(guó)HTML5開(kāi)發(fā)者中也存在著巨大的Hype(爭(zhēng)議)。我總結(jié)此次交流，發(fā)現(xiàn)React的發(fā)展仍舊任重道遠(yuǎn)。

美國(guó)開(kāi)發(fā)者眼中，React Native很酷，使用React Native主要用來(lái)解決移動(dòng)端App的UI界面布局和交互的問(wèn)題，App其他功能的實(shí)現(xiàn)需要開(kāi)發(fā)團(tuán)隊(duì)獨(dú)立解決。

但是，眼下存在的問(wèn)題是，JavaScript開(kāi)發(fā)者需要了解Native App技術(shù)，而Native App開(kāi)發(fā)者需要精通JavaScript才能基于React Native開(kāi)發(fā)App，這似乎有點(diǎn)矛盾。

其次，iOS與Android有組件代碼可以重用，但是部分會(huì)存在區(qū)別。

最后，React Native開(kāi)發(fā)需要徹底的搭建原生App開(kāi)發(fā)環(huán)境支持，這對(duì)于很多開(kāi)發(fā)者來(lái)說(shuō)尤其是網(wǎng)頁(yè)開(kāi)發(fā)者來(lái)說(shuō)也過(guò)于復(fù)雜了。

站在美國(guó)看中國(guó)HTML5市場(chǎng)

從概念到實(shí)用，這是和美國(guó)HTML5開(kāi)發(fā)者交流最深刻的感受。反觀中國(guó)HTML5開(kāi)發(fā)者市場(chǎng)，我們需要的是沉淀而不是簡(jiǎn)單地追求熱點(diǎn)。

對(duì)此我也進(jìn)行了一些深入思考，結(jié)合此次的美國(guó)開(kāi)發(fā)者交流活動(dòng)，我發(fā)現(xiàn)很多思考和觀點(diǎn)也得到了驗(yàn)證。

比如，響應(yīng)式設(shè)計(jì)雖然能夠帶來(lái)一些在多終端開(kāi)發(fā)的便利性，但是更多的還是被用在以PC網(wǎng)站為主體的業(yè)務(wù)上(也就是對(duì)于大部分用戶仍舊使用PC端訪問(wèn)的服務(wù))，很多前端框架被用在改造老舊網(wǎng)站或者說(shuō)遺產(chǎn)型網(wǎng)站上(Website as a legacy)，這是為了保證這些老舊網(wǎng)站也可以被越來(lái)越多的移動(dòng)端用戶能訪問(wèn)(就好像云適配在中國(guó)所做的事情，一行代碼將PC網(wǎng)站變成手機(jī)網(wǎng)站)。

但是，對(duì)于純粹的移動(dòng)端業(yè)務(wù)，PC和Mobile更多被獨(dú)立地開(kāi)發(fā)和認(rèn)真對(duì)待。一套代碼在手機(jī)瀏覽器、在微信公用號(hào)甚至變成App多個(gè)場(chǎng)景應(yīng)用的模式在美國(guó)這個(gè)成熟的HTML5市場(chǎng)并不是主流。

這個(gè)觀點(diǎn)，我想也能夠很好地說(shuō)明——

中國(guó)HTML5開(kāi)發(fā)市場(chǎng)，還需要擠掉炒作的泡沫和市場(chǎng)的誤導(dǎo)。

在這幾天和美國(guó)開(kāi)發(fā)者的深度交流中，我感受美國(guó)市場(chǎng)雖然也在不停地談創(chuàng)新，但是并沒(méi)有太多空的概念和炒作。這種氛圍也造就了一批相當(dāng)有實(shí)力的前端程序員，甚至full stack全棧程序員。

市場(chǎng)會(huì)發(fā)展，他相信中國(guó)的HTML5在未來(lái)2年也會(huì)進(jìn)入理性成熟階段，中國(guó)也會(huì)有更多有實(shí)力、有創(chuàng)新能力的HTML5甚至全棧程序員出現(xiàn)。當(dāng)然這首先需要的還是中國(guó)HTML5前端程序員們深度的積累和踏實(shí)不盲目追逐熱點(diǎn)的心態(tài)。