web前端開發工程師的真實能力如何判定?大廠資深前端指點迷津
現在企業對於前端工程師的要求越來越高,早已不是“寫一個jquery就是架構師”的時代了。千鋒web前端專家認為前端是一個系統化、工程化的理論體系,涉及到知識和技術很寬泛,因此前端工程師的工程化意識應該逐步加強。
在當今的時代背景和企業需求下,如何判定web前端架構師的能力高低?我們來看看大廠資深前端給的一些建議,主要包含八個部分:
開發規範
開發規範設計非常重要,設計良好的開發規範應該以實用性為前提,可以提升開發效率,降低維護成本。常見的規範主要是針對模組化開發定義的,想象一下,下面的規範示意圖是不是能對開發和維護有極大的幫助:
開發模型
主要是模組化開發。前端由於程式語言的問題,沒有原生的模組化支援,所以架構師在做架構設計之前,要先提供模組開發體系。模組化開發體系設計挺複雜的,完整的模組化體系要統一js、css和模板的模組化處理,此外,js、css模板中的資源(圖片等)引用也是要考慮的問題。此外,模組化框架肩負著資源的載入控制,要面對效能優化,所以,好的架構師給出的模組化方案應該是能把效能優化做到框架中,效能是一個工程問題!
構建工具
還是由於前端開發語言的問題,前端還需要構建工具配合,才能完成開發規範、開發模型的落地實現。總之,前端架構師在給出規範、模型之後,還要給出配套的工具來保證它們的實現。
專案部署
前端專案部署應該由前端架構師來決定,這裡涉及到網路效能優化和開發規範對接的問題,所以前端架構師要理解工程部署的過程,並把開發和部署打通,否則開發受限於部署,架構設計會遇到阻礙。
元件化與元件生態
由於前端面向的是介面設計,所以在模組化之上還有元件化開發模型需要架構師提供。此外,專案中一些可複用的模組或元件應該有一定的複用渠道,這部分我稱之為生態。架構師應該提供這樣的渠道來解決多個團隊或專案之間的程式碼複用問題。
前端統計
前端統計包括效能統計、訪問統計、使用者行為統計、錯誤統計、安全監控等,雖然有些統計屬於產品指標,但在大資料時代,前端研發的方向應該有一定的資料做指導,前端架構師必須關心統計資料,並能提供統計方案、統計平臺是一種衡量指標。
前端安全
這部分也應該有架構師負責的部分。主要是在開發、統計的過程中對前端安全做保障,比如xss修復、頁面指令碼注入監控等
系統測試
很多人總是嘗試用API測試方法論中的單元測試來測試前端專案,其實是片面的。前端測試屬於GUI測試範疇,前端專案中使用的框架、類庫一般由外部提供,已經由API測試做了質量保證,而專案中的測試應該主要集中在GUI測試上,這部分目前沒有好的解決方案做支撐,所以也沒有什麼好的衡量辦法。
相關文章
- 前端工程師如何加入大廠?前端工程師
- 受大廠們青睞的Web前端工程師需要掌握的3項能力!Web前端工程師
- Web前端開發必看的100道大廠面試題Web前端面試題
- BAT資深Web前端工程師總結:未來5年前端發展四大趨勢前瞻BATWeb前端工程師
- Web前端開發資源大薈萃Web前端
- 前端小白該如何學習?以及掌握哪些能力才能從事前端開發工程師前端工程師
- 移動前端開發和Web前端開發的不同點介紹前端Web
- web前端工程師薪資待遇如何?Web前端工程師
- 「真®全棧之路」Web前端開發的後端指南全棧Web前端後端
- web前端學習路線-20個真實web開發專案集合Web前端
- Web前端應該從哪裡開始學?Web前端工程師待遇如何?Web前端工程師
- Web前端怎麼學?如何成為Web前端工程師?Web前端工程師
- web前端開發Web前端
- 拿到大廠前端offer的前端開發是怎麼回答面試題的前端面試題
- 前端大廠面試一點總結前端面試
- 分享幾點關於 web 前端開發的看法Web前端
- 【web前端】用javascript實現物件的深複製Web前端JavaScript物件
- Web前端開發概述Web前端
- web前端培訓:常用的Web前端開發框架有哪些?Web前端框架
- 深圳晶泰科技招聘資深前端工程師前端工程師
- 好程式設計師web前端分享移動前端開發和web前端開發的區別程式設計師Web前端
- 進BAT一線大廠,前端工程師如何做準備?BAT前端工程師
- 騰訊實習生web前端JS開發工程師面試經歷Web前端JS工程師面試
- Web前端開發工程師常用技術網站整理Web前端工程師網站
- Web前端薪資如何?誰適合來學Web前端?Web前端
- 移動Web前端開發資源整合Web前端
- 六個前端開發工程師必備的Web設計模式/模組資源前端工程師Web設計模式
- Web軟體開發工程師的要求是什麼?Web前端 VS Web後端Web工程師前端後端
- Web前端技術分享:全棧工程師常用的開發工具Web前端全棧工程師
- Web前端開發工程師必須瞭解的HTTP知識Web前端工程師HTTP
- web前端開發規範Web前端
- Web前端開發(五)-- jQueryWeb前端jQuery
- Web前端開發之EasyUIWeb前端UI
- web前端開發工具有哪些?8個好用的web前端開發常用工具Web前端
- Web前端工程師發展之——路在何方?Web前端工程師
- 熱點微前端Microfrontend的討論:谷歌AdWords是真實的微前端前端谷歌
- web前端開發的六大開發工具,四大工作職責!Web前端
- 學習web前端開發的原因Web前端