你好，主要想問(wèn)你一些學(xué)習(xí)方式。我想從事后端方向，但是現(xiàn)在后端懂前端已經(jīng)是很常見(jiàn)的了吧。所以我想有空也接觸一下前端?，F(xiàn)在不知道前端應(yīng)該從哪里入手，看了星球的知識(shí)路線(xiàn)挺長(zhǎng)的，感覺(jué)應(yīng)該是為前端選手量身打造的。作為后端選手，有哪些前端技能你認(rèn)為應(yīng)該掌握？還有就是你有沒(méi)有什么書(shū)籍可以推薦？我比較喜歡看書(shū)，沒(méi)有的話(huà)視頻也行。

回答

總結(jié)一下，主要是 3 個(gè)問(wèn)題：

1. 作為后端，要學(xué)習(xí)前端么？
2. 后端要學(xué)習(xí)哪些前端知識(shí)？
3. 后端應(yīng)該怎么學(xué)習(xí)前端？

相信這也是很多小伙伴關(guān)注的問(wèn)題，印象中很多小伙伴都在喊著自己要成為全棧工程師（前端后端都做的那種）。

我自己雖然側(cè)重后端，但也一直在用前端開(kāi)發(fā)項(xiàng)目，所以在這個(gè)問(wèn)題上，可以結(jié)合自己的經(jīng)歷，說(shuō)說(shuō)看法。

1

首先，后端會(huì)前端肯定是更好的。

單看這半句話(huà)來(lái)說(shuō)，就是廢話(huà)。因?yàn)闊o(wú)論你學(xué)什么知識(shí)，肯定都是學(xué)的越多越好。

而我們要考慮的核心是 性?xún)r(jià)比 。即：后端學(xué)到什么程度再去學(xué)前端？

對(duì)于初學(xué)編程的同學(xué)來(lái)說(shuō)，我更建議大家先一條路地去入門(mén)單個(gè)編程語(yǔ)言或方向，這有助于大家更快地做出完成的作品，提高對(duì)編程的興趣。而且從求職面試的角度來(lái)說(shuō)，對(duì)于大部分公司，可能只需要純后端或純前端，所以你朝著一個(gè)方向去學(xué)習(xí)一般能夠更快地達(dá)到公司的要求。

現(xiàn)在大家也一直在說(shuō)學(xué) Java 太卷啦，要不要轉(zhuǎn) C++、要不要轉(zhuǎn) Go 等等。其實(shí)不用過(guò)于糾結(jié)，盡可能地專(zhuān)注一個(gè)方向，在這個(gè)方向?qū)W的比其他同學(xué)深一點(diǎn)，而不是反復(fù)橫跳，你才會(huì)更有優(yōu)勢(shì)。

所以我的建議是：如果你以后端為主，在你沒(méi)有達(dá)到后端的入職標(biāo)準(zhǔn)、后端知識(shí)沒(méi)玩明白前，不要抽大量的時(shí)間去學(xué)前端（時(shí)間緊的話(huà)不學(xué)前端也完全沒(méi)問(wèn)題）。

后端同學(xué)建議學(xué)完我 Java 學(xué)習(xí)路線(xiàn)上的 Spring Cloud 微服務(wù)章節(jié)。

當(dāng)然，如果你時(shí)間足夠并且覺(jué)得自己后端學(xué)習(xí)進(jìn)度 ok 了，那抽小部分時(shí)間自學(xué)前端也是很不錯(cuò)的。（所以想學(xué)好編程，很重要的一點(diǎn)就是 做好時(shí)間規(guī)劃。 ）

畢竟技多不壓身嘛。

從我自己的經(jīng)歷來(lái)看，會(huì)前端的好處是可以和前端配合 & 溝通更順暢?？梢哉驹诟邔印⑷值亟嵌热ピO(shè)計(jì)項(xiàng)目整體的前后端實(shí)現(xiàn)方案。

比如我曾經(jīng)和某前端同學(xué)合作時(shí)，他提出了一個(gè)方案，對(duì)我們彼此都很麻煩。后來(lái)我?guī)退氤隽艘粋€(gè)前后端都輕松的方案，大家都很 happy，而如果不懂前端就會(huì)被他的方案牽著走了。

此外，還記得之前我在星球直播帶開(kāi)發(fā) [伙伴匹配系統(tǒng)項(xiàng)目]時(shí)，給每個(gè)請(qǐng)求單獨(dú)寫(xiě)一個(gè)接收參數(shù)的對(duì)象。如果不了解前端或者沒(méi)和前端對(duì)接的同學(xué)會(huì)覺(jué)得這樣做很麻煩。但其實(shí)這樣做之后，自動(dòng)生成的接口文檔會(huì)更干凈。前端看了才會(huì)更清晰自己要傳什么參數(shù)（也更安全），對(duì)你的印象也會(huì)更好。

所以還是很建議入職之后的小伙伴，尤其是想晉升高工級(jí)別、想當(dāng) Leader 或項(xiàng)目負(fù)責(zé)人的朋友學(xué)習(xí)下前端，拓寬技能邊界。

2

星球的前端學(xué)習(xí)路線(xiàn)雖然很長(zhǎng)，但卻適用于所有學(xué)習(xí)前端的同學(xué)（無(wú)論出于什么目的）。

只不過(guò)對(duì)后端開(kāi)發(fā)來(lái)說(shuō)，這個(gè)路可以 “短” 一點(diǎn)兒。

只要學(xué)習(xí)如下知識(shí)就可以了：

1. 標(biāo)準(zhǔn)三件套和 Vue，做到能看懂代碼、通過(guò)復(fù)制粘貼 + 修改完成開(kāi)發(fā)
2. Ajax 和 HTTP 協(xié)議，即前端與后端如何交互，有助于從全局的角度排查問(wèn)題，劃分前后端錯(cuò)誤邊界（不過(guò)后端本來(lái)就要重點(diǎn)去學(xué) HTTP 協(xié)議）
3. 了解打包工具，知道怎么構(gòu)建部署前端項(xiàng)目

學(xué)后端的小伙伴們?nèi)绻馨研乔蚶锏?[伙伴匹配系統(tǒng)]做完，基本上前端水平就足夠了，剩下的就是有空多練習(xí)。

當(dāng)然，沒(méi)有絕對(duì)的標(biāo)準(zhǔn)說(shuō)一定要學(xué)到什么程度，感興趣就多學(xué)點(diǎn)唄。但還是那句話(huà)，別搞錯(cuò)了自己發(fā)展的重點(diǎn)。

3

至于怎么學(xué)習(xí)前端，其實(shí)在我的前端學(xué)習(xí)路線(xiàn)里寫(xiě)的都很清楚了。

這里就推薦 2 個(gè)幫助大家零基礎(chǔ)入門(mén)的資源：

1. B 站 Pink 老師前端入門(mén)視頻（很詳細(xì)，適合慢學(xué)）
2. Freecodecamp 在線(xiàn)代碼訓(xùn)練（很直接，適合速學(xué)