前端工程師要懂些什麼

前端除了JS,HTML,CSS三板斧，還要懂些什麼？有什麼東西對咱們提高本身前端水平有幫助？

開發的過程

咱們不如先了解一下前端開發的過程

1. 跟產品瞭解需求
2. 跟後臺溝通接口
3. 跟美術對接設計
4. 寫文檔
5. 編寫代碼
6. 使用babel，sass等工具編譯代碼
7. 部署代碼(測試)
8. 測試代碼
9. 部署代碼(正式)

代碼運行的過程

1. 用戶訪問網站
2. 查詢dns，創建http鏈接
3. 內容從服務器到客戶端

4. 構建dom樹和cssom樹

   1. 字節流轉成字符流
   2. 詞法分析器將字符流轉成token
   3. 構建ast
5. 構建渲染樹
6. 佈局
7. 繪製
8. 構建合成層

如何提高

以前的咱們可能只關注了編寫代碼，只去瞭解js，css的只是，經過上面的章節，能夠意識到，想要作好前端，咱們還能夠補充如下的知識，按重要程度排序

1. HTTP知識，加快網站訪問的速度
2. 瀏覽器渲染的知識，提高頁面性能
3. 編譯原理，瞭解前端代碼是怎麼被編譯的
4. linux和nginx等知識，想要獨擋一面，仍是要了解服務器運行部署方面的知識。
5. 溝通方面的技巧，
6. 後端，產品，設計，測試等領域的知識。能夠看出，前端須要跟團隊中的各類角色交流對接，對相關的領域有了解能夠下降溝通的成本。