重學前端學習筆記（三）--前端知識框架圖
摘要：
筆記說明
重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄， 每天10分鐘，重構你的前端知識體系 ，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【原文有winter的語音】，如有侵權請聯絡我，郵箱：kaimo313@fox...
筆記說明
重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄， 每天10分鐘，重構你的前端知識體系 ，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【原文有winter的語音】，如有侵權請聯絡我，郵箱：[email protected]。
列一份前端知識框架圖
兩個目標
1、把無法通查閱解決的原理和背景講清楚
2、把不方便查閱和記憶的內容整理好
前端知識劃分
本文所有知識架構圖由winter專欄提供
1、基礎部分
JavaScript知識架構
- 程式語言一般規律：用一定的詞法和語法，表達一定語義，從而操作執行時
CSS和HTML知識架構
- 文件元資訊：通常是出現在 head 標籤中的元素，包含了描述文件自身的一些資訊
- 語義相關：擴充套件了純文字，表達文章結構、不同語言要素的標籤
- 連結：提供到文件內和文件外的連結
- 替換型標籤：引入聲音、圖片、視訊等外部元素替換自身的一類標籤
- 表單：用於填寫和提交資訊的一類標籤
- 表格：表頭、表尾、單元格等表格的結構
瀏覽器的實現原理知識架構
2、實踐部分
前端工程實踐
- 效能
- 工具鏈
- 持續整合
- 搭建系統
- 架構與基礎庫
前端的知識框架
個人總結
我上大學那一會，還沒有專門開設前端課程，只有幾本書簡單講解了JavaScript跟部分網頁知識，前端也沒有十分重視，也沒有聽過前端工程師這個職位，想必大家很多都一樣，從事前端這份工作要不是自學過來的，要不就是培訓過來的，當然也有很多大佬是從事其他語言開發過來的，如果覺得自己的前端知識架構不太完善的話，希望這篇能幫助到你