摘要：?jiǎn)栴}回答者黃軼，目前就職于公司擔(dān)任前端架構(gòu)師，曾就職于滴滴和百度，畢業(yè)于北京科技大學(xué)。最后附上鏈接問(wèn)題我目前是一名后端工程師，工作快五年了。

問(wèn)題回答者：黃軼，目前就職于 Zoom 公司擔(dān)任前端架構(gòu)師，曾就職于滴滴和百度，畢業(yè)于北京科技大學(xué)。

問(wèn)題

大佬，能分享下學(xué)習(xí)路徑么，感覺(jué)天天忙著開(kāi)發(fā)業(yè)務(wù)，但是能力好像沒(méi)有太大提升，不知道該怎么充實(shí)自己 ？

解答

業(yè)務(wù)開(kāi)發(fā)有沒(méi)有痛點(diǎn)，能不能通過(guò)技術(shù)的手段解決 ？

平時(shí)開(kāi)發(fā)業(yè)務(wù)用到了哪些技術(shù)棧和周邊的生態(tài)鏈，我是否對(duì)他們熟練掌握了，對(duì)他們的實(shí)現(xiàn)原理呢 ？

平時(shí)開(kāi)發(fā)遇到了 bug，調(diào)試了很久，能不能提升自己快速定位 bug，解決問(wèn)題的能力 ？

如果上面分配了一個(gè)需求，沒(méi)有現(xiàn)成的輪子可以用，我是否可以快速造一個(gè)出來(lái) ？

如果使用第三方輪子出現(xiàn)問(wèn)題，我能否能找到合適的解決方案，甚至參與共建 ？

以上提到了這些問(wèn)題，不妨問(wèn)問(wèn)自己，如果沒(méi)有做的足夠好，都是你可以提升的方向。

問(wèn)題

我想知道你為什么對(duì)前端這個(gè)職業(yè)(行業(yè))，總是保持一顆好奇心，每天都不停探索，每天保持學(xué)習(xí)進(jìn)步，你是怎樣堅(jiān)持下來(lái)的呢 ？

就像醫(yī)院里的醫(yī)生(教授/專(zhuān)家)，在這個(gè)行業(yè)刻苦鉆研了大半輩子，怎樣保持每天學(xué)習(xí)的這種精神 ？探索精神 ？并且長(zhǎng)久堅(jiān)持下去 ？為社會(huì)做出了非常多的貢獻(xiàn)。

我知道你是以怎樣的決心和毅力保持每天學(xué)習(xí)，不停探索前進(jìn) ？

解答

主要是興趣驅(qū)動(dòng)吧，對(duì)技術(shù)保持熱情和好奇。

另外就是成就感，當(dāng)我 get 到某個(gè)新技能，解決了某個(gè)復(fù)雜的問(wèn)題的時(shí)候會(huì)非常有成就感。

工作前幾年的時(shí)間是非常關(guān)鍵的，是成長(zhǎng)空間大且精力最旺盛的階段，一定要在這個(gè)階段多學(xué)知識(shí)。

學(xué)習(xí)是無(wú)止境的，尤大說(shuō)過(guò)一句話我印象非常深刻 ”做腦力工作的人，往往鉆研得越深，越發(fā)現(xiàn)自己的渺小和無(wú)知“ ，與君共勉。

問(wèn)題

最近拿到了滴滴出行的實(shí)習(xí)生 offer，我想問(wèn)一下您對(duì)實(shí)習(xí)生 (或者說(shuō)初步踏入 IT 行業(yè)的學(xué)生) 在融入部門(mén)和提升上有什么建議 ？

解答

實(shí)習(xí)生一定要多做業(yè)務(wù)，工作要積極主動(dòng)，爭(zhēng)取轉(zhuǎn)正機(jī)會(huì)。

另外，非常推薦去我之前的團(tuán)隊(duì)，現(xiàn)在是苗老板負(fù)責(zé)，你可以私下聯(lián)系他喔~

問(wèn)題

感覺(jué)自己的 js 基礎(chǔ)很薄弱啊，我想問(wèn)如果想進(jìn)大廠你指的基礎(chǔ)具體一點(diǎn)到底指啥啊，我是一個(gè)非科班出身的求解呀 ？

解答

如果是應(yīng)屆生，大廠關(guān)注的是你的基礎(chǔ)和潛力。

如果是社招，大廠會(huì)關(guān)注你的經(jīng)驗(yàn)和能力，以及潛力。

如果你有心儀的大廠，不妨去看一下他們的招聘要求，以及關(guān)注一下他們對(duì)外輸出的東西。

非科班是一個(gè)劣勢(shì)，那么你就務(wù)必要花時(shí)間去補(bǔ)一些計(jì)算機(jī)相關(guān)的理論知識(shí)，簡(jiǎn)歷有需要亮點(diǎn)，最好能有一些技術(shù)輸出，比如很多人會(huì)做博客、寫(xiě)系列文章、做有趣的項(xiàng)目等等。

另外，最好的時(shí)機(jī)是等大廠缺人，招人名額多的時(shí)候去投簡(jiǎn)歷，也可以多認(rèn)識(shí)一些找內(nèi)推機(jī)會(huì)。

最后，一切的一切，都離不開(kāi)硬實(shí)力，所以?xún)?yōu)先提升自己的硬實(shí)力，多花時(shí)間學(xué)習(xí)。

問(wèn)題

黃軼老師，你對(duì)于在項(xiàng)目中推行 BFF 模式有什么見(jiàn)解嗎 ？
希望你可以回答的略廣一點(diǎn)，非常期待您的回答。

解答

BFF 在服務(wù)聚合上還是很有優(yōu)勢(shì)的吧，特別是微服務(wù)特別火的今天，前端只需要關(guān)注所需要的數(shù)據(jù)，不用關(guān)注底層提供這些數(shù)據(jù)的服務(wù)。我在滴滴和 Zoom 的時(shí)候都是這么玩的~

問(wèn)題

請(qǐng)問(wèn)一下，你做兼職的話，一般是關(guān)注那些方面呢 ？ 還有比較建議在哪些渠道尋找兼職做呢 ？

解答

主要關(guān)注的是性?xún)r(jià)比，因?yàn)闋奚俗约旱臉I(yè)余時(shí)間，要么是多掙錢(qián)（很難），要么是提升能力。

