過(guò)來(lái)隨便發(fā)點(diǎn)牢騷，認(rèn)為不對(duì)的可以指出，好多人問(wèn)我，怎樣才能找到高薪，簡(jiǎn)單說(shuō)說(shuō)吧

一、HTML、CSS基礎(chǔ)、JavaScript語(yǔ)法基礎(chǔ)。學(xué)完基礎(chǔ)后，可以仿照電商網(wǎng)站（例如京東、小米）做首頁(yè)的布局。

二、JavaScript語(yǔ)法進(jìn)階。包括：作用域和閉包、this和對(duì)象原型等。相信我，JS語(yǔ)法，永遠(yuǎn)是面試中最重要的部分。

三、jQuery、Ajax等。jQuery沒(méi)有過(guò)時(shí)，它仍然是前端基礎(chǔ)的一部分。

四、ES6語(yǔ)法。這部分屬于JS新增的語(yǔ)法，面試必問(wèn)。其中，關(guān)于promise、async等內(nèi)容要尤其關(guān)注。

五、HTML5和CSS3。要熟悉其中的新特性。

六、canvas。面試時(shí)，有的公司不一定會(huì)問(wèn)canvas，靠運(yùn)氣。如果時(shí)間不夠，這部分的內(nèi)容可以先不學(xué)。但如果你會(huì)，絕對(duì)屬于加分項(xiàng)。

七、移動(dòng)Web開發(fā)、Bootstrap等。要注意移動(dòng)開發(fā)中的適配和兼容性問(wèn)題。

八、前端框架：Vue.js和React。這兩個(gè)框架至少要會(huì)一個(gè)。入門時(shí)，建議先學(xué)Vue.js，上手相對(duì)容易。但無(wú)論如何，同時(shí)掌握 Vue 和 React 才是合格的前端同學(xué)。

九、Node.js。屬于加分項(xiàng)，如果時(shí)間不夠，可以先不學(xué)，但至少要知道 node 環(huán)境的配置。

十、自動(dòng)化工具：構(gòu)建工具 Webpack、構(gòu)建工具 gulp、CSS 預(yù)處理器 Sass 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多。

十一、前端綜合：HTTP協(xié)議、跨域通信、安全問(wèn)題（CSRF、XSS）、瀏覽器渲染機(jī)制、異步和單線程、頁(yè)面性能優(yōu)化、防抖動(dòng)（Debouncing）和節(jié)流閥（Throtting）、lazyload、前端錯(cuò)誤監(jiān)控、虛擬DOM等。

十二、編輯器相關(guān)。Sublime Text 是每個(gè)學(xué)前端的人都要用到的編輯器。另外，前端常見(jiàn)的IDE有兩個(gè)：WebStorm 和 Visual Studio Code。WebStorm什么都好，可就是太卡頓；VS Code就相對(duì)輕量很多。個(gè)人總結(jié)一下：新手一般用 WebStorm，入門之后，用 VS Code 的人更多。

十三、TypeScript（簡(jiǎn)稱TS）。ES 是 JS 的標(biāo)準(zhǔn)，TS 是 JS 的超集。TS屬于進(jìn)階內(nèi)容，建議把上面的基礎(chǔ)掌握之后，再學(xué)TS。

十四, 前端框架知識(shí) vue react angular，三選一，必須要掌握熟，其余兩個(gè)可以了解，但取決于你面試的公司

這些基本上就是整體的路線，不管自學(xué)還是培訓(xùn)都得這么學(xué)，沒(méi)有基礎(chǔ)先自己試試。如果你找不到系統(tǒng)的學(xué)習(xí)教程，我可以發(fā)你一份我之前整理的教程。只需要加入到這個(gè)WEB前端學(xué)習(xí)交流裙，前面是589，然后是051，再接上564。