建站
咨詢
售后
建站咨詢
新聞中心
2020年是國(guó)內(nèi)互聯(lián)網(wǎng)公司發(fā)展最迅速的時(shí)代, 前有技術(shù)公司華為獨(dú)立開(kāi)發(fā)了操作系統(tǒng)和國(guó)內(nèi)芯片產(chǎn)業(yè), 后有疫情時(shí)代興起的在線教育和直播產(chǎn)業(yè), 無(wú)疑對(duì)前端團(tuán)隊(duì)帶來(lái)了巨大的挑戰(zhàn)和機(jī)遇. 筆者將結(jié)合一線互聯(lián)網(wǎng)公司實(shí)際做的事情來(lái)對(duì)2020年技術(shù)做一次徹底梳理, 希望對(duì)大家有所幫助.
2020年前端團(tuán)隊(duì)的新挑戰(zhàn)和方向
1. 跨平臺(tái)應(yīng)用架構(gòu)的研發(fā)和應(yīng)用
跨平臺(tái)應(yīng)用開(kāi)發(fā)在幾年前國(guó)外就開(kāi)始做了, 比如React Native, 筆者這里梳理一下具體的場(chǎng)景和技術(shù)方案:
- H5(HTML5)+ 原生 ( Cordova、 Ionic、微信小程序)
- Javascript 開(kāi)發(fā) + 原生渲染 ( React Native、Weex、快應(yīng)用)
- 自繪 U+ 原生 ( QT Mobile、 Flutter)
- uniApp / Taro
這里筆者采用uni的架構(gòu)來(lái)給大家展示跨平臺(tái)的底層架構(gòu):
筆者周?chē)暮芏嗲岸斯こ處熎涔緲I(yè)務(wù)基本都有跨平臺(tái)的需求, 所以如果你對(duì)這個(gè)方向感興趣, 可以提前了解研究一下.
2. 實(shí)時(shí)音視頻技術(shù)發(fā)展和應(yīng)用(WebRTC)
隨著人們對(duì)用網(wǎng)的要求日趨迫切和5G技術(shù)的發(fā)展, 實(shí)時(shí)音視頻通信風(fēng)頭正勁，實(shí)時(shí)音視頻技術(shù) WebRTC 也因此受到了廣泛關(guān)注。相關(guān)數(shù)據(jù)顯示，2017-2021 年期間，全球網(wǎng)絡(luò)實(shí)時(shí)通信(WebRTC)市場(chǎng)將以 34.37% 的年均復(fù)合增長(zhǎng)率增長(zhǎng)。
目前國(guó)內(nèi)的很多廠商比如騰訊云, 阿里云, 七牛云等都提供了非常完善的技術(shù)支持, 作為前端工程師的我們, 不僅要學(xué)會(huì)如何去應(yīng)用這些技術(shù), 也要了解這些技術(shù)的底層實(shí)現(xiàn)原理. 筆者這里介紹一下使用場(chǎng)景:
3. 前端應(yīng)用監(jiān)控體系逐漸完善和服務(wù)化
前端監(jiān)控包括行為監(jiān)控、異常監(jiān)控、性能監(jiān)控等，為了在競(jìng)爭(zhēng)日趨激烈的時(shí)存活下去, 企業(yè)不得不對(duì)應(yīng)用做好全方面的分析, 保障應(yīng)用的可監(jiān)測(cè)和穩(wěn)定性.
一般而言，一個(gè)監(jiān)控系統(tǒng)，大致可以分為四個(gè)階段：日志采集、日志存儲(chǔ)、統(tǒng)計(jì)與分析、報(bào)告和警告。
根據(jù)異常代碼的后果的程度，對(duì)前端異常的表現(xiàn)分為如下幾類:
所以作為前端工程師的我們, 需要了解前端監(jiān)控的基本組成和表現(xiàn), 不管未來(lái)我們是使用第三方的監(jiān)控平臺(tái)還是自己開(kāi)發(fā), 都會(huì)有一個(gè)大致的方向. 筆者也會(huì)在 趣談前端中分享相關(guān)的技術(shù)實(shí)踐, 感興趣的可以相互交流.
4. lowcode平臺(tái)和可視化搭建平臺(tái)
最近我們可能聽(tīng)到很火的一個(gè)技術(shù)話題就是lowcode. 云開(kāi)發(fā)低碼 LowCode 是高效、高性能的拖拽式低代碼開(kāi)發(fā)平臺(tái)，向上連接前端的行業(yè)業(yè)務(wù)，向下連接云計(jì)算的海量能力，助力企業(yè)垂直上云。云開(kāi)發(fā)低碼將繁瑣的底層架構(gòu)和基礎(chǔ)設(shè)施抽象化為圖形界面，通過(guò)行業(yè)化模板、拖放式組件和可視化配置快速構(gòu)建多端應(yīng)用(小程序、H5應(yīng)用、Web 應(yīng)用等)，免去了代碼編寫(xiě)工作，讓您能夠完全專注于業(yè)務(wù)場(chǎng)景。云開(kāi)發(fā)低碼以云開(kāi)發(fā)作為底層支撐，云原生能力將應(yīng)用搭建的全鏈路打通，提供高度開(kāi)放的開(kāi)發(fā)環(huán)境，且時(shí)刻保障我們的應(yīng)用。
目前很多云廠商有很多方案, 這里我們不一一介紹了, 接下來(lái)我們來(lái)看看它的應(yīng)用場(chǎng)景:
對(duì)于可視化搭建平臺(tái), 目前也是很多公司在竭力去研究的方向, 筆者的朋友開(kāi)的公司都在做這一塊的業(yè)務(wù), 包括電商平臺(tái)的營(yíng)銷可視化搭建系統(tǒng), 后臺(tái)業(yè)務(wù)系統(tǒng)可是可視化, H5可視化搭建等, 如下:
- Outsystems
- Mendix
- iVX | 跨平臺(tái)lowcode解決方案
- amis | 管理業(yè)務(wù)先行的B端低代碼解決方案
- H5-Dooring | 移動(dòng)先行的可視化編輯器
關(guān)于 H5-Dooring 的實(shí)現(xiàn)方式, 筆者也寫(xiě)了很多文章, 感興趣的可以學(xué)習(xí)參考一下, 目前還在持續(xù)迭代和更新.
5. severless技術(shù)應(yīng)用普及
Serverless，即無(wú)服務(wù)器架構(gòu)，是一種新的架構(gòu)方式。目前也是非常熱門(mén)的一種技術(shù)，很多大公司都在往 Serverless 這個(gè)方向上發(fā)力。它的核心思想是讓開(kāi)發(fā)者專注構(gòu)建和運(yùn)行應(yīng)用，而無(wú)需管理服務(wù)器。在傳統(tǒng)模式下，如果我們想將應(yīng)用程序上線，一般得提前了解它需要多少臺(tái)服務(wù)器、多大的存儲(chǔ)量和數(shù)據(jù)庫(kù)等。并且還需要安裝應(yīng)用程序所依賴的其他軟件。但如果使用 Serverless，就可以讓我們不需要去費(fèi)心布置和管理這一切?？偟膩?lái)說(shuō)，Serverless 的特點(diǎn)有：
- 事件驅(qū)動(dòng)
- 自動(dòng)擴(kuò)展伸縮
- 無(wú)狀態(tài)
- 無(wú)需自己管理服務(wù)器
- 低成本，按需收費(fèi)，不運(yùn)行不收費(fèi)
所以, 2020年, 如果我們前端er們還不好好了解一下 serverless, 是不是要更不上時(shí)代了呢?
6. 腳手架生態(tài)日趨成熟, 百花齊放
腳手架主要是為前端團(tuán)隊(duì)做工程化管控的工具, 使用它我們可以輕松的開(kāi)發(fā)應(yīng)用和打包部署, 目前也有很多腳手架生態(tài)百花齊放, 其核心還是對(duì) nodejs 和 webpack 等的掌握, 就拿umi來(lái)說(shuō), 作為企業(yè)開(kāi)發(fā)的開(kāi)箱即用的集成工具已經(jīng)是非常強(qiáng)大了, 我們可以定制umi的插件, 利用其加載機(jī)制去實(shí)現(xiàn)各種復(fù)雜業(yè)務(wù)的場(chǎng)景應(yīng)用. 如下:
所以如果我們想進(jìn)階前端, 我們可以學(xué)習(xí) umi 的架構(gòu)模式, 推陳出新. 筆者也基于umi 開(kāi)發(fā)了對(duì)應(yīng)的組件庫(kù), 大家感興趣可以研究學(xué)習(xí)一下:
7. 前端Vr技術(shù)應(yīng)用落地
Vr技術(shù)也是近幾年比較火的技術(shù), 目前國(guó)內(nèi)公司也在布局這塊的業(yè)務(wù), 包括x寶等電商網(wǎng)站做的Vr商品展示, 看房平臺(tái)的房屋全景Vr等, 某字節(jié)的某個(gè)產(chǎn)品目前也在做這一塊的事情, 所以大家可以參考一下, 主要實(shí)現(xiàn)可以使用 three.js 等.
8. 華為鴻蒙系統(tǒng)上市之后的javascript技術(shù)應(yīng)用紅利
關(guān)于華為操作系統(tǒng)的上線, 很多前端 coder們又迎來(lái)了新一波的學(xué)習(xí)潮, 想一想我們可以用javascript來(lái)開(kāi)發(fā)操作系統(tǒng)的應(yīng)用軟件, 是一種什么感受呢, 嗅覺(jué)敏銳的企業(yè)家估計(jì)早已默默規(guī)劃相關(guān)產(chǎn)品了, 所以前端的未來(lái), 無(wú)限可能.
[[373272]]
2021, 無(wú)限可能
2021年將繼續(xù)驗(yàn)證2020的技術(shù), 并不斷將技術(shù)落地, 前端工程師們將迎來(lái)新一波的技術(shù)迭代, 所以我們抓住以上的趨勢(shì), 持續(xù)努力吧......
當(dāng)前題目：2020年國(guó)內(nèi)前端團(tuán)隊(duì)都做了些什么?
文章來(lái)源：http://m.5511xx.com/article/dppjdjj.html
