我為什么看好Hybrid - 獻給Web前端工程師
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正在扮演著重要的角色,發揮她的快速、跨平臺、輕的特性。
3、已經被驗證過
手Q中群部落、吃喝玩樂、主題中心等核心業務。微信的[發現]。新版支付寶的[商家]、京東、淘寶這些電商更是用到了各處。這些超級APP已經在某些場景下用的不亦樂乎,發揮Web的優勢,為我們所用。
4、農村包圍城市
從PC到移動互聯網時代,Web正在符合時代的需求而生長著。沒有一種語言是像Web一樣,隨著時代的發展而不斷的修訂,并能符合這個時代發展的 速度。Java做不到、Objective-C也做不到。雖然出身草根,但是像水一樣,隨形而動,生命力旺盛。還是讓我們擁抱變化,擁抱草根出身的 Web。
獻給一直堅守在Web前端的工程師們