前端工程化

標籤：非同步請求   設計   target   建築   href   目標   react   tps   改變   

前端工程化背景

前端工程化的概念近兩年來被廣泛的提及，究其原因，是前端工程師所負責的用戶端功能邏輯在不斷複雜化。PC網站、手機應用、案頭應用、小程式，前端開發的應用領域越來越廣，前端工程師這個職位也不再是幾年前被戲稱的“切圖仔”，在這種背景下，前端工程化應運而生。

聊到前端工程化，必然會有一些問題，本文會帶著這幾個問題去介紹前端工程化。

• 什麼是前端工程化？
• 為什麼要做前端工程化？
• 前端工程化怎麼做？
• 現有的前端工程化產品？

什麼是前端工程化？

要知道什麼是前端工程化，先來看看什麼是工程化，維基百科對工程化的定義：

工程學、工程科學或工學，是通過研究與實踐應用數學、自然科學、社會學等基礎學科的知識，來達到改良各行業中現有材料、建築、機械、儀器、系統、化學和加工步驟的設計和應用方式一門學科。 實踐與研究工程學的人叫做工程師。

在前端領域，工程化是根據業務特點，將前端開發流程正常化，標準化。前端工程化包括開發流程、技術選型、代碼規範、構建發布、效能最佳化、前端監控等內容，主要目的在於制定標準和提升效率。

為什麼要做前端工程化？

1990年誕生的網頁指令碼語言只能用於簡單的表單校正，Web開發主要是後端開發。
2005年，AJAX非同步請求技術改變了網頁的互動模式，使用者對網站的需求越來越多，用戶端開發稍微重要了一些。
2008年，Google推出V8引擎之後，瀏覽器效能大大提升，前端工程師承擔起了用戶端的互動、UI和邏輯的開發，工作職責進一步擴大。
2009年，Node問世將Javascript帶到了服務端開發領域，“大前端”模式下前端工程師也能涉及服務端領域了。
近年來SPA應用的發展，React和Vue等架構的流行，大大提升了前端開發的效率。
NodeJs快速發展，開發出了許多工具提升前端開發效率。
隨著互連網的發展，使用者量越來越大，各大公司開始關注網站的效能和穩定性。
針對這些需求，需要對前端開發進行正常化、流程化、自動化，前端工程化就顯得尤為重要。

前端工程化的主要目標是解放生產力、提高生產效率。通過制定一些列的規範，藉助工具和架構解決前端開發以及前後端協作開發過程中的一些痛點及痛點問題。

前端工程化如何做？

根據開發流程和功能模組，可以將前端工程化分為工具、架構、流程、部署、效能、監控6個方面去介紹，前端工程化主要從這6個方面對前端開發進行正常化、流程化、自動化。

• 工具
• 架構
• 流程
• 部署
• 效能
• 監控

前端工程化產品

• 百度FIS

文章首發於我的Github：前端知識體系

前端工程化