一個22屆被裁前端思想上的轉(zhuǎn)變
作者：大前端helloworld
https://juejin.cn/post/7301574863776038949
這篇文章主要總結(jié)了作者在找工作過程中,經(jīng)歷裁員后對前端學(xué)習(xí)思路和學(xué)習(xí)方法的改變。
主要要點(diǎn)有:
-
提出應(yīng)該從瀏覽器運(yùn)行機(jī)制和組成入手,逐層深入了解前端技術(shù)背后的原理框架。
-
引導(dǎo)形成一個自身的知識體系,而不是零散學(xué)習(xí)各個知識點(diǎn)。
-
分享和推薦了一些高質(zhì)量文章資源,可以幫助梳理知識體系。
-
著重學(xué)習(xí)重要框架的原理知識,而不是死記技術(shù)細(xì)節(jié)。
-
推薦對Node、Koa等后端框架也進(jìn)行了解,形成全棧視角。
-
重視項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)的累積,不斷完善和汲取經(jīng)驗(yàn)。
-
提出學(xué)習(xí)不能停留在問題解答階段,應(yīng)該自己調(diào)試找出錯誤原因。
-
總結(jié)了個人的前端知識體系架構(gòu)與學(xué)習(xí)路線。
-
分享了一些優(yōu)質(zhì)的技術(shù)專家博客與學(xué)習(xí)資源鏈接。
以下為原文：
距離上篇文章已經(jīng)過去了三個多月，這個三個月，經(jīng)歷了技術(shù)攻堅(jiān)，然后裁員，退房，回老家，找工作。短短的幾個月，就經(jīng)歷社會的一次次毒打，特別是找工作，雖然算上實(shí)習(xí)我也有兩年了，奈何有一年是實(shí)習(xí)經(jīng)歷，投的簡歷基本投不出去，投出去了，也很少面試機(jī)會。加上我也比較菜吧。所以吃了不少苦。這一篇呢主要是給大家分享一下，我學(xué)習(xí)思想上的轉(zhuǎn)變。
背景以及嘮叨
拋出問題，你覺得什么樣的人算得上大佬？或者是怎樣得人會成為大佬？這是我去面試了一家創(chuàng)業(yè)公司，老板跟問我的。我當(dāng)時得回答是：對框架原理有著比較深得理解得，知道的比較多，各種技術(shù)都有一定得了解。當(dāng)時他沒有否認(rèn)也沒有同意，而是說了一句，擁有一顆好奇心。你有沒有想過瀏覽器是怎么運(yùn)行起來得，它是怎么組成得，你有追尋得去想過嘛。當(dāng)時得我陷入了沉思。老板是技術(shù)出身，自己創(chuàng)業(yè)了十幾年，今年是第四次創(chuàng)業(yè)，他得兩個想法也是兩個產(chǎn)品，一個我聽說過，一個我是第一次聽說。老板跟我介紹了很多，可能我們都是從農(nóng)村出來，來到大城市里聊得比較來。說句實(shí)話那天去了那邊面試，也挺震驚我的，都是密密麻麻得創(chuàng)業(yè)公司，只有幾平米。也看到了一群年輕人在創(chuàng)業(yè)。以前都是在電影上見到過，當(dāng)現(xiàn)實(shí)中見到真的還是挺震驚得。老板也看出了我的震驚，來了一句這不是很正常的事嘛。因?yàn)樽詈髠€人的原因，覺得跟老板混還是風(fēng)險太高了，加上他那創(chuàng)業(yè)的地方太小了，都沒我住的地方大 ，我是有點(diǎn)接受不了的。
對啊，你有想過瀏覽器到底是什么運(yùn)行，怎么編譯的嘛，那天我回去思考了很久，說真的也挺感謝老板給我分享了很多，讓我的見識又增長了。在面試過程中，說句心里話，遇到一個好的面試官，不僅是你在回答他的問題，他也會分享他的看法，和一些事。所幸我遇到了好幾位面試官這樣的面試官。有時候面試不僅是去一家公司工作，一邊提問，一邊回答，它其實(shí)也是知己遇知音的一個過程，也是知識一種分享的過程。 線下面試有個好處，就是能夠很清晰表達(dá)自己的想法，看點(diǎn)。壞處嘛，容易壓工資。所以我特地在深圳租了一個短期房，深圳的線下面試，其他城市就線上面試。所以我找到深圳的工作都是很低的，其他的地方待遇都還行。
當(dāng)然面過我的技術(shù)面試官有些覺得我挺菜的，哈哈哈哈，我也承認(rèn)。因?yàn)槲掖_實(shí)挺菜的，因?yàn)椴梦沂蔷旁轮?，然后后面半個月我要交接工作，因?yàn)楹献獾?，為了不影響室友繼續(xù)工作，他重新找到了房子，我要退房，不然房租費(fèi)用就是我一個人承擔(dān)，承擔(dān)不起，就退了回家過國慶，也跟家里的爸媽說了，別人被裁都是出去旅游個把月，我在家，算上國慶在家一個星期都是在家。望著稻田的稻子金燦燦的。我看朋友圈女生發(fā)的都是《稻香》，那對于我來說，那可不是周杰倫的稻香，而是漫長的煎熬，所以我就趕緊收拾了行李跑去了深圳租房，找工作。找工作基本都是海投，因?yàn)檫@行情，一年得工作經(jīng)驗(yàn)很少人理，加上我很多沒寫代碼了，我也沒得時間刷算法題，也沒得時間去了解軟件設(shè)計(jì)模式，全憑的是大學(xué)學(xué)過的記憶。所以有時候叫我寫代碼，我會愣住。因?yàn)橐粋€多月沒寫了。這里也給大家一個建議，堅(jiān)持每天都寫一下，不然真的會忘記。
進(jìn)入話題
說了那么多無關(guān)緊要的，還是進(jìn)入話題吧。
至從跟那位老板交流過，我也回去思考。然后突然就頓悟了那就感覺。有沒有發(fā)現(xiàn)，我們學(xué)的東西很雜，很快就忘記了，今天去背原型鏈，原型對象啊，明天去背js上下文啊，去看react的原理代碼啊，vue的啊。這些看了很多，就感覺記不住，過斷時間就會忘記 。其實(shí)這是我們零撒的知識體系造成的。沒有一個好的知識體系。而且學(xué)習(xí)react源碼，vue源碼之前，應(yīng)該先去看看瀏覽器的運(yùn)行機(jī)制，運(yùn)行原理，從上往下去看，梳理一下知識體系。其實(shí)你會發(fā)現(xiàn)，這些東西都不用死記硬背。node的也是，當(dāng)你做了幾個node的項(xiàng)目，這時候你應(yīng)該去思考它是怎么運(yùn)行的，怎么編譯的，它是怎么組成的。如何擴(kuò)展它的插件。當(dāng)你有了經(jīng)驗(yàn)之后，不是說零撒的去記憶，而是從原理方面去入手，去理解，理解完之后在漸進(jìn)性的學(xué)習(xí)。在結(jié)合之前項(xiàng)目做的，你就會有種突然打通了的感覺。這就是所謂的形成自己的知識體系。
那如何形成一個自己得知識體系呢，像我，我比較懶，寫寫文章，看看視頻，總結(jié)一下。其實(shí)現(xiàn)在不管是簡書，掘金，csdn，還是知乎，github，都有大量得優(yōu)秀文章，從它們文章中進(jìn)行理解，當(dāng)然有些它是寫的比較老了，但是它講的確實(shí)不錯。這時候你要去查看其他得文章，或者去官方查看。跟著我得思路一起學(xué)習(xí)吧。我分享一篇文章你就去看一篇直到你理解完了，在過來看我分享得得下一篇。瀏覽器得組成：www.jianshu.com/p/e4a75cb6f…[1] 瀏覽器得運(yùn)行機(jī)制：segmentfault.com/a/119000001…[2]這篇深度好文，真的多看看。不過有點(diǎn)老。 配合這篇文章在看看。https://juejin.cn/post/6846687590540640263
看完這兩篇你應(yīng)該這時候會有瀏覽器是怎么組成得，它的一個運(yùn)行機(jī)制。這時候就會有了大致得了解。如果還沒有了解到，建議多看幾遍。如果還沒理解清楚，很好，再看看這篇：https://zhuanlan.zhihu.com/p/96986818
看完這篇之后你會發(fā)現(xiàn)其實(shí)我們用電腦，打開瀏覽器首先是要有網(wǎng)咯，這時候就涉及我們常說得，tcp/ip,DNS，網(wǎng)關(guān)得配置，如果你去到一家是用內(nèi)網(wǎng)得公司，很好，你應(yīng)該會很清楚，這些需要配置才能夠使用它們得內(nèi)網(wǎng)。
牛人博客
這時候分享一些講的比較好DNS得文章給大家。
-
轉(zhuǎn)載：從理論到實(shí)踐，全方位認(rèn)識 DNS （理論篇）（ephen.me/2015/dns-th…[3]
-
什么情況下 DNS 會使用 TCP 傳輸協(xié)議？(ephen.me/2017/dns-tc…[4])
-
SSL 證書頒發(fā)機(jī)構(gòu)將對域名強(qiáng)制 CAA 檢查，到底什么是 CAA ？CAA 記錄詳解(ephen.me/2017/dnsrr-…[5])
-
使用公共 DNS 上網(wǎng)的弊端（一）(ephen.me/2017/Public…[6])
-
使用公共 DNS 上網(wǎng)的弊端（二）(ephen.me/2017/Public…[7])
-
閑聊 DNS 系統(tǒng)中域名的格式標(biāo)準(zhǔn)：下劃線“_”是被允許的嗎？（ephen.me/2019/zone-f…[8]
-
需要上線多個域名（網(wǎng)站）卻只有一個公網(wǎng) IP 怎么辦？（ephen.me/2018/mutisi…[9]
-
DNS 資源記錄（ Resource Record ，簡稱 RR ）介紹（ephen.me/2016/dns-rr…[10]
-
為什么中國沒有DNS根服務(wù)器 taoshu.in/dns/cn-no-r…[11]ephen.me/archives[12]
大牛連接：
- ephen.me/archives[13] 講的DNS非常好。（測試）
- blog.skk.moe/[14] 前端大神
- selfboot.cn/archives/[15] ChartGPT DNS
- taoshu.in/[16] 后端大神 ChartGPT http nginx dns
- zu1k.com/posts/[17] 985大佬。
- 9bie.org/index.php/[18] 同屆，網(wǎng)安方面。
- rtbug.com/[19] 數(shù)據(jù)安全（安全方面）
- www.northarea.tech/2023/09/06/…[20] （把自己得回憶以小說得形式去展示）
- blog.icehoney.me/tags/[21] 前端（chrome擴(kuò)展開發(fā)經(jīng)驗(yàn)記錄[22]）
- imququ.com/post/series…[23] （必看前端大佬）
- diygod.cc/（國外） [24]
- www.jianshu.com/p/05606b0b4… [25]
網(wǎng)上沖浪得時候可以看看這些文章，真的講的很好，很多都是大牛來的。比很多地方講的文章質(zhì)量要高很多。
當(dāng)你看了很多這些大牛得文章后，你要轉(zhuǎn)成自己的理解，不然是記不住得，他們講解得好，是把課本得東西理解過一篇，用自己得語言去表達(dá)出來，讓人讀起來沒那么生硬。也可以說課本得東西，很多都是老教授寫的，他們不知道我們得一個知識斷層，也沒那么完善得一個知識體系，所以一些學(xué)習(xí)比較好得人能聽懂，像我們這種聽得有點(diǎn)懵就是這個原因，它們會分享它們得一個知識，所以在一定程度上，彌補(bǔ)了我們得知識盲區(qū)。
知識體系得大致梳理
瀏覽器（組成運(yùn)行原理） =》 window對象 =》 dom對象（js）） =》jquery | react |vue 框架 這樣得一個過程去深入得探索這里會比較好說真的。react生態(tài)擴(kuò)展，如，umijs,next.js（門戶，seo，ssr） Vue.配套Nuxt比較多 對于webpack，vite這兩個，其實(shí)你去搭一個框架從零到一得配置一篇，去看一下它得運(yùn)行原理，其實(shí)還是挺簡單得，webpack熱更新，其實(shí)它是用到websocket通信，你修改了代碼，它通知了瀏覽器做出更新，當(dāng)然中間做了一些優(yōu)化，編譯啊。看一遍官方文檔還是很好理解得，剩下得不就是擴(kuò)展嘛，像loader，plugin自定義得擴(kuò)展。webpack 熱更新原理你可以看這一篇文章，juejin.cn/post/684490…[26]
對于node，如果你用過express,egg，Koa,pm2服務(wù), 看這篇文章：zhuanlan.zhihu.com/p/430201591…[27]
再去看Koa得洋蔥模型，其它，不用怕這個看不懂，如果你有前面得基礎(chǔ)，那是能看得懂得。剩下得不就是多端開發(fā)了嘛，Taro, uinapp，React-Native.其實(shí)如果是開發(fā)h5跟小程序還好我一般用Taro，如果是app，用uinapp進(jìn)行一個混和開發(fā)，或者用RN，怎么說呢，有得你頭痛，app得問題一堆，在難點(diǎn)就是自定義安卓插件，離線打包用上了，android studio,叫java安卓去封裝jar包，或者是寫類，當(dāng)然你還要適配IOS得功能得自定義兩套。這時候還不如去學(xué)flutter.用flutter比較好，我最近也在學(xué)。最后就是微前端如qiankun，這些微前端做項(xiàng)目集成用得比較多。我也在學(xué)。沒辦法，前端太卷了。
知識體系圖
題外話
當(dāng)你的代碼報(bào)錯得時候，你選擇百度得出答案然后不理，解決完事，還是調(diào)試找出報(bào)錯得原因，當(dāng)然也借助上網(wǎng)百度找出原因，為什么會報(bào)錯。
如果是我，我選擇前者。哈哈哈，很好，我們都是一樣得。（這是以前得思想這也是很多人為啥停留在初級得原因）
有人說，初級，中級，高級 其實(shí)就是跟著你年限到達(dá)得，市場就是怎么標(biāo)注得1到3年初級，兩到三年初中級，三到五年中高級，五年以上高級。其實(shí)在我看來如果是比我年長得我都會比較尊重，畢竟是有年限，見識確實(shí)比我們要廣得很多，不說技術(shù)，至少它們履歷是比我們長得。這也許是市場上普遍認(rèn)為。
現(xiàn)在計(jì)算機(jī)很卷，市場價格為什么那么低了，我面試了三個星期，大概知道原因了，我也跟轉(zhuǎn)行得好幾個同學(xué)交流過，他說他之前就從其它行業(yè)轉(zhuǎn)行過來搞前端了，之前培訓(xùn)出來去外包，然后跳槽去自研，工作了四年了，現(xiàn)在在深圳一家外包公司只要了10K，他是怎么說的，現(xiàn)在行情不好，雖然這個工資相對于前兩年來說很低，但是比我以前幸幸苦苦送外賣，送一個月都沒有一萬要很多了，至少還是在辦公室里面坐著，而且技術(shù)學(xué)好了，還可以漲。我陷入了沉思。現(xiàn)在很多其它行業(yè)都是轉(zhuǎn)過來，雖然知道計(jì)算機(jī)行情確實(shí)不好，但比他們以前做得要好很多，這就是為啥外包包裝三年，要個10K，9K都愿意干得原因了，然后本來中大型企業(yè)招聘得就少，小公司，跟創(chuàng)業(yè)公司可不管你怎樣，有種撿漏得行為。所以就壓價特別厲害，工資特別低。沒辦法，其它行業(yè)過來卷，那我們也得卷了，不然沒飯吃了。加油，一起努力！
總結(jié)
思想上的轉(zhuǎn)變：其實(shí)就學(xué)習(xí)上得探索深入，多問個為什么，形成自己得知識體系，層層深入理解。
參考資料
[1]https://www.jianshu.com/p/e4a75cb6f268
[2]https://segmentfault.com/a/1190000012925872
[3]https://ephen.me/2015/dns-theory/%EF%BC%89%E5%8E%9F%E6%96%87%EF%BC%88https://selfboot.cn/2015/11/05/dns_theory/%EF%BC%89
[4]https://ephen.me/2017/dns-tcp/
[5]https://ephen.me/2017/dnsrr-caa/
[6]https://ephen.me/2017/PublicDns_1/
[7]https://ephen.me/2017/PublicDns_2/
[8]https://ephen.me/2019/zone-format/%EF%BC%89
[9]https://ephen.me/2018/mutisite-oneip/%EF%BC%89
[10]https://ephen.me/2016/dns-rr/%EF%BC%89
[11]https://taoshu.in/dns/cn-no-root.html
[12]https://ephen.me/archives
[13]https://ephen.me/archives
[14]https://blog.skk.moe/
[15]https://selfboot.cn/archives/
[16]https://taoshu.in/
[17]https://zu1k.com/posts/
[18]https://9bie.org/index.php/
[19]https://rtbug.com/
[20]https://www.northarea.tech/2023/09/06/0/
向下滑動查看
推薦閱讀 點(diǎn)擊標(biāo)題可跳轉(zhuǎn)1、前端文件流、切片下載和上傳：優(yōu)化文件傳輸效率與用戶體驗(yàn)