重學前端學習筆記（三）--前端知識框架圖

筆記說明

重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄， 天天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的能夠加入winter的專欄學習【原文有winter的語音】，若有侵權請聯繫我，郵箱：kaimo313@foxmail.com。

列一份前端知識框架圖

兩個目標

一、把沒法通查閱解決的原理和背景講清楚

二、把不方便查閱和記憶的內容整理好

前端知識劃分

本文全部知識架構圖由winter專欄提供

一、基礎部分

JavaScript知識架構

• 編程語言通常規律：用必定的詞法和語法，表達必定語義，從而操做運行時

CSS和HTML知識架構

• 文檔元信息：一般是出如今 head 標籤中的元素，包含了描述文檔自身的一些信息
• 語義相關：擴展了純文本，表達文章結構、不一樣語言要素的標籤
• 連接：提供到文檔內和文檔外的連接
• 替換型標籤：引入聲音、圖片、視頻等外部元素替換自身的一類標籤
• 表單：用於填寫和提交信息的一類標籤
• 表格：表頭、表尾、單元格等表格的結構

瀏覽器的實現原理知識架構

二、實踐部分

前端工程實踐

• 性能
• 工具鏈
• 持續集成
• 搭建系統
• 架構與基礎庫

前端的知識框架

我的總結

我上大學那一會，尚未專門開設前端課程，只有幾本書簡單講解了JavaScript跟部分網頁知識，前端也沒有十分重視，也沒有聽過前端工程師這個職位，想必你們不少都同樣，從事前端這份工做要不是自學過來的，要不就是培訓過來的，固然也有不少大佬是從事其餘語言開發過來的，若是以爲本身的前端知識架構不太完善的話，但願這篇能幫助到你