最好是熟人介紹，沒(méi)有的話可以去水木論壇找找看（我曾經(jīng)找到過(guò)），其它渠道沒(méi)有經(jīng)驗(yàn)，我就不推薦了。

問(wèn)題

黃老師，想問(wèn)下你對(duì)于前后端數(shù)據(jù)交互的最佳實(shí)踐的看法，ajax ？axios ？等等，有沒(méi)有系統(tǒng)學(xué)習(xí)的推薦。

解答

前后端交互通常有 HTTP 和 WebSocket 2 種通訊方式，建議你首先系統(tǒng)的學(xué)習(xí)一下 HTTP 相關(guān)知識(shí)，推薦看 《HTTP 權(quán)威指南》或者是 《圖解 HTTP》。

另外你提到的 axios 只是對(duì) Ajax 的封裝，如果你想了解它的實(shí)現(xiàn)原理，正好前陣子我在慕課網(wǎng)做了一門(mén)課程《基于TypeScript從零重構(gòu)axios》，學(xué)一遍后你會(huì)對(duì) axios 的實(shí)現(xiàn)細(xì)節(jié)會(huì)了如執(zhí)掌，同時(shí)也可以鞏固不少 HTTP 相關(guān)的知識(shí)。

問(wèn)題

黃老師，我現(xiàn)在剛?cè)腴T(mén)前端，能力有很大的欠缺，想找一些視頻學(xué)習(xí)，現(xiàn)在主要用到的是 Vue 框架，有什么視頻可以推薦給我嗎 ？

解答

這里不打廣告都不行了，可以關(guān)注我在慕課網(wǎng)的實(shí)戰(zhàn)課程喔~ Vue 三步曲，入門(mén) - 進(jìn)階的都有。

不過(guò)除了看視頻學(xué)習(xí)，我也建議你務(wù)必多去讀官方文檔，敲一敲上面的示例。

最后附上鏈接 http://www.imooc.com/t/3017249

問(wèn)題

我目前是一名后端工程師，工作快五年了。剛工作時(shí)，認(rèn)為前端只是寫(xiě)頁(yè)面，寫(xiě)交互，技能項(xiàng)要求少。
我自己也是比較喜歡前端，因?yàn)樽龊蠖说囊矔?huì)接觸到前端東西，所以暫時(shí)沒(méi)有轉(zhuǎn)到前端。
工作之中也在加強(qiáng)前端基礎(chǔ)技術(shù)技能。慢慢發(fā)現(xiàn)前端并不是剛開(kāi)始認(rèn)為的那樣，現(xiàn)在的前端能應(yīng)用于各個(gè)客戶(hù)端，服務(wù)端，以及組件化，模塊化，激發(fā)了我更想學(xué)習(xí)前端的欲望，于是我利用空閑時(shí)間學(xué)習(xí)更多前端相關(guān)技術(shù)。
現(xiàn)在流行前后端分離，后端只做接口，完全不會(huì)接觸我喜歡的前端部分，我喜歡技術(shù)，不喜歡業(yè)務(wù)，但是業(yè)務(wù)也很重要，在我的經(jīng)歷中一個(gè)項(xiàng)目完成上線后，基本就是后端解決運(yùn)營(yíng)或用戶(hù)使用中出現(xiàn)的問(wèn)題，因此正在考慮轉(zhuǎn)專(zhuān)職前端。
這幾年工作中寫(xiě)過(guò)接口，寫(xiě)過(guò) h5 嵌入 App，寫(xiě)過(guò)前后不分離的項(xiàng)目，也寫(xiě)過(guò)前后分離的項(xiàng)目，想問(wèn)問(wèn)黃大仙站在前端的角度有什么看法 ？

解答

其實(shí)你有豐富的后端經(jīng)驗(yàn)，不妨就直接轉(zhuǎn)全棧，并不一定要做專(zhuān)職的前端。

即使是前后端分離的開(kāi)發(fā)方式，也可以一個(gè)人完成 2 端的開(kāi)發(fā)。

而且越往上走，如果前后端都精通的人，可以走的更遠(yuǎn)。

所以你往前端方向走是好事，不過(guò)后端也不要扔下。

后端也不僅僅是 curd，當(dāng)業(yè)務(wù)復(fù)雜，用戶(hù)規(guī)模大的時(shí)候，面臨的挑戰(zhàn)比前端要大的多，如果你所在的公司沒(méi)這方面的挑戰(zhàn)，建議去大廠感受一下。

問(wèn)題

關(guān)于前端開(kāi)發(fā)，如何完善自己的工作流呢，目前的工作流十分原始，流程是明確需求-項(xiàng)目開(kāi)發(fā)(開(kāi)發(fā)環(huán)境/正式環(huán)境)-測(cè)試-上線。
如果在大廠面試，工作流這塊比較吃虧。像黃老這種包括了項(xiàng)目初始化、本地開(kāi)發(fā)、聯(lián)調(diào)、測(cè)試、上線等各個(gè)環(huán)節(jié)，是如何探索出來(lái)的呢 ？

解答

這些都是在大廠訓(xùn)練出來(lái)的，其實(shí)程序員更多的應(yīng)該去思考一個(gè)需求從產(chǎn)生 - 落地的各個(gè)環(huán)節(jié)。

現(xiàn)在大部分人能做到從一個(gè)項(xiàng)目的開(kāi)發(fā)-上線各個(gè)流程的屬性，其實(shí)在 Zoom 我們會(huì)從產(chǎn)品的設(shè)計(jì)開(kāi)始，自己會(huì)去設(shè)計(jì)產(chǎn)品應(yīng)該如何實(shí)現(xiàn)，用戶(hù)需要什么樣的功能，從 owner 的角度去設(shè)計(jì)和開(kāi)發(fā)，并負(fù)責(zé)產(chǎn)品的測(cè)試和上線，這才是工程師應(yīng)該有的素質(zhì)。

所以即使在一個(gè)有很多產(chǎn)品經(jīng)理的公司，工程師也可以多參與產(chǎn)品的設(shè)計(jì)和討論喔。

問(wèn)題

大佬，對(duì)于 flutter 持什么看法，以后會(huì)成為全端的解決方案嗎 ？特別是 flutter 轉(zhuǎn) web 之后 。

