在兩個月前，我開始了一次對國內各大網際網路前端技術體系的探索之路。自己的技術視野也得到不斷擴充套件，自身對於大前端的技術也建立起了比較完整的體系，同時也可以很好的瞭解當前的技術風向。
下面我先回顧一下各大廠的技術體系情況：
阿里篇
文章連結：解密國內BAT等大廠前端技術體系-阿里篇（長文建議收藏）
一句話總結：阿里的前端技術體系非常完整，並且已經完成了多輪演進，無論是基礎設施的完備性，還是在Web IDE、智慧化、Serverless等前沿技術探索上在國內都是首屈一指。
百度篇
文章連結：解密國內BAT等大廠前端技術體系-百度篇（長文建議收藏）
一句話總結：百度的前端技術起步很早，依稀可以從中看到當年PC王者的風範，不過在移動網際網路時代的業務落後也體現在了技術體系建設方面，目前已經明顯感受到其技術些許陳舊。
騰訊篇
文章連結：解密國內BAT等大廠前端技術體系-騰訊篇（長文建議收藏）
一句話總結：騰訊給大家的感覺一直都是產品驅動、悶聲發大財的樣子，而且從技術方面由於有阿里、百度這類技術沉澱深厚的公司作為對比也沒有給人留下深刻的印象。但是，最近幾年隨著微信平臺的崛起，圍繞微信平臺的開發框架、跨端同構方面獲得了比較大突破，同時，也舉辦例如TWeb conf、騰訊Live開發者大會，在業界的影響力也不斷擴大。
攜程篇
文章連結：解密國內BAT等大廠前端技術體系-攜程篇（長文建議收藏）
一句話總結：攜程在組織架構上有基礎研發團隊進行保障，在大前端領域能夠收斂、沉澱眾多的基礎平臺服務、技術框架，形成了一套比較完整、統一的基礎框架能力，很好的支撐了多App、多業務的快速發展。
美團篇
文章連結：
解密國內BAT等大廠前端技術體系-美團點評之上篇（長文建議收藏）
解密國內BAT等大廠前端技術體系-美團點評之下篇（長文建議收藏）
一句話總結：美團點評這幾年業務不斷擴張發展，基礎架構團隊不斷沉澱基礎能力夯實平臺能力，各個業務團隊也是各顯神通，不斷積累框架並在公司內外部進行推廣使用。美團點評在工程化、程式碼質量、跨平臺動態化、元件庫和前端框架等方面都有不錯的沉澱，同時各個BU團隊也針對業務特點進行了前端技術體系建設。
彙總一下
可以看到各大公司對於大前端的建設各有不同的方向，最近幾年國內大前端的行業峰會也層出不窮讓人目不暇接，但是經過彙總一下，還是能夠看出大概的脈絡。
基礎設施：雲端能力成為各大網際網路的基礎能力，可以想象未來雲端會越來越強大，可以提供更多標準化的能力，前端可以自主做更多的事情。
服務層：BFF/SSR是前端服務層的主要作用，從技術棧而言，Node->GraphQL->Serverless會是一個大趨勢，尤其是Serverless的出現讓大家看到前端更加獨立放飛自我的可能性。
應用層：在前端三大框架React、Vue、Angular之上，形成了一系列強約束性、架構標準化、外掛化擴充套件的應用層開發框架，這類應用框架的出現對於大廠技術棧能力沉澱起到非常重要的作用。
UI元件庫：元件庫不再是簡單的UI元件的封裝，而是一套完整的設計語言。同時隨著端的豐富，元件庫也從PC端來到移動端、小程式，形態上也更多出現了資料視覺化等更為豐富的表現。
小程式：小程式是國內的一種特殊產物，隨著微信、支付寶小程式的興起，各大App都開始小程式容器化的建設，但對於應付多個小程式平臺研發也變得苦不堪言。於是出現了類React/Vue開發方式的mpvue、wepy等框架方便大家延續原有前端開發模式，然後又有了多端統一的框架Taro、uni-app等等，解決多端統一的問題。
跨平臺動態化：跨平臺和動態化始終是一個關於研發效率與使用者體驗如何平衡的熱門話題，不論是Hybrid的Web容器增強還是RN、Flutter這類虛擬執行環境的解決方案，都有著不同的應用場景。在國內，對於研發效率和動態化能力執著追求下，在使用者體驗妥協下，RN、Flutter技術得到長足的發展，RN目前已經進入了成熟期，各大公司的基礎建設也相對完善；Flutter則是當紅炸子雞，處於技術泡沫期，但其未來前景有可能更好，其跨平臺的願景更為巨集大，未來可期。
工程智慧化：大前端研發早就進入到大規模、多團隊協作的工作模式，因此工程化的基礎建設對於研發效率、規範落地、線上異常效能監控等方面都起到非常重要的作用。目前阿里在雲端化的建設，例如Web IDE、雲構建等，進一步提升了前端工程化的能力。同時前端智慧化這個方向也非常熱門，在Pro Code/Low Code/No Code三個方向都有很多突破，前端同學在自我革命的道路上越走越決絕了。
寫在最後
大前端的技術在最近10年獲得了蓬勃發展，尤其是在三大框架的誕生與成熟，隨後大前端技術急劇發展百花齊放。身處其中的同學往往都會說不要再更新，學不動了，今後隨著5G、人工智慧、AR/VR、IoT等等技術發展，端與互動的多樣性一定會催生出更多大前端的技術，未來可期，你準備好了嗎？
