我為什麼看好Hybrid - 獻給Web前端工程師

cocoachina發表於2015-08-06

　　Web從最開始，用html標籤這種最簡單的方式搭建入口網站、論壇，那時候能做個網站感覺很牛叉的樣子。後來又有了Ajax方式，可以動態的獲取資料，讓網頁能不重新整理而完成更新。之後又有了HTML5，結合JS、CSS3到達另一個高度，通過Web可以用很炫的方式實現不錯的功能效果。這是PC時代；現在到了移動網際網路時代，有人唱衰Web，也有人高唱Web。不管怎麼樣，Web在以它的方式而野蠻生長著。生長的方式不是以我們的主觀意願的，而是這個時代需要Web，需要這種方式來實現一些東西，人們希望有這麼一個東西能像一個樹，在這個炎熱的夏天提供一處陰涼，願意為它施肥澆水，讓它再大些再高些。因為需要所以產生，而不是因為存在所以可用。

　　1、到達一個拐點

　　技術上：從原先的一根筋變成現在的兩頭堵了。在2014年10月底，W3C宣佈HTML5正式定稿。這個時間，不晚不早，硬體效能更強、手機OS迭代速度下降。優勢是跨平臺，更新及時。可用和原生程式碼結合實現互相的呼叫，機制上是完全可以的。只是看你用不用而已。其中OS X Mavericks和iOS 7引入了JavaScriptCore庫，它把WebKit的JavaScript引擎用Objective-C封裝，提供了簡單，快速以及安全的方式接入世界上最流行的語言。不管你愛它還是恨它，JavaScript的普遍存在使得程式設計師、工具以及融合到OSX和iOS裡這樣超快的虛擬機器中資源的使用都大幅增長。

　　生態上：很多的公司和個人在Web這個領域一直的添磚加瓦，不管是Cordova、AppCan、ApiCloud、trigger.io、node-webkit、ReactNative等等，都在從各個方向突圍，讓大家看到了希望。

　　硬體上：系統版本和瀏覽器已經可以很好的支援html5和css3硬體加速。Google在2013年底釋出的Android4.4，內建的Webview不再是蹩腳的Android WebKit瀏覽器，而是Chromium，效能大幅提升。從最新的Android 5.0開始，Webview可以通過GooglePlay Store實時更新，和Chrome的升級保持一致，使用者就可以不刷機享受到最新的瀏覽器引擎；再看Apple方面，2012年iPhone5釋出後，HTML5在iOS上的表現已令人滿意，Safari獨家的JavaScript加速引擎Nitro不再那麼重要，不過在iOS 8釋出後，蘋果還是很識趣地取消了三方程式呼叫Nitro的限制，現在任意瀏覽器或應用呼叫iOS的UIWebview都可以利用Nitro加速，這樣在前端使用JS做大型運算也成為可能。

　　實現上：具體到這個層面，最初是直接嵌網頁的方式；後來是打包JS、HTML、CSS到本地；這兩種方式都有優缺點，不能滿足我們要求載入快而且實時更新。於是出現了第3種，可以用增量更新zip包的方式來實現本地載入和快速更新的目的。這些已經在超級app上實現，並且效果很好，下面內容有講到。

　　2、需求要求這樣

　　而對於開發者而言，開發者為什麼不願意開發WP版本，很多時候是因為工作量太大，除了版本適配，解析度調整等，一旦有新版本推出，在原生App中開發者不得不等待多達兩週時間去接受稽核。另外內容維護上也很麻煩，這也是為什麼有些媒體開始放棄原生App鼓勵讀者使用WebApp的原因。除此之外，跨平臺在多屏時代給開發者非常痛苦的體驗，人們都期待當年Java的一次編譯處處執行的理想情況。HTML5目前正在扮演一個開發者救星的角色。

　　全新的網際網路入口超級App+WebApp的時代來臨

　　你手機裡裝了多少App，最常用的有哪些？

　　可能最多的回答是，我用「微信、QQ，或者其他瀏覽器」等等所謂的超級App。

　　在超級APP裡Web正在扮演著重要的角色，發揮她的快速、跨平臺、輕的特性。