學(xué)習(xí)前端開(kāi)發(fā)，要掌握哪些知識(shí)，才能入職前端開(kāi)發(fā)？

我覺(jué)得這個(gè)問(wèn)題很典型了

網(wǎng)上會(huì)有非常詳細(xì)的前端知識(shí)體系思維導(dǎo)圖

這么巨量的知識(shí)分枝，

要先學(xué)哪個(gè)后學(xué)哪個(gè)？要全部都掌握嗎？

所以今天跟同學(xué)們說(shuō)一下我對(duì)這個(gè)問(wèn)題的看法，

先提前說(shuō)明，每個(gè)人的想法、立場(chǎng)、層次都不同，

所以接下來(lái)我說(shuō)的，都是我個(gè)人主觀(guān)看法，是片面的

僅供同學(xué)們參考

首先同學(xué)們要明確，我們學(xué)習(xí)的目標(biāo)是什么？

【就業(yè)】，沒(méi)錯(cuò)，我們的目標(biāo)都是要上班

所以在我本人在講課時(shí)

一直強(qiáng)調(diào)，我們要【面向面試學(xué)習(xí)】

你照著網(wǎng)上的各種學(xué)習(xí)路線(xiàn)、思維導(dǎo)圖

學(xué)了n多各種前端知識(shí)，你面試失敗也是沒(méi)用啊

那么，你做為一個(gè)前端新人，

在面試的時(shí)候，什么對(duì)你最有用？

當(dāng)然是你的【前端實(shí)例作品】

做什么呢？許多同學(xué)無(wú)數(shù)次的問(wèn)自己

不知道做什么，其實(shí)這個(gè)問(wèn)題很好解決

打開(kāi)拉勾、BOSS直聘、智聯(lián)等招聘網(wǎng)站，

搜索前端開(kāi)發(fā)職位，看看那些招聘公司、要求

為了節(jié)省時(shí)間，我這已經(jīng)提前打開(kāi)了

同學(xué)們可以看到，它們的要求基本都大同小異

因?yàn)榍岸碎_(kāi)發(fā)的技術(shù)其實(shí)也就是那么幾樣

翻來(lái)覆去都是那些東西

看看，它們的公司官網(wǎng)、業(yè)務(wù)、產(chǎn)品服務(wù)是什么？

公司官網(wǎng)是視差效果的，你也做個(gè)視差例子

公司主業(yè)是新媒體的，你做個(gè)小程序

有提到餐飲系統(tǒng)，你做個(gè)線(xiàn)上點(diǎn)餐實(shí)例

有做物流的，你做個(gè)線(xiàn)上物流的實(shí)例

然后你在做這些例子的時(shí)候，把它們招聘要求里技術(shù)給用上

例如，這個(gè)提到響應(yīng)式、手機(jī)端

這個(gè)提到移動(dòng)平臺(tái)的頁(yè)面適配

這個(gè)提到了各種瀏覽器的兼容性問(wèn)題

有這個(gè)需求的公司，你要特別注意

也許會(huì)有很多老舊IE8之類(lèi)的項(xiàng)目要你維護(hù)

面試這事要有針對(duì)性

不能拿著一個(gè)例子打天下

那有同學(xué)說(shuō)了，我沒(méi)有時(shí)間做這么些例子啊

這位同學(xué)啊，你仔細(xì)想想，

這些例子在本質(zhì)上，除了圖片、文字、按鈕交互上有不同之外

還有什么區(qū)別么？

你把點(diǎn)餐的實(shí)例改改圖片、文字、流程改一改

它不就成了線(xiàn)上物流的實(shí)例了么

本質(zhì)上，所有的前端項(xiàng)目其實(shí)都一樣

都是前端交互觸發(fā)事件，獲得后端數(shù)據(jù)，重新渲染view視圖

而你搞一些不同的例子，只是在業(yè)務(wù)邏輯的層面上有區(qū)別

你把實(shí)例做出來(lái)了，你還要能說(shuō)的清楚

什么意思呢？就是說(shuō)，

1、這個(gè)項(xiàng)目，它里面的方方面面，怎么調(diào)用、設(shè)計(jì)的

你得能說(shuō)得清楚；

2、你在去面試之前，最好在網(wǎng)上查一下相關(guān)的行業(yè)

例如你做的是點(diǎn)餐的實(shí)例，那么查一下點(diǎn)餐行業(yè)的相關(guān)新聞

如果你要做的是物流的例子，你了解一下物流行業(yè)

這樣你去面試的時(shí)候，一來(lái)有作品；二來(lái)了解業(yè)務(wù)

第三你技術(shù)也確實(shí)過(guò)得去，那不就可以了么

不要只是帶著個(gè)，不是你寫(xiě)的，也不知網(wǎng)上哪找來(lái)的例子

然后腦子空空的去面試，這樣肯定不行

前端開(kāi)發(fā)用到的技術(shù)，總體來(lái)講就是

html、css、原生JavaScript、es6、node、vue這么幾樣

那這幾種技術(shù)具體每個(gè)，要掌握到什么程度呢？

其實(shí)很簡(jiǎn)單，不要糾結(jié)哪個(gè)技術(shù)學(xué)到哪里為止

沒(méi)有明顯的停止線(xiàn)

因?yàn)榍岸碎_(kāi)發(fā)是多個(gè)技術(shù)的綜合運(yùn)用

只要你能把我上面提到的例子做出來(lái)，就Ok

那么在面試階段，我們要的結(jié)果就是，【做出實(shí)例】

這個(gè)實(shí)例，就是你當(dāng)前學(xué)習(xí)成果的全面綜合展示

所以我剛才強(qiáng)調(diào)說(shuō)，面向面試學(xué)習(xí)

其實(shí)核心思想，就是面向作品學(xué)習(xí)

當(dāng)你能夠做一個(gè)功能相對(duì)完整的作品出來(lái)

并且這個(gè)作品應(yīng)用了主流的前端開(kāi)發(fā)技術(shù)

那你就可以去面試

并不是說(shuō)

你把所有的前端開(kāi)發(fā)的知識(shí)完全掌握了你才可以去面試