解答

肯定不會(huì)替代 Web 開(kāi)發(fā)的，至于雙端的應(yīng)用，可以關(guān)注一些主做移動(dòng)端的公司，比如滴滴、阿里、騰訊、頭條等大廠在這方面的應(yīng)用實(shí)踐吧。

問(wèn)題

中級(jí)怎么突破到高級(jí)前端工程師呢？ 自己嘗試寫(xiě)框架和庫(kù)嗎 ？

解答

中級(jí)前端基本上就是能夠獨(dú)立開(kāi)發(fā)，滿(mǎn)足基本功能需求，質(zhì)量一般，對(duì)于復(fù)雜業(yè)務(wù)需求實(shí)現(xiàn)吃力，需要指導(dǎo)，對(duì)標(biāo)阿里 p5。

高級(jí)前具備獨(dú)擋一面的能力，能夠高質(zhì)量完成工作，勝任復(fù)雜業(yè)務(wù)需求開(kāi)發(fā)，能把握一個(gè)系統(tǒng)/團(tuán)隊(duì)的整體實(shí)現(xiàn)，在推行過(guò)程中能提煉新的方法或方案，或?qū)ΜF(xiàn)有方案提出改進(jìn)建議并被證明有效，對(duì)標(biāo)阿里 p6。

其實(shí)級(jí)別的突破，側(cè)面反饋就是能力的成長(zhǎng)，那怎么提升能力呢？既要會(huì)偷懶，又要勤奮。

這里說(shuō)的“偷懶”，并不是說(shuō)少做需求，而是從業(yè)務(wù)開(kāi)發(fā)中多去思考和總結(jié)，學(xué)會(huì)抽象，學(xué)會(huì)復(fù)用代碼，減少重復(fù)的勞動(dòng)。學(xué)會(huì)使用工具來(lái)幫我們解決人肉的問(wèn)題。

舉個(gè)例子，前端最近非常火熱的編程思想就是模塊化、組件化，本質(zhì)上都是為了復(fù)用代碼，提升代碼的可維護(hù)性，比如我們是不是需要開(kāi)發(fā)通用組件庫(kù)、JS庫(kù)等等，來(lái)輔助我們的業(yè)務(wù)代碼。還有幾乎現(xiàn)在所有項(xiàng)目都會(huì)用構(gòu)建化工具幫助我們開(kāi)發(fā)，最有代表性的就是 webpack，它能幫我初始化代碼，調(diào)試，編譯打包等等，極大的幫助我們節(jié)約了開(kāi)發(fā)時(shí)間，我們是不是多花點(diǎn)時(shí)間去研究它的配置，甚至是它的源碼。

所以，去花時(shí)間學(xué)習(xí)這些編程思想，掌握這些工具，都能夠很好的幫助我們提升技術(shù)。除了會(huì)“偷懶”之外，我們也要勤奮，雖然業(yè)務(wù)忙，但往往也不會(huì)忙到8小時(shí)工作時(shí)間都在寫(xiě)代碼的地步吧。

如果我們把每天在群里斗圖、刷微信朋友圈等等的時(shí)間節(jié)約下來(lái)學(xué)習(xí)技術(shù)的話，相信只要堅(jiān)持，技術(shù)一定會(huì)提升比別人快，特別是初級(jí)的同學(xué)，你們的進(jìn)步空間還很大，一定要多花時(shí)間在學(xué)習(xí)，而不是浪費(fèi)時(shí)間問(wèn) “我工作 1-3 年，出去要多少錢(qián)合適” 這類(lèi)的問(wèn)題，薪資一定是和能力匹配的。

至于學(xué)習(xí)的方向，只要和你工作相關(guān)，你沒(méi)有掌握透徹的技術(shù)，都是可以的。

問(wèn)題

學(xué)習(xí)到了一個(gè)進(jìn)度學(xué)不進(jìn)去了，靜不下心看書(shū)。想問(wèn)問(wèn)大佬有沒(méi)有遇到類(lèi)似的情況，有什么調(diào)解方法嗎 ？謝謝~

解答

學(xué)習(xí)學(xué)不下去的時(shí)候，不妨做一些放松自己的事情，然后在狀態(tài)好的時(shí)候再回過(guò)頭去看喔~

問(wèn)題

Node.js 對(duì)于前端是必備的么，但目前公司并沒(méi)有應(yīng)用場(chǎng)景， 學(xué)了用不上，就忘了。

解答

Node.js 至少在工具方面的表現(xiàn)還是很不錯(cuò)的，比如一些構(gòu)建工具、腳手架工具都是通過(guò) Node.js 寫(xiě)的，可以通過(guò)學(xué)習(xí)他們的源碼去了解 Node.js。

另外一些不錯(cuò)的 Node.js 后端框架，比如 express，也可以去了解一下，因?yàn)橥ǔＪ褂?webpack 起的內(nèi)置 server 就是使用了 express。

問(wèn)題

作為一名初級(jí)前端工程師，前路很迷茫，不知道要怎么學(xué)習(xí)提升，老師，您可以給點(diǎn)建議嗎 ？

解答

首先是基礎(chǔ)，這里不僅僅是前端基礎(chǔ)，還有計(jì)算機(jī)相關(guān)的基礎(chǔ)知識(shí)（數(shù)據(jù)結(jié)構(gòu)、網(wǎng)絡(luò)），基礎(chǔ)務(wù)必要打牢?？梢酝ㄟ^(guò)反復(fù)看書(shū)、coding 練習(xí)的方式。

其次是項(xiàng)目開(kāi)發(fā)，你工作中用到技術(shù)棧，一定要熟練掌握，可以通過(guò)官方文檔入門(mén)，通過(guò)工作中的 coding 鞏固，并可以去看一些高質(zhì)量的進(jìn)階教學(xué)視頻課程做提升（這里有廣告嫌疑）。

以上是入門(mén)-中級(jí)的階段主要做的事情，其實(shí)就是不斷花時(shí)間學(xué)習(xí) +coding，想辦法讓自己先成為熟練工，初級(jí)可提升的空間還是很大的。

中級(jí)-高級(jí)，下面有一個(gè)類(lèi)似的問(wèn)題喔。

問(wèn)題

