前端知識(shí)體系思維導(dǎo)圖
學(xué)前端時(shí)所學(xué)到的知識(shí)，總結(jié)的思維導(dǎo)圖（并不包含前端所有知識(shí)點(diǎn)），很多都是結(jié)合自己的筆記來進(jìn)行總結(jié)的思維導(dǎo)圖喲；
本篇文章適合人群：正在自學(xué)前端的小伙伴，可以參考前端大概都需要學(xué)習(xí)哪些技術(shù)，或者是已經(jīng)學(xué)習(xí)過的兄弟姐妹，可以結(jié)合思維導(dǎo)圖對(duì)面試、復(fù)習(xí)串聯(lián)知識(shí)點(diǎn)進(jìn)行復(fù)習(xí)??br/>

前端三劍客??/h2>

HTML5&CSS3

HTML??code style="border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; font-family: Consolas, Monaco, "Andale Mono", monospace; background-color: rgb(248, 248, 248); overflow-wrap: break-word;">CSS都對(duì)入門者比較友善，學(xué)一些標(biāo)簽和CSS屬性很快就能做出效果，有反饋之后比較有動(dòng)力往下繼續(xù)學(xué)習(xí)，HTML5??code style="border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; font-family: Consolas, Monaco, "Andale Mono", monospace; background-color: rgb(248, 248, 248); overflow-wrap: break-word;">CSS3新增了許多有用的特性，學(xué)習(xí)起來相對(duì)輕松的；

移動(dòng)Web

學(xué)習(xí)移動(dòng)端的很多適配布局還是很有必要的，你會(huì)發(fā)現(xiàn)比浮??定位布局不要太爽，移動(dòng)端除了適配方案多比較麻煩，除此之外，布局??code style="border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; font-family: Consolas, Monaco, "Andale Mono", monospace; background-color: rgb(248, 248, 248); overflow-wrap: break-word;">PC端輕松了許多??/p>

JavaScript基礎(chǔ)

JavaScript語法不算難，如果學(xué)習(xí)過其他語言再上??code style="border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; font-family: Consolas, Monaco, "Andale Mono", monospace; background-color: rgb(248, 248, 248); overflow-wrap: break-word;">js也很容易，但js的詭異的特點(diǎn)都是需要靠日常項(xiàng)目填坑逐漸積累的，js庫也是五花八門，沒有所謂的學(xué)會(huì)，換成其他語言也是一樣，關(guān)鍵是思維，函數(shù)編程思維、面向過程、面向?qū)ο?、設(shè)計(jì)模式，浩如煙海，深不可測(cè)；

WebAPIS

大致的學(xué)習(xí)一遍，記住一些常用的API，最后再手寫一個(gè)輪播圖哈哈，基本都能了解到很多操作DOM??code style="border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; font-family: Consolas, Monaco, "Andale Mono", monospace; background-color: rgb(248, 248, 248); overflow-wrap: break-word;">API了；

JavaScript高級(jí)&ES6

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

移動(dòng)WEB知識(shí)點(diǎn)補(bǔ)??/h3>

jQuery

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

jQuery知識(shí)點(diǎn)分??/h3>

版本控制

Git

前端進(jìn)階

前端性能優(yōu)化

Node.js

Node.js基礎(chǔ)

Node常用的第三方模塊

網(wǎng)絡(luò)請(qǐng)求

AJAX

前端框架

Vue

React