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

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

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

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

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

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

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

2、庫工具

對于庫工具而言我們常用的有 JQuery、underScore、zepto、Moment 等

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

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

Zepto: JQuery 的簡化版

Moment: 日期和時間操作庫

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

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

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

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

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

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

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

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