黃老師，請(qǐng)問(wèn)一下中級(jí)前端開(kāi)發(fā)和高級(jí)前端開(kāi)發(fā)分別需要具備什么樣的能力素質(zhì) ？

解答

中級(jí)前端基本上就是能夠獨(dú)立開(kāi)發(fā)，滿(mǎn)足基本功能需求，質(zhì)量一般，對(duì)于復(fù)雜業(yè)務(wù)需求實(shí)現(xiàn)吃力，需要指導(dǎo)，對(duì)標(biāo)阿里 p5。

高級(jí)前具備獨(dú)擋一面的能力，能夠高質(zhì)量完成工作，勝任復(fù)雜業(yè)務(wù)需求開(kāi)發(fā)，能把握一個(gè)系統(tǒng)/團(tuán)隊(duì)的整體實(shí)現(xiàn)，在推行過(guò)程中能提煉新的方法或方案，或?qū)ΜF(xiàn)有方案提出改進(jìn)建議并被證明有效，對(duì)標(biāo)阿里 p6。

問(wèn)題

node ts 確實(shí)自己都在玩，ts 是跟你課程面學(xué)的，但有的面試官就反問(wèn)我，node ts 并沒(méi)有在真正生產(chǎn)環(huán)境玩過(guò)還敢拿出來(lái)說(shuō)會(huì)， 就把我拒絕了，這些東西確實(shí)會(huì)，只是之前公司沒(méi)有機(jī)會(huì)發(fā)揮，但我不知該如何應(yīng)付這樣的面試官，希望你解答。很多東西也需要遇到一個(gè)好團(tuán)隊(duì)才能發(fā)揮，但現(xiàn)在沒(méi)有這個(gè)機(jī)會(huì)。

解答

其實(shí)不妨把你自己玩的東西形成一些作品，發(fā)布到 GitHub 上，可以是文章，也可以是項(xiàng)目。

我之前面試一個(gè)攜程的小朋友，他們的技術(shù)棧是 React，但是他自己研究過(guò) Vue.js 實(shí)現(xiàn)并寫(xiě)了一個(gè) Mini 版本的 Vue 實(shí)現(xiàn)，這樣給我的感覺(jué)就很好。

所以雖然有些技術(shù)沒(méi)有在生產(chǎn)環(huán)境中用過(guò)，但是你通過(guò)自學(xué)掌握了并且折騰出一些成果，我會(huì)認(rèn)為你是一個(gè)喜歡技術(shù)，愛(ài)折騰的人。

如果說(shuō)你這么做了面試官依然不認(rèn)可你，那說(shuō)明你們的價(jià)值觀不符，那么面試不通過(guò)也沒(méi)什么好遺憾的，面試本來(lái)也是一個(gè)雙向選擇的過(guò)程~

問(wèn)題

對(duì)于一個(gè)中大型的前端項(xiàng)目來(lái)說(shuō)，各種組件如何分類(lèi)更合理呢 ？比如基礎(chǔ)組件、業(yè)務(wù)組件。

解答

通常分為基礎(chǔ)組件、業(yè)務(wù)組件、視圖組件，基礎(chǔ)組件通常都會(huì)在組件庫(kù)里解決了。

問(wèn)題

大佬，我現(xiàn)在就職一家比較大的公司，做前端，外包。每天平均 9 10 點(diǎn)下班，平常學(xué)習(xí)的時(shí)間感覺(jué)太少了，想補(bǔ)基礎(chǔ)知識(shí)。
只能通勤時(shí)間看看電子書(shū)，回家了再敲一會(huì)代碼。有時(shí)候，11 點(diǎn)，12 點(diǎn)。有點(diǎn)干下去了，有點(diǎn)迷茫，求大佬指導(dǎo)。

解答

你屬于人力外包還是項(xiàng)目外包，如果是人力外包到大公司，就想辦法轉(zhuǎn)正。

另外你需要評(píng)估一下你每天工作這么長(zhǎng)時(shí)間是否有提升，還是一味地重復(fù)勞動(dòng)。

如果有提升的話，那還是可以繼續(xù)做，如果沒(méi)什么提升，并且也沒(méi)什么好機(jī)會(huì)提升的話，那可以考慮出去看看機(jī)會(huì)了~

問(wèn)題

畢業(yè)三年，第一年在一個(gè)小公司，第二年在一個(gè)大公司的外包到現(xiàn)在。
現(xiàn)在的狀態(tài)是這樣的，公司有老項(xiàng)目（13 年一直用到現(xiàn)在的）需要維護(hù)，也有新項(xiàng)目( vue + 微服務(wù))，總之我的工作上主要在維護(hù)那些老項(xiàng)目上，實(shí)際上工作上用的時(shí)間不多，每天有一定量的空閑時(shí)間，對(duì)應(yīng)的工資也上不來(lái)，一年了也沒(méi)有調(diào)薪，由于老項(xiàng)目的重要性自然是日益下降的，未來(lái)也不像是多能期待。
新項(xiàng)目實(shí)際上我也接觸過(guò)，還做過(guò)一些腳手架整體升級(jí)一類(lèi)的工作，所以現(xiàn)在工作中能帶來(lái)的學(xué)習(xí)方向和提升實(shí)在不多，于是我現(xiàn)在在學(xué)習(xí)一些基礎(chǔ)性的東西（ http 協(xié)議，數(shù)據(jù)結(jié)構(gòu)與算法，網(wǎng)絡(luò)硬件，甚至計(jì)算機(jī)組成）。
由于我是轉(zhuǎn)行來(lái)的這些東西沒(méi)有系統(tǒng)的學(xué)過(guò)，現(xiàn)在撿起來(lái)說(shuō)有用也有用，但短期看來(lái)帶不來(lái)什么明顯的改變，我的問(wèn)題就是，如果從現(xiàn)實(shí)出發(fā)，之后的歲月應(yīng)該怎么規(guī)劃合適，短期來(lái)說(shuō)有什么能帶來(lái)收益（比如方便面試 ？）的學(xué)習(xí)方向 ？

解答

短期如果是面向面試學(xué)習(xí)的話，我認(rèn)為一方面你需要準(zhǔn)備面試，可以看一下掘金那本面試相關(guān)的小冊(cè)，查漏補(bǔ)缺。

