大前端,這個詞從剛剛出現在技術人員的視野中,到今天已經過去有一段時間了,大前端也從起初那個模糊的概念逐漸變得清晰起來,可到底什麼是大前端?作為一位前端技術開發的從業者,應該如何去面對大前端時代的來臨呢?今天我們就以大前端的發展趨勢為題來聊一聊。
1 當我們在談大前端的時候,我們談的是什麼?
作為一個新興的技術領域範圍,大前端在不同的語義環境下,有著不同的解釋和含義,我們就以如下這三個視角去看大前端並做逐一的分析。
Node.js 與前後端分離
在絕大多數的前端開發者口中,大前端有時與 Node.js 一起講,有時與前後端分離一同講,事實上,大前端概念也正是由廣大前端開發者提出的。
過去幾年,前端技術經歷了爆發式的發展,這種發展最重要的推動者之一就是 Node.js。Node.js 為前端建立了與系統之間溝通的橋樑,從此前端技術不僅能在服務端大放異彩,並且在本地的前端開發工具與工作流上大展身手,前端從此被解放,JavaScript 統治世界的論調一度甚囂塵上。
不過,當人們冷靜之後,發現 Node.js 在服務端並沒有太多的優勢,再加上 Node.js 本身技術發展的一些波折,導致它在服務端的應用並不理想。但儘管如此,廣大的前端開發者還是取得了一些階段性勝利,其結果就是前後端分離。
在傳統 Web 開發時代,前端頁面模板是由後端生成的,導致在頁面需要頻繁修改的時候,效率極低。前後端分離指的是後端只提供接口,前端對頁面有完整控制,同時通過中間層將前後端隔開,在這裡對數據進行抽取、聚合、分發等操作。這個中間層,通常也是由前端開發工程師負責。
從這種意義上講,大前端的原始定義可以稱為前端技術的擴大化,包括 Node.js,同時對 Web 頁面有更強的控制權,開發也將承載更多功能的頁面。
此處劃重點:基於 Node.js 的前後段分離是大前端的重要技術。
大前端與泛 GUI 交互
移動互聯網時代到來之後,移動端 App 成為新的主流,而瀏覽器的地位也逐漸降低,傳統的前端開發遇到尷尬。
當然,前端並未真正遭遇困境,以 PhoneGap/Cordova 為代表的 Hybrid 開發,以及內嵌在 App 中的 WebView 開發,再加上微信成為主流之後的小程序、小遊戲開發,前端技術也慢慢地在移動端擴張領土。
但在那時,人們提起移動開發,主要指的還是 iOS 與 Android 這兩種原生開發技術,這一情況隨著 React Native 的發佈得到了改變。它能解決原生的跨平臺代碼複用、動態化等痛點,又避免了之前 Hybrid 的性能問題,因此受到廣泛關注。
隨著 React Native 的加入,前端的技術棧再次被擴展,並且 React Native 讓我們發現,其實通過加入一個虛擬視圖層(Virtual DOM)後,邏輯操作和模型部分的代碼都能夠得到很大程度的複用,並且在已有的實踐總結中,大部分 React Native 代碼都得到了較高比例的複用。
如果說前後端分離是前端在縱向上變大,那麼這種跨不同終端的前端技術則可以說是在橫向上變大。
再次劃重點:Reactive Native 移動端 APP 開發是大前端的新興技術。
2 大前端研發團隊現狀
目前在國內,不少一線互聯網公司比如美團點評、餓了麼、網易杭研都有叫大前端的團隊或者在對外時使用該稱謂,不過,由於之前大前端並沒有明確的定義,這些團隊的人員構成並不相同,它們都是各個公司在自己對大前端的理解,以及對公司業務的支持需求下設立的。具體情況如下(可能有偏差):
美團點評大前端團隊:包括 FE、iOS、Android 開發,以及一些工程化工作。
餓了麼大前端團隊:以 FE 為主,包括 Node.js,以及 Weex 等。
網易杭研大前端團隊:包含 Web 前端、PC 客戶端和移動端。
從這些一線互聯網公司團隊組建方式的演進,我們不難發現,大前端已經是未來發展的潮流。
3 大前端技術開發者的晉級之路怎麼走?
那麼,作為一位在大前端時代的前端技術開發者,我們應該做怎樣的準備來及時跟上技術發展的浪潮?綜上所述,我們不難得出以下結論:
基於 Node.js 的前後段分離設計模式是大前端架構演變的必由之路
基於 React Native 的新一代移動 App 開發技術憑藉其優勢已然有超越原生的趨勢
新型大前端團隊的組建已成現代互聯網公司技術團隊的標配
如果你是一位前端技術開發者,或者你是一位互聯網公司的技術團隊管理者,是否覺得應該先放下手頭的工作,來提升一下自己的技術棧或公司的職能架構?如果你正有此意,不妨關注下今年 6 月 23 日到 24 日在北京召開的 GMTC 2018 全球大前端技術大會深度培訓,期間將有來自百度、美團的重量級講師彭星老師、馬全華老師專題講解 Node.js 及基於 Node.js 的前後端分離架構,更有來自 React Native 中文站站長羅晴明老師一手打造的精品課程——「深度掌握 React Native 技術」,這些深度培訓課程的設置正是應對了當前最新的大前端技術發展潮流,值得你的關注!
現在掃描下方二維碼進行報名,可享 8 折優惠,立省 960 元
更多深度培訓課程詳情,可點擊閱讀原文進行查看。
閱讀更多 InfoQ 的文章