[[373268]]

 2020年是國內互聯網公司發展最迅速的時代, 前有技術公司華為獨立開發了操作系統和國內芯片產業, 后有疫情時代興起的在線教育和直播產業, 無疑對前端團隊帶來了巨大的挑戰和機遇. 筆者將結合一線互聯網公司實際做的事情來對2020年技術做一次徹底梳理, 希望對大家有所幫助.

2020年前端團隊的新挑戰和方向

1. 跨平臺應用架構的研發和應用

跨平臺應用開發在幾年前國外就開始做了, 比如React Native, 筆者這里梳理一下具體的場景和技術方案:

• H5(HTML5)+ 原生 ( Cordova、 Ionic、微信小程序)
• Javascript 開發 + 原生渲染 ( React Native、Weex、快應用)
• 自繪 U+ 原生 ( QT Mobile、 Flutter)
• uniApp / Taro

這里筆者采用uni的架構來給大家展示跨平臺的底層架構:

筆者周圍的很多前端工程師其公司業務基本都有跨平臺的需求, 所以如果你對這個方向感興趣, 可以提前了解研究一下.

2. 實時音視頻技術發展和應用(WebRTC)

隨著人們對用網的要求日趨迫切和5G技術的發展, 實時音視頻通信風頭正勁，實時音視頻技術 WebRTC 也因此受到了廣泛關注。相關數據顯示，2017-2021 年期間，全球網絡實時通信(WebRTC)市場將以 34.37% 的年均復合增長率增長。

目前國內的很多廠商比如騰訊云, 阿里云, 七牛云等都提供了非常完善的技術支持, 作為前端工程師的我們, 不僅要學會如何去應用這些技術, 也要了解這些技術的底層實現原理. 筆者這里介紹一下使用場景:

3. 前端應用監控體系逐漸完善和服務化

前端監控包括行為監控、異常監控、性能監控等，為了在競爭日趨激烈的時存活下去, 企業不得不對應用做好全方面的分析, 保障應用的可監測和穩定性.

一般而言，一個監控系統，大致可以分為四個階段：日志采集、日志存儲、統計與分析、報告和警告。

根據異常代碼的后果的程度，對前端異常的表現分為如下幾類:

所以作為前端工程師的我們, 需要了解前端監控的基本組成和表現, 不管未來我們是使用第三方的監控平臺還是自己開發, 都會有一個大致的方向. 筆者也會在 趣談前端中分享相關的技術實踐, 感興趣的可以相互交流.

4. lowcode平臺和可視化搭建平臺

最近我們可能聽到很火的一個技術話題就是lowcode. 云開發低碼 LowCode 是高效、高性能的拖拽式低代碼開發平臺，向上連接前端的行業業務，向下連接云計算的海量能力，助力企業垂直上云。云開發低碼將繁瑣的底層架構和基礎設施抽象化為圖形界面，通過行業化模板、拖放式組件和可視化配置快速構建多端應用(小程序、H5應用、Web 應用等)，免去了代碼編寫工作，讓您能夠完全專注于業務場景。云開發低碼以云開發作為底層支撐，云原生能力將應用搭建的全鏈路打通，提供高度開放的開發環境，且時刻保障我們的應用。

目前很多云廠商有很多方案, 這里我們不一一介紹了, 接下來我們來看看它的應用場景:

對于可視化搭建平臺, 目前也是很多公司在竭力去研究的方向, 筆者的朋友開的公司都在做這一塊的業務, 包括電商平臺的營銷可視化搭建系統, 后臺業務系統可是可視化, H5可視化搭建等, 如下:

• Outsystems
• Mendix
• iVX | 跨平臺lowcode解決方案
• amis | 管理業務先行的B端低代碼解決方案
• H5-Dooring | 移動先行的可視化編輯器

關于 H5-Dooring 的實現方式, 筆者也寫了很多文章, 感興趣的可以學習參考一下, 目前還在持續迭代和更新.

5. severless技術應用普及

Serverless，即無服務器架構，是一種新的架構方式。目前也是非常熱門的一種技術，很多大公司都在往 Serverless 這個方向上發力。它的核心思想是讓開發者專注構建和運行應用，而無需管理服務器。在傳統模式下，如果我們想將應用程序上線，一般得提前了解它需要多少臺服務器、多大的存儲量和數據庫等。并且還需要安裝應用程序所依賴的其他軟件。但如果使用 Serverless，就可以讓我們不需要去費心布置和管理這一切。總的來說，Serverless 的特點有：

• 事件驅動
• 自動擴展伸縮
• 無狀態
• 無需自己管理服務器
• 低成本，按需收費，不運行不收費

所以, 2020年, 如果我們前端er們還不好好了解一下 serverless, 是不是要更不上時代了呢?

6. 腳手架生態日趨成熟, 百花齊放

腳手架主要是為前端團隊做工程化管控的工具, 使用它我們可以輕松的開發應用和打包部署, 目前也有很多腳手架生態百花齊放, 其核心還是對 nodejs 和 webpack 等的掌握, 就拿umi來說, 作為企業開發的開箱即用的集成工具已經是非常強大了, 我們可以定制umi的插件, 利用其加載機制去實現各種復雜業務的場景應用. 如下:

所以如果我們想進階前端, 我們可以學習 umi 的架構模式, 推陳出新. 筆者也基于umi 開發了對應的組件庫, 大家感興趣可以研究學習一下:

7. 前端Vr技術應用落地

Vr技術也是近幾年比較火的技術, 目前國內公司也在布局這塊的業務, 包括x寶等電商網站做的Vr商品展示, 看房平臺的房屋全景Vr等, 某字節的某個產品目前也在做這一塊的事情, 所以大家可以參考一下, 主要實現可以使用 three.js 等.

8. 華為鴻蒙系統上市之后的javascript技術應用紅利

關于華為操作系統的上線, 很多前端 coder們又迎來了新一波的學習潮, 想一想我們可以用javascript來開發操作系統的應用軟件, 是一種什么感受呢, 嗅覺敏銳的企業家估計早已默默規劃相關產品了, 所以前端的未來, 無限可能.

2021, 無限可能

2021年將繼續驗證2020的技術, 并不斷將技術落地, 前端工程師們將迎來新一波的技術迭代, 所以我們抓住以上的趨勢, 持續努力吧......