一方面需要好好地對(duì)你現(xiàn)有的工作總結(jié)，即使看上去技術(shù)含量不太高的工作，是不是也會(huì)有一些亮點(diǎn)，讓面試官看到你對(duì)工作的思考。

長(zhǎng)期的話，如果想讓自己的天花板變高，還是需要學(xué)習(xí)計(jì)算機(jī)的一些基礎(chǔ)知識(shí)的。

工作中如果遇到了相關(guān)知識(shí)不明白的，就認(rèn)真去學(xué)習(xí)，直到弄明白為止。

問(wèn)題

我大學(xué)也是 .net 方向，現(xiàn)在大三，已經(jīng)轉(zhuǎn)向前端，基礎(chǔ)知識(shí)已了解，準(zhǔn)備學(xué)習(xí) vue。我現(xiàn)在有些焦慮，即將秋招，可是我還沒(méi)有拿的出手的項(xiàng)目，怎么辦啊 ？求解。

解答

校招主要看重的是候選人的基礎(chǔ)和潛力，如果有實(shí)習(xí)經(jīng)驗(yàn)更佳。

建議你這段時(shí)間就認(rèn)真?zhèn)鋺?zhàn)秋招吧，先把基礎(chǔ)好好學(xué)習(xí)，除了前端知識(shí)外，數(shù)據(jù)結(jié)構(gòu)算法也是考點(diǎn)，刷刷題吧。

至于項(xiàng)目的話，如果你有時(shí)間能高仿個(gè) xx，并在掘金上發(fā)布文章 ，也可能是一個(gè)亮點(diǎn)吧。

去年有個(gè)同學(xué)就通過(guò)這個(gè)方式獲得滴滴的面試，不過(guò)可惜基礎(chǔ)略薄弱。所以重點(diǎn)還是先搞基礎(chǔ)吧~

問(wèn)題

我參加了滴滴的校招，但遺憾面試沒(méi)有通過(guò)，后來(lái)我去了一個(gè)創(chuàng)業(yè)公司到現(xiàn)在也快一年了，負(fù)責(zé)開(kāi)發(fā)公司的 webapp（ Cordova + vue ）和官網(wǎng)，node 和 mysql 對(duì)于正常的開(kāi)發(fā)都能熟練使用，后臺(tái)接口和前后端聯(lián)調(diào)也要我負(fù)責(zé)，但是我非常想去大廠和優(yōu)秀的人在一起，提升自己，不過(guò)我投過(guò)幾家大廠要求 1 到 3 年經(jīng)驗(yàn)卻沒(méi)有任何消息，所以我現(xiàn)在對(duì)于未來(lái)有點(diǎn)迷茫了，因?yàn)槲艺娴恼娴南肴ゴ髲S，現(xiàn)在的我該怎么辦，是不是我太急躁了 ？

解答

不用太急，你也只工作一年而已，這個(gè)過(guò)程你可以提升的東西有很多，先多做業(yè)務(wù)，提升技術(shù)。

等 2-3 年后，再?lài)L試去投大廠，但你的簡(jiǎn)歷一定要有亮點(diǎn)，并且基礎(chǔ)足夠扎實(shí)，相信以后機(jī)會(huì)還是會(huì)有很多的，加油~

問(wèn)題

現(xiàn)在多端統(tǒng)一開(kāi)發(fā)框架這么多，有沒(méi)有學(xué)習(xí)的建議 ？

解答

首先思考一下你的業(yè)務(wù)是否需要多端框架，比如 App、h5 和小程序需要一樣的設(shè)計(jì)嗎，答案是很多情況下是不一樣的，從產(chǎn)品設(shè)計(jì)上來(lái)說(shuō)，App 通常是最完善的功能，h5 保留主要功能，而小程序多半是一個(gè)快速入口。

其次目前多端框架多半不成熟，如果是核心業(yè)務(wù)，務(wù)必謹(jǐn)慎使用，很多情況下，大公司也會(huì)在一些偏運(yùn)營(yíng)展示的簡(jiǎn)單業(yè)務(wù)中使用這類(lèi)多端框架。

最后，一定要做技術(shù)選型，那么就從技術(shù)棧、框架維護(hù)力度，以及社區(qū)的活躍度幾個(gè)方向權(quán)衡吧。

問(wèn)題

黃老師，請(qǐng)問(wèn)應(yīng)該怎么培養(yǎng)自己的架構(gòu)思維呢 ？

解答

這個(gè)需要長(zhǎng)期的經(jīng)驗(yàn)積累的，說(shuō)幾個(gè)關(guān)鍵詞吧，借鑒、思考、總結(jié)，交流。

借鑒是站在巨人的肩膀上，比如可以學(xué)習(xí)張?jiān)讫埓罄械牟┛停?https://github.com/fouber/blog

思考是多去想我怎么設(shè)計(jì)才是最合理，能否解決當(dāng)前業(yè)務(wù)的痛點(diǎn)，如何做到開(kāi)發(fā)時(shí)對(duì)開(kāi)發(fā)者友好，上線時(shí)對(duì)用戶(hù)友好。

總結(jié)就是每次經(jīng)驗(yàn)用文字記錄下來(lái)，積累和沉淀。這個(gè)時(shí)候也可以多思考思考，有沒(méi)有哪些地方是不合理的，有沒(méi)有更好的方案。

交流就是把一些案例分享出去，和大家一起探討和交流，碰撞一些不一樣的思維火花。

問(wèn)題

前端的職業(yè)發(fā)展，怎么建立良好的知識(shí)體系呢 ？

解答

深度優(yōu)先，不忘發(fā)展廣度，前端相關(guān)的知識(shí)體系可參考樸靈大佬這幅圖：https://github.com/JacksonTian/fks。

當(dāng)然，這幅圖只是一個(gè)參考，你的知識(shí)體系還是要通過(guò)工作建立起來(lái)的，所以要以你的工作為準(zhǔn)，深入學(xué)習(xí)周邊的工具鏈技術(shù)，學(xué)習(xí)過(guò)程中要多思考，勤總結(jié)，對(duì)于每個(gè)知識(shí)點(diǎn)，最好是能學(xué)精學(xué)透，切忌囫圇吞棗。

對(duì)于些熱門(mén)的技術(shù)，不要盲目追新，如果工作用不到，除非很感興趣，否則了解關(guān)注即可。

