Web前端學(xué)習(xí)路線是怎么樣的？

1、三大件學(xué)習(xí)

現(xiàn)在每年依舊有很多初級(jí)入門的前端開發(fā)。所以對(duì)初入門的朋友也給出一點(diǎn)意見。

剛?cè)腴T的朋友，我覺得不應(yīng)該一開始就學(xué)習(xí)像Vue、TypeScript、Webpack等知識(shí)。應(yīng)該把重點(diǎn)放在 CSS&HTML&JavaScript 基礎(chǔ)知識(shí)的學(xué)習(xí)上。

對(duì)于剛?cè)腴T的朋友我依舊建議先將 CSS(3)&HTML(5) 的知識(shí)點(diǎn)認(rèn)真學(xué)習(xí)一遍。學(xué)習(xí)的途中較好是學(xué)習(xí)完一部分就自己在敲一遍代碼，加深自己的記憶。

當(dāng)然如果你愿意，建議你可以先仿一個(gè)網(wǎng)站的靜態(tài)頁(yè)面（掘金、知乎等都可以），有一些屬性就可以了解他實(shí)際的實(shí)現(xiàn)場(chǎng)景。

JavaScript 一直都是我們前端的基石，一定程度上 JavaScript 的理解深度決定了你的發(fā)展。所以一定要用心學(xué)習(xí)。

2、庫(kù)工具

對(duì)于庫(kù)工具而言我們常用的有 JQuery、underScore、zepto、Moment 等

JQuery: 降低開發(fā)者操作 DOM 的復(fù)雜度

UnderScore: 提供實(shí)用的函數(shù)

Zepto: JQuery 的簡(jiǎn)化版

Moment: 日期和時(shí)間操作庫(kù)

這些庫(kù)給我們提供了很大的便利，省去了我們編寫相關(guān)方法的時(shí)間，同時(shí)也是我們的程序更加穩(wěn)健 —— 我們自己寫的方法很可能在某些情況下就出 bug 了。

3、前端框架（MVVM）學(xué)習(xí)

當(dāng)下最火的框架想必一定是 React 和 Vue，如果 JQuery 的存在是是我們更加方便的操作 DOM,那么現(xiàn)在 MVVM 框架則是讓我們從手動(dòng)更新 DOM 的繁雜操作中解放出來。

至于 React 和 Vue 該學(xué)習(xí)哪一個(gè)，更多的還是看當(dāng)下公司使用的是哪一個(gè)（也不是必然）。對(duì)于 Vue(React) 該如何使用其實(shí)不用多久就能上手，我們更應(yīng)該關(guān)心的是他們背后的設(shè)計(jì)思想和實(shí)現(xiàn)原理。

4、瀏覽器 & 計(jì)算機(jī)基礎(chǔ)

如果你希望能能快速進(jìn)階到高級(jí)工程師，那么對(duì)于瀏覽器 & 計(jì)算機(jī)基礎(chǔ)的知識(shí)你就必要又有一定的掌握。因?yàn)檫@能讓你更好的理解前端。

瀏覽器一直是 JavaScript 最重要的宿主環(huán)境，所以我們必須去了解 JavaScript 在瀏覽器中是如何執(zhí)行的。

我們前端開發(fā)接觸最多的應(yīng)該就是瀏覽器了，記得工作第 一年最頭痛的就是處理 IE 的兼容問題。工作中出現(xiàn)的很多問題都和瀏覽器有關(guān)，所以我覺得了解瀏覽器工作原理是非常有必要的。