前端知識體系思維導圖

前言

hello大家好，我是"風不識途"，本文是想分享一下，筆者在自學前端時所學到的知識，總結的思維導圖（并不包含前端所有知識點），很多都是結合自己的筆記來進行總結的思維導圖喲；

本篇文章適合人群：正在自學前端的小伙伴，可以參考前端大概都需要學習哪些技術，或者是已經(jīng)學習過的兄弟姐妹，可以結合思維導圖對面試、復習串聯(lián)知識點進行復習；

如需查看源文件👉：已經(jīng)上傳的Github倉庫中，對于訪問Github比較慢的小伙伴，我也貼心的上傳到Gitee倉庫了，如果對你有幫助的話👏，那就給個 star ? 鼓勵一下吧~

前端三劍客🤺

HTML5&CSS3

HTML和CSS都對入門者比較友善，學一些標簽和CSS屬性很快就能做出效果，有反饋之后比較有動力往下繼續(xù)學習，HTML5和CSS3新增了許多有用的特性，學習起來相對輕松的；

移動Web

學習移動端的很多適配布局還是很有必要的，你會發(fā)現(xiàn)比浮動+定位布局不要太爽，移動端除了適配方案多比較麻煩，除此之外，布局比PC端輕松了許多；

JavaScript基礎

JavaScript語法不算難，如果學習過其他語言再上手js也很容易，但js的詭異的特點都是需要靠日常項目填坑逐漸積累的，js庫也是五花八門，沒有所謂的學會，換成其他語言也是一樣，關鍵是思維，函數(shù)編程思維、面向過程、面向對象、設計模式，浩如煙海，深不可測；

WebAPIS

大致的學習一遍，記住一些常用的API，最后再手寫一個輪播圖哈哈，基本都能了解到很多操作DOM的API了；

JavaScript高級&ES6

ES6新增的許多特性，在實際開發(fā)中幾乎每天都在使用，非常有必要掌握；

移動WEB知識點補充

jQuery

jQuery雖然已經(jīng)過時了，里面封裝代碼的思想還是可以借鑒下的 (可以選擇性跳過)

jQuery知識點分布

版本控制

Git

前端進階

前端性能優(yōu)化

Node.js

Node.js基礎

Node常用的第三方模塊

網(wǎng)絡請求

AJAX

前端框架

Vue

React

總結

以上是生活随笔為你收集整理的前端知识体系思维导图的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。