問(wèn)題

老師好，我是一名工作一年的前端菜鳥(niǎo)，目前，有點(diǎn)迷茫，不知道以后自己的生涯規(guī)劃朝那個(gè)方向發(fā)展，橫行還是縱向，求教 ？

解答

對(duì)于初入行我的建議都是多做業(yè)務(wù)，多提升技術(shù)，等到 2-3 年，再考慮之后的發(fā)展方向。

關(guān)于職業(yè)生涯規(guī)劃，我下面有回答喔。

問(wèn)題

黃老，這幾年的前端趨勢(shì)是 mvvm、組件化、工程化以及 typescript，您覺(jué)得接下來(lái)的近幾年前端會(huì)向哪個(gè)方向重點(diǎn)發(fā)展呢 ？目前前端部分還有什么痛點(diǎn)需要解決呢 ？期待您的解答，感謝！

解答

前端往深入做通常是幾個(gè)方向，復(fù)雜應(yīng)用（比如 web doc 這種規(guī)模的）、數(shù)據(jù)可視化（2D、3D）、前端工程化、架構(gòu)。

痛點(diǎn)如目前非?；鸬亩喽丝蚣埽旧硎侵档锰剿鞯囊粋€(gè)方向，但是由于各個(gè)端的標(biāo)準(zhǔn)和實(shí)現(xiàn)不一致，導(dǎo)致目前的狀態(tài)是調(diào)試?yán)щy，坑多。

另外，感興趣的話也可以把視野放更廣一些，比如可以關(guān)注 AI，入門(mén)機(jī)器學(xué)習(xí)等等。

問(wèn)題

你以前剛接觸 web 前端時(shí)，每天看幾本書(shū) ？通過(guò)啥方式提升 ？

解答

我看的前端書(shū)并不多，也遠(yuǎn)達(dá)不到一天幾本，經(jīng)典的紅寶書(shū)和犀牛書(shū)我有反復(fù)的看過(guò)，前期基本就是一個(gè)編碼 - 看書(shū) - 編碼 - 看書(shū)的節(jié)奏。

另外，我也比較推薦看一下廣度相關(guān)的書(shū)籍，比如《http 權(quán)威指南》、《精通正則表達(dá)式》、《Head First 設(shè)計(jì)模式》《代碼整潔之道》 等。

問(wèn)題

大佬，請(qǐng)問(wèn)下公司就我一個(gè)前端，沒(méi)有經(jīng)驗(yàn)比較豐富的人可以交流學(xué)習(xí)，依靠自己學(xué)習(xí)可以從初級(jí)進(jìn)階到中級(jí)前端工程師嗎 ？

解答

現(xiàn)在學(xué)習(xí)資源比之前豐富太多了，除了看一些經(jīng)典書(shū)籍，還有一些很不錯(cuò)的教學(xué)視頻可以去學(xué)習(xí)，講師很多也是一線互聯(lián)網(wǎng)公司的大佬，投資自己總不會(huì)錯(cuò)的。

也可以適當(dāng)參加一些技術(shù)會(huì)議，認(rèn)識(shí)一些人。

另外，對(duì)于在小公司如何做技術(shù)提升，可以參考我下面的一些回答。

當(dāng)然，當(dāng)你能力提升到一定水平后，能進(jìn)大公司就去大公司。大公司相對(duì)來(lái)說(shuō)，業(yè)務(wù)挑戰(zhàn)更大，也更加規(guī)范，是一個(gè)非常不錯(cuò)的鍍金機(jī)會(huì)。

問(wèn)題

老師怎么看待未來(lái)桌面應(yīng)用，例如 electron 的發(fā)展前景 ？

解答

electron 讓前端工程師開(kāi)發(fā)桌面應(yīng)用更加容易，但它本身還是桌面應(yīng)用，需要安裝，大部分企業(yè)還是會(huì)更傾向于 web 的方式吧。

另外，我覺(jué)得 PWA 可以多關(guān)注喔。

問(wèn)題

大佬，天天加班嚴(yán)重，忙于業(yè)務(wù)，還是基于老的框架，如何能提升自身 ？感覺(jué)很困惑 。

解答

首先需要提升自己的開(kāi)發(fā)效率，思考一下能不能抽象一些通用的模塊和組件等，開(kāi)發(fā)過(guò)程中有沒(méi)有痛點(diǎn)，有沒(méi)有能通過(guò)工具而不用人解決的問(wèn)題，如果你能發(fā)現(xiàn)一些問(wèn)題并通過(guò)技術(shù)手段解決，那么已經(jīng)是一個(gè)提升了。

其次，老的框架是否需要升級(jí)，如需要，如何平滑升級(jí)，如何做到升級(jí)對(duì)現(xiàn)有業(yè)務(wù)影響最小，如果影響很大，思考一下現(xiàn)有項(xiàng)目的組織方式是否合理。如果把上面這些問(wèn)題都想清楚，并解決，也是一個(gè)提升了。

再次，我每天做的業(yè)務(wù)，接觸到的一些工具鏈和技術(shù)棧，我是否已經(jīng)對(duì)它們的原理深入掌握了，出現(xiàn) Bug 和坑我能否快速定位和解決，如果現(xiàn)有輪子不能滿(mǎn)足需求的時(shí)候，我能不能快速造一個(gè)出來(lái)，做了這些又是一個(gè)提升。

最后，如果覺(jué)得公司對(duì)技術(shù)重視程度不夠，也可以考慮換一個(gè)坑。

問(wèn)題

前端的架構(gòu)師一般都做些什么呢 ？

解答

主要是分析當(dāng)前業(yè)務(wù)的痛點(diǎn)和目標(biāo)，結(jié)合場(chǎng)景去提出一套合理的解決方案。

其中涉及到編碼的部分包括不限于編寫(xiě)一些工具插件、腳手架、甚至是框架。

前端架構(gòu)是沒(méi)有銀彈的，不同場(chǎng)景的架構(gòu)方案也往往是不同的。

問(wèn)題

性能優(yōu)化有什么推薦的書(shū)嗎？

解答

《高性能網(wǎng)站建設(shè)進(jìn)階指南》

問(wèn)題

你好，老師，前端使用 vue 技術(shù)棧的，有哪些提升開(kāi)發(fā)效率的經(jīng)驗(yàn) ？

解答

對(duì) Vue.js 熟練掌握，可以方便你快速開(kāi)發(fā)。

深入了解 Vue.js 的原理，對(duì)于快速定位 bug，了解它的職責(zé)邊界有很大幫助。

另外，盡量使用第三方成熟庫(kù)，避免重復(fù)造輪子。

問(wèn)題

培訓(xùn)結(jié)束一年，三大框架只了解 vue，目前準(zhǔn)備跳槽，但是覺(jué)得自己 js 基礎(chǔ)也不扎實(shí)，vue 也沒(méi)有特別的熟練，react 更是完全都不了解，想問(wèn)下接下來(lái)的學(xué)習(xí)路徑大概是什么 ？

解答

查漏補(bǔ)缺吧，知道自己什么不足，就花時(shí)間去學(xué)習(xí)。

Vue.js 技術(shù)棧方向的可以考慮去學(xué)習(xí)我的課程，不過(guò)會(huì)有一定難度，也是需要你花時(shí)間和耐心去學(xué)的。

另外就是在工作中學(xué)習(xí)和成長(zhǎng)了，如果是一年經(jīng)驗(yàn)，還是多做業(yè)務(wù)，在業(yè)務(wù)中多思考和總結(jié)，使用 Vue 就先把 Vue 用熟，接下來(lái)研究其原理實(shí)現(xiàn)，學(xué)透。

之后有需要再學(xué) React、Angular 都比較容易了。

總之前期還是先讓自己成為一名熟練工，之后再去做一些有挑戰(zhàn)的事情。

問(wèn)題

黃軼老師，vue.js 源碼都跟著您學(xué)完了，另外還學(xué)過(guò) ts，網(wǎng)絡(luò)，基礎(chǔ)的構(gòu)建，接下來(lái)如果像往前端繼續(xù)深造應(yīng)該學(xué)什么呢，深入算法還是可以看看 webpack 源碼 ？謝謝。

解答

通常都是結(jié)合你工作中使用到的一些工具鏈，做深入的學(xué)習(xí)和研究。

另外，你已經(jīng)學(xué)習(xí)了這么多東西，可以嘗試一下學(xué)以致用，比如用 ts 重構(gòu)一些項(xiàng)目，給一些基礎(chǔ)庫(kù)和組件編寫(xiě)測(cè)試等等。

學(xué)習(xí)了 Vue 源碼，可以嘗試去編寫(xiě)一些自定義指令、插件等，或者是去研究社區(qū) Vue 相關(guān)生態(tài)工具，做進(jìn)一步研究和學(xué)習(xí)。

問(wèn)題

Vue 應(yīng)該如何進(jìn)階和提升呢 ? 總感覺(jué)自己處在一個(gè)業(yè)務(wù)仔的技術(shù)水平。

解答

做復(fù)雜的應(yīng)用，思考不同場(chǎng)景在 Vue 下如何解決，并搞清楚 Vue 的邊界職責(zé)（即 Vue 能做什么，不能做什么）。

了解一下周邊生態(tài)工具如 vue-router、vuex 的實(shí)現(xiàn)原理，嘗試去寫(xiě)一些簡(jiǎn)單的輪子，比如自定義指令、插件等。

閱讀源碼，了解 Vue 的核心原理實(shí)現(xiàn)。

參與 Vue 或者周邊生態(tài)工具源碼的共建。

推薦學(xué)習(xí)工作中使用的工具鏈的源碼，比如用了 webpack 就看研究一下 webpack，如果能順手寫(xiě)一兩個(gè) webpack 插件就更好了。

另外也可以多看一些經(jīng)典的書(shū)籍和一些進(jìn)階的視頻課程學(xué)習(xí)。

問(wèn)題

在對(duì)未來(lái)規(guī)劃的方面老師可否給一些參考性的建議 ？

解答

一般建議只做 3 年內(nèi)的規(guī)劃，你作為一個(gè)應(yīng)屆生，前幾年的目標(biāo)就是多做業(yè)務(wù)，提升技術(shù)。

關(guān)于職業(yè)規(guī)劃，下面有個(gè)類(lèi)似的問(wèn)題喔。

問(wèn)題

黃老師，你在滴滴的時(shí)候你是你們團(tuán)隊(duì)的第一個(gè)人 ，團(tuán)隊(duì)都是你組建起來(lái)的嗎 ？可以分享一下組建團(tuán)隊(duì)的時(shí)候，你是怎樣考慮自己要選擇的隊(duì)員 ，以及如何對(duì)他們的工作進(jìn)行分配和評(píng)估的 ？

解答

是第一人，不過(guò)后來(lái)沒(méi)有做 leader，有些事情就不便這里說(shuō)啦。

我可以分享一下我后來(lái)做 WebApp 前端架構(gòu)團(tuán)隊(duì)負(fù)責(zé)人是如何招人的，主要看候選人是不是符合團(tuán)隊(duì)的整體氣質(zhì)，比如我們團(tuán)隊(duì)是一個(gè)愛(ài)折騰技術(shù)，喜歡分享的團(tuán)隊(duì)，如果候選人在這方面突出，肯定是大大的加分項(xiàng)。

工作分配主要是看他們每個(gè)人的情況，通常一個(gè)人會(huì)負(fù)責(zé)一塊業(yè)務(wù)，同時(shí)也有相關(guān)的技術(shù)方向。

會(huì)把一些基礎(chǔ)的開(kāi)發(fā)工作分配給應(yīng)屆生，因?yàn)樗麄兪切枰罅孔鰳I(yè)務(wù)的階段，會(huì)把一些有挑戰(zhàn)的工作分配給一些有潛力的同學(xué)，讓他們快速成長(zhǎng)。

另外我們團(tuán)隊(duì)還有很優(yōu)秀的同學(xué)，會(huì)主動(dòng)承擔(dān)和負(fù)責(zé)一些技術(shù)方向，這些我都非常鼓勵(lì)的。

問(wèn)題

小公司沒(méi)有什么大公司背景，沒(méi)有牛逼的項(xiàng)目，怎么走上前端架構(gòu)之路 ？

解答

首先，你需要能快速響應(yīng)公司的業(yè)務(wù)需求，成為一名熟練工。

然后可以思考開(kāi)發(fā)過(guò)程中有沒(méi)有什么痛點(diǎn)，能不能通過(guò)技術(shù)的手段，比如開(kāi)發(fā)一些工具和插件來(lái)提升開(kāi)發(fā)效率，在這個(gè)過(guò)程中，你可以去調(diào)研業(yè)內(nèi)有沒(méi)有成熟的輪子，輪子能不能滿(mǎn)不滿(mǎn)足你的需求，可以對(duì)輪子做研究甚至去做貢獻(xiàn)，這個(gè)過(guò)程你會(huì)接觸到學(xué)習(xí)到很多不曾接觸到的知識(shí)，積累沉淀下來(lái)。

另外，你也需要多花業(yè)余時(shí)間去學(xué)習(xí)，學(xué)習(xí)的方向是你工作相關(guān)的技術(shù)棧，學(xué)精學(xué)通。

等自己有一定能力了，不妨去投簡(jiǎn)歷到心儀的大公司，剛提到的這些經(jīng)歷可以成為簡(jiǎn)歷的亮點(diǎn)。

進(jìn)入大公司后，你會(huì)遇到更多的挑戰(zhàn)，業(yè)務(wù)規(guī)模、開(kāi)發(fā)效率、性能、穩(wěn)定性等等都會(huì)有更高的要求，在你不斷去面對(duì)挑戰(zhàn)，解決問(wèn)題的過(guò)程中，你自然就會(huì)慢慢成長(zhǎng)了。

當(dāng)然，進(jìn)入大公司后你可能一開(kāi)始也可能是一顆螺絲釘，但是你自己是可以多花時(shí)間，對(duì)自己接觸到的工具鏈做研究，主動(dòng)承擔(dān)一些有挑戰(zhàn)的任務(wù)，如果你的能力得到了認(rèn)可，你就會(huì)有機(jī)會(huì)接觸到更多有挑戰(zhàn)的任務(wù)。能夠分析出問(wèn)題的痛點(diǎn)，提出一些適合場(chǎng)景且合理的解決方案，就是前端架構(gòu)師通常做的事情。

我以上說(shuō)的，會(huì)有很多時(shí)候都需要跳出自己的舒適圈，并且需要付出更多的時(shí)間和努力，勤思考，多總結(jié)。所以，想成為前端架構(gòu)師并不容易，加油吧~

問(wèn)題

想請(qǐng)教一下大神在最初學(xué)習(xí)源碼，組織開(kāi)源時(shí)如何入門(mén)的，同時(shí)學(xué)習(xí)源碼對(duì)于工作變現(xiàn)是不是有必然的聯(lián)系，如何把控 ？

解答

拿 Vue.js 為例吧，最初是興趣驅(qū)動(dòng)，好奇，后來(lái)是寫(xiě)文章，需要深入研究，再之后就是工作中陸陸續(xù)續(xù)地看，然后錄源碼課程前系統(tǒng)地看了好幾遍。

看源碼的好處在于可以提升自己的內(nèi)功，工作中遇到 bug 能快速定位和解決，充分了解它的職責(zé)邊界等，另外現(xiàn)在面試似乎都喜歡問(wèn)原理實(shí)現(xiàn)，熟悉源碼肯定是一個(gè)加分項(xiàng)咯。

問(wèn)題

框架熟悉哪幾個(gè)比較合適呢 ？

解答

通常優(yōu)先精通工作中使用的框架，其它的了解即可。因?yàn)榭蚣芎芏嘣O(shè)計(jì)思想都是相通的，一旦精通一門(mén)，之后想學(xué)習(xí)其他框架非常容易。

問(wèn)題

人到 30 ，該如何規(guī)劃未來(lái) 5 年的時(shí)間 ？

解答

職業(yè)規(guī)劃我下面有回答，我個(gè)人認(rèn)為這個(gè)時(shí)間還是應(yīng)該做技術(shù)、寫(xiě)代碼的時(shí)間。

問(wèn)題

你認(rèn)為如何做職業(yè)生涯規(guī)劃呢 ？從前前端幾年了，感覺(jué)處于瓶頸期，目前比較迷茫，目標(biāo)不明確。

解答

通常做技術(shù)往上 2 條路。

1 ：純技術(shù)路線：架構(gòu)師技術(shù)專(zhuān)家

2 ：技術(shù)+管理路線。

先找準(zhǔn)你的方向，如果對(duì)技術(shù)感興趣，建議走 1 路線，否則就走 2。

對(duì)于管理，我不是很擅長(zhǎng)，我的經(jīng)驗(yàn)就是首先你自己的技術(shù)要過(guò)硬，讓底下人認(rèn)可你，其次就是思考怎么發(fā)揮團(tuán)隊(duì)的最大價(jià)值，為團(tuán)隊(duì)小伙伴謀福利，關(guān)注他們的成長(zhǎng)等。

但是無(wú)論哪條路線，你的技術(shù)一定要好，而且我是不太建議工作個(gè) 5，6 年就轉(zhuǎn)純管理，時(shí)間太短，即使做了也不要落下技術(shù)。

所以你目前還是需要精進(jìn)技術(shù)，突破瓶頸通過(guò)就需要跳出舒適圈，解決一些需要你跳一下才能搞定的問(wèn)題，最好是能找到你目前工作中的一些痛點(diǎn)，通過(guò)技術(shù)的手段去解決。

我看你在字節(jié)跳動(dòng)，也可以關(guān)注一下其他團(tuán)隊(duì)做的事情。

我知道頭條有一個(gè)非常牛逼的大佬-張?jiān)瑹?，他是我在百度時(shí)期的導(dǎo)師，你也可以找他交流下。

以上問(wèn)題及回答全部來(lái)自： 我是開(kāi)源庫(kù) better-scroll 的作者 -- 黃軼，你有什么問(wèn)題要問(wèn)我 ？

以上問(wèn)題及回答，對(duì)筆者很有幫助，相信以上回答對(duì)前端開(kāi)發(fā)者也會(huì)有很大的啟發(fā)，能解決很多人的迷茫，所以整理成了這篇文章。

歡迎關(guān)注公眾號(hào)： 全棧修煉，每周至少更新兩篇高質(zhì)量前端文章，為你保駕護(hù)航 ！