[[421928]]

背景

個(gè)人成長(zhǎng) 一直是很多同學(xué)最為關(guān)注的話題，大家也都可以到處看到相關(guān)的一些想法：有迷茫的、有焦慮的、有吐槽的、有建議的等等。在最近的一次團(tuán)隊(duì)溝通中，也基本上和大部分的同學(xué)深入聊到了這個(gè)話題，這里也做一個(gè)總結(jié)和思考。

正文

成長(zhǎng)的話題，個(gè)人理解，可以分為三個(gè)部分：What、Why、How 來(lái)依次解析。

What

首先要搞明白的就是，大家所說(shuō)的成長(zhǎng)到底是個(gè)什么東西，而不是泛泛而談，我要成長(zhǎng)，要弄清楚、弄明白到底要啥。

那成長(zhǎng)這個(gè)詞的含義，來(lái)自百度百科的解釋：

按照百科的解釋，成長(zhǎng)本身的含義是：人長(zhǎng)大的過(guò)程，泛指的是從稚嫩到成熟的過(guò)程。敲重點(diǎn)，我覺(jué)得成長(zhǎng)的最最核心的就是 過(guò)程 這兩個(gè)字，“長(zhǎng)大”或者“成熟”更多的是代表的 目標(biāo) 。

所以從這個(gè)視角來(lái)看，我們可以把成長(zhǎng)拆解為： 目標(biāo) + 過(guò)程 。 我們一直奔著某個(gè)目標(biāo)一直努力前行的過(guò)程，就代表了成長(zhǎng) 。

Why

弄明白了成長(zhǎng)到底是個(gè)啥，還要弄清楚為什么，就是為什么我需要成長(zhǎng)。 很簡(jiǎn)單，為了你的那個(gè)目標(biāo) 。

拿自然的人長(zhǎng)大來(lái)講，從小到大，你需要一直吃飯、補(bǔ)充營(yíng)養(yǎng)、還需要不斷學(xué)習(xí)各種技能，直至一般大家所說(shuō)的18歲成年。那這個(gè)過(guò)程到底是為啥呢？是生物的本能？當(dāng)然是，“人是鐵飯是鋼，一頓不吃餓得慌”，生物本身決定了你就必須吃飯，必須喝水，這樣你的身體才能夠成長(zhǎng)。還有其他原因嗎？當(dāng)然，你的各種學(xué)習(xí)，除了模仿之外的技能學(xué)習(xí)是為了啥，小的時(shí)候其實(shí)我們是被逼著去學(xué)校學(xué)習(xí)的，長(zhǎng)大一點(diǎn)后，我們是為了我們可以有更好的生活，人生可以變得更加精彩。

更直白、更狹義的理解：可以是利益驅(qū)動(dòng)，成長(zhǎng)了可以獲得更豐厚的報(bào)酬，為什么可以有更豐厚的報(bào)酬呢？這是因?yàn)槟憧梢猿袚?dān)更大的職責(zé)。為了這個(gè)職責(zé)的承擔(dān)，你需要不斷的學(xué)習(xí)各種技能，當(dāng)有機(jī)會(huì)來(lái)臨的時(shí)候，你可以把握住。你會(huì)發(fā)現(xiàn)，這是一個(gè)正向循環(huán)，如同游戲或者小說(shuō)中的打怪升級(jí)。

聽(tīng)起來(lái)有一點(diǎn)點(diǎn)雞湯的味道，用經(jīng)典的話來(lái)講就是： “活到老學(xué)到老”、“學(xué)無(wú)止境” 。推薦大家仔細(xì)看看《終生學(xué)習(xí)》這本書(shū)。

How

職業(yè)規(guī)劃-目標(biāo)

在探索怎么成長(zhǎng)之前，需要有一個(gè)基礎(chǔ)，我們的目標(biāo)是啥，對(duì)于程序員而言，你的目標(biāo)是啥，對(duì)于前端而言，你的目標(biāo)是啥。這個(gè)也就是大家日常所講的，你需要有自己的長(zhǎng)遠(yuǎn)的 職業(yè)規(guī)劃 。

對(duì)于程序員而言，你的職業(yè)規(guī)劃是哪個(gè)：技術(shù)專家、架構(gòu)師、帶團(tuán)隊(duì)、技術(shù)管理者、項(xiàng)目管理、業(yè)務(wù)產(chǎn)品專家等等。當(dāng)然還可以是轉(zhuǎn)行，甚至都不在互聯(lián)網(wǎng)行業(yè)。

如果你還沒(méi)有一個(gè)長(zhǎng)遠(yuǎn)的規(guī)劃，即長(zhǎng)遠(yuǎn)的目標(biāo)，那么就要認(rèn)真考慮了，這個(gè)也是很多同學(xué)沒(méi)有動(dòng)力的最核心原因。當(dāng)然，對(duì)于工作經(jīng)歷較少的同學(xué)，可以暫時(shí)沒(méi)有這個(gè)長(zhǎng)遠(yuǎn)的規(guī)劃，但一定要有一個(gè)短期的規(guī)劃，給自己一個(gè)清晰的目標(biāo)。

推薦每個(gè)同學(xué)都有一個(gè)清晰的職業(yè)規(guī)劃 ，為什么？因?yàn)榭梢栽囅耄?0年后的自己，看著自己的簡(jiǎn)歷，有很多的經(jīng)歷，做了很多項(xiàng)目，用了哪些技術(shù)，如果都是流水賬式的，沒(méi)有核心的思考和技術(shù)，那么那個(gè)時(shí)候自己的競(jìng)爭(zhēng)力來(lái)自于哪里，這也是為什么會(huì)有“中年危機(jī)”，為什么會(huì)有“程序員是吃青春飯”等等的焦慮話題。 給自己一個(gè)長(zhǎng)遠(yuǎn)的清晰目標(biāo)，這樣才會(huì)促使你不斷前行，不斷進(jìn)步，不會(huì)成為那個(gè)“被后浪拍在沙灘上的前浪”！

對(duì)于普通程序員而言，我們期望的成長(zhǎng)，最核心的有兩部分： 技術(shù)能力的成長(zhǎng)和綜合能力的成長(zhǎng) 。

• 技術(shù)能力（前端）

  • 技能圖：基礎(chǔ)、框架、組件/庫(kù)、Node.js、工程化、性能/效率、安全、質(zhì)量、新興領(lǐng)域、其他領(lǐng)域（可視化、游戲）等，僅做參考。

  • 核心：基礎(chǔ)知識(shí)的掌握，一定放在第一位的，如HTML、CSS、JavaScript，常見(jiàn)的數(shù)據(jù)結(jié)構(gòu)、算法、網(wǎng)絡(luò)等。

  • 操作：做自己的技能圖，逐步完善和持續(xù)點(diǎn)亮。

• 綜合能力

  • 技能圖：項(xiàng)目管理、設(shè)計(jì)交互、溝通協(xié)作、owner思維、業(yè)務(wù)領(lǐng)悟能力、產(chǎn)品能力、帶人能力等等，僅做參考。

  • 核心：理解業(yè)務(wù)、理解產(chǎn)品、理解設(shè)計(jì)交互、基本的溝通協(xié)作、基本的項(xiàng)目管理。

  • 操作：多觀察、多思考，向優(yōu)秀的專業(yè)同學(xué)學(xué)習(xí)。

那這個(gè)過(guò)程中，你自己到底如何努力，精力有限，如何選擇？這個(gè)就要回歸到職業(yè)規(guī)劃上，也就是我們的 目標(biāo) 。個(gè)人建議，可以把目標(biāo)劃分為兩個(gè)階段： 一個(gè)是資深研發(fā)、一個(gè)是你決定的職業(yè)規(guī)劃目標(biāo)（技術(shù)專家、管理者等等） 。

• 資深研發(fā)

  • 目標(biāo)：期望可以在3-5年的時(shí)間里成為一名solid的資深工程師。

  • 解釋：搞定所需的核心技術(shù)能力和綜合能力。

• 職業(yè)規(guī)劃目標(biāo)

  • 目標(biāo)：你所選擇的職業(yè)規(guī)劃目標(biāo)，如專家、架構(gòu)師等等。

  • 解釋：有了前邊的資深的基礎(chǔ)，自己具備了一定的根基，不管去繼續(xù)深耕還是橫向的擴(kuò)展，你都具備了一定的去遷移的能力。

這么拆分的原因是啥呢？ 一個(gè)是筑根基、一個(gè)是建高樓 。

根基 ，是為了未來(lái)的高樓，不管建什么高樓，總是需要扎實(shí)的根基在的。我曾經(jīng)見(jiàn)過(guò)一個(gè)有了多年經(jīng)驗(yàn)的同學(xué)寫，事件的綁定和解綁操作，為了處理  this 問(wèn)題用了 bind ，但是沒(méi)有真正理解 bind 的真正含義，也沒(méi)有理解事件綁定和解綁的條件限制，做了無(wú)用功： on(xx.bind(this));off(xx.bind(this)) 。這就代表了基礎(chǔ)的部分是有問(wèn)題的，當(dāng)然這里是舉例，如果只是一個(gè)基礎(chǔ)點(diǎn)掌握的不牢固還好，那如果是很多基礎(chǔ)都不牢固，將來(lái)去做“高樓”：搞庫(kù)、搞框架設(shè)計(jì)、搞SDK等等，是一定會(huì)出問(wèn)題的。

高樓 ，相對(duì)應(yīng)的就是你的長(zhǎng)遠(yuǎn)的職業(yè)規(guī)劃，在建高樓的過(guò)程中，我們不僅需要低頭一層層的去建，而且需要經(jīng)常抬頭看看，離自己的規(guī)劃多遠(yuǎn)，有沒(méi)有跑偏，適當(dāng)休息，多多調(diào)整自己。

那，似乎講了很多，核心目的就是 為了讓大家認(rèn)清自己的規(guī)劃，合理規(guī)劃自己的目標(biāo) 。

怎么做-堅(jiān)持

怎么做，有沒(méi)有方法？當(dāng)然有，但是不管是哪個(gè)方法，最核心的也是最難的部分- 堅(jiān)持 。 最難的就是堅(jiān)持本身！

我們先做好這個(gè)預(yù)期： 讓自己沉下來(lái)，耐心些，不浮躁，一步一個(gè)腳印 。

這個(gè)也是有方法論基礎(chǔ)的：10000小時(shí)的刻意練習(xí)理論。 刻意練習(xí) 的最核心是啥？是練習(xí)嗎？不是，最核心的是 刻意 兩個(gè)字，刻意代表的是這個(gè)過(guò)程中除了堅(jiān)持做之外，還有 思考 ，這個(gè)才是我所理解的刻意練習(xí)的核心： 堅(jiān)持+思考 。

為什么需要這樣一個(gè)預(yù)期，回到成長(zhǎng)的定義的核心關(guān)鍵點(diǎn)： 過(guò)程 。 成長(zhǎng)是一個(gè)過(guò)程，它不是結(jié)果或者最終的目標(biāo)，而是為了目標(biāo)前行的過(guò)程 。所以說(shuō)，一定要 堅(jiān)持 ，并且要 思考 。

還有另一個(gè)關(guān)鍵點(diǎn)，需要深刻的認(rèn)識(shí)到： 成長(zhǎng)的目標(biāo)對(duì)象是自己，所以成長(zhǎng)需要靠自己 。當(dāng)然，也不要鉆牛角尖，也需要“ 站在巨人的肩膀上 ”，同時(shí)深知“ 師傅領(lǐng)進(jìn)門，修行靠個(gè)人 ”。

那扯了這么多，都是我們 堅(jiān)持 行動(dòng)之前的 思考 ，是思想層面的。接下來(lái)“ 不扯虛的，來(lái)點(diǎn)實(shí)際的 ”。

我們的日常其實(shí)一直都在做業(yè)務(wù)開(kāi)發(fā)，已經(jīng)這么繁忙了，哪有時(shí)間學(xué)習(xí)，讓自己成長(zhǎng)？翻譯一下就是： 怎么能夠在業(yè)務(wù)開(kāi)發(fā)中獲得成長(zhǎng)？

個(gè)人理解，答案就是： 主動(dòng)學(xué)習(xí) ，具體的思路就是，由點(diǎn)及面，最終構(gòu)建屬于你自己的專業(yè)體系，建議這個(gè)體系是自己做一個(gè)腦圖，這個(gè)圖是一個(gè)面，它由一個(gè)個(gè)的技能點(diǎn)構(gòu)成（當(dāng)然，技能點(diǎn)本身也是可以是一個(gè)面）。

那具體該怎么做呢？我所理解的是， 從你日常工作中所涉及的開(kāi)始，逐步去輻射 。當(dāng)然，除了我們項(xiàng)目本身，你也需要對(duì)社區(qū)保持關(guān)注，有哪些新的東西，只需要了解即可，核心還是自己工作的周邊。接下來(lái)結(jié)合前端本身的場(chǎng)景，來(lái)看一些實(shí)際一點(diǎn)的例子。

首先肯定是對(duì)于 基礎(chǔ) 的學(xué)習(xí)，尤其是基礎(chǔ)還不是那么牢固的同學(xué)，那這些基礎(chǔ)哪里來(lái)？來(lái)自于你的項(xiàng)目。

• 項(xiàng)目

  • 涉及到的知識(shí)點(diǎn)，如：

    • 用到了 JavaScript 相關(guān)：變量聲明、Promise、Map、Array、閉包、原型等等，這些可能是 JavaScript 中最基礎(chǔ)的部分：語(yǔ)法、變量、運(yùn)算、數(shù)據(jù)類型、函數(shù)、對(duì)象、事件、作用域、原型、異步、錯(cuò)誤等等

    • 用到了 BOM、DOM 相關(guān)：window、navigator、元素、屬性、操作等等

    • 用到了 CSS：display、position、overflow 等，那么這些 CSS 基礎(chǔ)：選擇器、層疊、盒模型、文本、顏色、BFC、定位、Flex 布局、層級(jí)、編號(hào)、過(guò)渡、動(dòng)畫、自定義屬性等等

    • 用到了 HTML：div、span 等，你需要了解：哪些標(biāo)簽、標(biāo)簽的作用是啥、語(yǔ)義是啥、自閉和標(biāo)簽是啥、嵌套規(guī)則是啥 等等

  • 項(xiàng)目架構(gòu)

    • 項(xiàng)目分層是啥樣的：基礎(chǔ)依賴、工程化、SDK、組件庫(kù)、構(gòu)建上線或者持續(xù)集成 等等

    • 每層中包含的內(nèi)容：封裝的一些SDK的設(shè)計(jì)、細(xì)節(jié)，組件庫(kù)中有那些組件、功能是啥，構(gòu)建上線做了什么事情、怎么演化而來(lái)的，基礎(chǔ)依賴、框架 Vue、React 以及相關(guān)的周邊生態(tài)了解程度如何

認(rèn)真研究你會(huì)發(fā)現(xiàn)，太多太多基礎(chǔ)的東西需要你去花時(shí)間和精力掌握他們，這些是根基的部分，需要掌握牢固。研究完這些，你會(huì)發(fā)現(xiàn)：原來(lái)我們的基礎(chǔ)包中的沉淀，真的是經(jīng)過(guò)時(shí)間的考驗(yàn)，慢慢積累的，踩坑踩出來(lái)的；框架的形成或者實(shí)現(xiàn)本身也是強(qiáng)依賴很多基礎(chǔ)的掌握：數(shù)據(jù)結(jié)構(gòu)、算法、前端基礎(chǔ) 等等。

舉一些例子：

• 對(duì)于 url parse 解析場(chǎng)景，是需要考慮到值包含 = 問(wèn)題的，雖然理論上是應(yīng)該轉(zhuǎn)義的，但是實(shí)際場(chǎng)景很多情況下還是沒(méi)轉(zhuǎn)義的，如果讓你寫，怎么解決，直接 split 嗎？

• absolute left 50% +  translate -50% 實(shí)現(xiàn)水平居中，文字會(huì)提早換行？

• 我們內(nèi)部的 Biz DLL 方案，多了請(qǐng)求會(huì)不會(huì)讓項(xiàng)目初始的請(qǐng)求數(shù)超出6個(gè)，怎么上傳 CDN 的，怎么做到使用方無(wú)感知的？

• 框架 Vue、React 做了哪些事情，他們背后依賴的知識(shí)有哪些（隊(duì)列、棧、鏈表、編譯器、DOM 等等）？為什么他們可以大大提升我們的開(kāi)發(fā)效率，提升項(xiàng)目的可維護(hù)性？

其次是 思考 ，從哪里思考？答案還是你的項(xiàng)目。

• 項(xiàng)目

  • 業(yè)務(wù)產(chǎn)品上的：背景，要解決的問(wèn)題，哪些收益

  • 設(shè)計(jì)交互：完整的流程、交互流暢嗎，成本怎樣，這個(gè)步驟可以省略嗎？

  • 技術(shù)上的，如：

    • 這個(gè)布局可以有其他實(shí)現(xiàn)嗎？這段超長(zhǎng)的 if else 邏輯可以優(yōu)化下嗎？這個(gè)組件太大了可以拆分下嗎？

    • 技術(shù)分層是啥樣的，這樣有啥好處、有啥壞處？

    • Biz DLL 這個(gè)方案又和 webpack 的 Module Federation 的異同是啥？

    • 你用的框架背后的實(shí)現(xiàn)，哪些考慮和取舍？

  • 項(xiàng)目流程：前期溝通、需求評(píng)審、技術(shù)評(píng)審、排期、接口文檔、測(cè)試Case評(píng)審、提測(cè)Show Case、上線、線上回歸、灰度、效果評(píng)估等等，為啥有這么長(zhǎng)的流程，有啥作用？

  • 項(xiàng)目管理：需求拉齊、日會(huì)、周會(huì)、風(fēng)險(xiǎn)管控、協(xié)作依賴等等，做這些有啥好處，能保障項(xiàng)目如期上線嗎？真的上不了怎么辦？

這些都是源自于你所做的項(xiàng)目。這里邊對(duì)于不同階段的同學(xué)，所要抓的重點(diǎn)也不一樣，也就是你要 學(xué)會(huì)如何高效學(xué)習(xí) 。

時(shí)間精力有限的情況下，怎么高效學(xué)習(xí)，就需要有自己的判斷，抓住重點(diǎn)。對(duì)于剛畢業(yè)的同學(xué)或者經(jīng)驗(yàn)較少的同學(xué)，還是建議把核心的重點(diǎn)放在基礎(chǔ)上，這個(gè)也是你去面試的時(shí)候一面甚至是二面考察的重點(diǎn)；基礎(chǔ)搞定了，再來(lái)看框架、性能、方案。

在 初級(jí)階段 ，比較高效的還是看經(jīng)典書(shū)籍、看優(yōu)秀視頻、看優(yōu)秀課程，然后和自己的練習(xí)或者項(xiàng)目實(shí)踐相結(jié)合，互相印證、互相反哺。這樣既能讓自己掌握基礎(chǔ)知識(shí)的全貌，也可以有正確的理解和應(yīng)用，最終可以讓自己的基礎(chǔ)知識(shí)是比較系統(tǒng)、比較完整的。

在 高級(jí)階段 ，你已經(jīng)對(duì)基礎(chǔ)的知識(shí)有了一定的掌握，可以去看規(guī)范，閱讀優(yōu)秀的源碼，去負(fù)責(zé)更復(fù)雜的項(xiàng)目，學(xué)會(huì)如何拆分、如何設(shè)計(jì)、如何協(xié)作、如何解決難題。

自己當(dāng)年為了攻克CSS，去研究了CSS 2.1的規(guī)范，翻譯他們，自己做實(shí)驗(yàn)和demo理解他們，全部完成之后，很多效果和布局，你都能理解背后到底是為啥，而不是一次次的去試，停留在模糊的理解上，換一種場(chǎng)景可能就又實(shí)現(xiàn)不了或者不能理解。

這里就不得不重點(diǎn)說(shuō)下，學(xué)源碼的這件事情，這個(gè)是被很多人認(rèn)同和推薦的高效學(xué)習(xí)手段之一，看源碼究竟是為了啥？有什么高效學(xué)習(xí)源碼的辦法嗎？

我們都知道研究源碼是一件十分耗費(fèi)精力、且枯燥的事情，很容易中途放棄，尤其是針對(duì)于一些復(fù)雜的項(xiàng)目的源碼。那我們學(xué)習(xí)源碼的性價(jià)比也太低了些，相當(dāng)?shù)停慊四敲淳玫臅r(shí)間和精力，到底為了啥，為的是面試？不，終究還是回到自身，為了自己的成長(zhǎng)，能夠有所收獲。

我自己定義的源碼研究三個(gè)階段： 知其邏輯、體其精粹、融為己用 。更多的時(shí)候，大家停留在第一個(gè)階段，借助于【The Good Parts】項(xiàng)目就是期望大家能夠往前一步，不求融會(huì)貫通，但求更進(jìn)一步的深入思考，可以學(xué)到更多、思考更加深入。甚至于從個(gè)人成長(zhǎng)的視角出發(fā)，第一個(gè)階段能做到的就已經(jīng)很可以了，講實(shí)話，但是我們還是要追求性價(jià)比，追求學(xué)習(xí)效率。

融為己用 本身的情況太過(guò)于量化，需要不斷的實(shí)踐，當(dāng)然，這個(gè)里邊也是有一個(gè)近似的做法：造輪子；這里的造輪子并不是為了讓別人用或者讓團(tuán)隊(duì)用，而是自己根據(jù)之前的研究和收獲，從頭做一個(gè)完整的輪子來(lái)實(shí)踐自己的收獲。這里邊也是可以分為兩個(gè)階段： 模仿 和 獨(dú)立設(shè)計(jì) 。

說(shuō)到研究源碼，最近我們做了 Vue2 的一些源碼分析的文章，會(huì)有一些說(shuō)“落伍了”聲音。這個(gè)就是對(duì)源碼分析的事情所產(chǎn)生的誤解，我們看源碼、研究源碼的目的不明確，源碼分析是為了研究他們的邏輯？還是為了追求時(shí)髦？最最核心的是，我們研究他們是為了學(xué)習(xí)，為了鞏固我們的基礎(chǔ)知識(shí)，加深理解，例如隊(duì)列、棧、線程、進(jìn)程、閉包、原型等；研究過(guò)程中學(xué)習(xí)其拆分、設(shè)計(jì)、模式，學(xué)習(xí)其技巧、思路、思想，學(xué)習(xí)其文檔、示例等等。而且，這是你當(dāng)下在你的項(xiàng)目中所用的，你研究了，對(duì)你設(shè)計(jì)代碼、解決疑難雜癥、性能優(yōu)化、復(fù)雜場(chǎng)景的方案設(shè)計(jì)都有極大的好處，性價(jià)比很高，解決問(wèn)題了的同時(shí)你也可以獲得滿滿的成就感。不要為了看源碼而看源碼。看源碼一方面是為了知道框架的邏輯，更多的卻是為了鞏固自己的基礎(chǔ)，加深理解，融會(huì)貫通。這個(gè)也就是相對(duì)應(yīng)的三個(gè)階段：知其邏輯、體其精粹、融為己用。

在 資深階段 ，是需要自己有一定的架構(gòu)設(shè)計(jì)能力的，在高級(jí)階段，其實(shí)你已經(jīng)有了一些思考了，到了資深階段你需要更系統(tǒng)的去思考問(wèn)題、思考痛點(diǎn)，怎么去解決他們，慢慢的去培養(yǎng)自己的發(fā)現(xiàn)問(wèn)題、分析總結(jié)問(wèn)題、解決問(wèn)題的能力。從結(jié)果來(lái)看，一些沉淀、方案、框架等都是思考而來(lái)的。那么我們到底該怎樣去思考呢？

就前端而言，有三大方向需要我們?nèi)ブ攸c(diǎn)解決： 效率、穩(wěn)定性和性能 ，我們可以從這三個(gè)方向去做一些思考。舉一些身邊的一些例子：

• 效率角度

  • 組件庫(kù) UI 庫(kù)，典型的從效率出發(fā)，實(shí)現(xiàn)組件的復(fù)用，提升效率的利器

  • mpx的運(yùn)行時(shí)渲染、mpx-cli@next，就是從效率出發(fā)去思考，怎么樣可以讓小程序開(kāi)發(fā)更快，做工程化更容易、更快速，這里邊是有很多的思考和取舍的

  • 幫助業(yè)務(wù)更容易投放、更好看清數(shù)據(jù)所做的系統(tǒng)，可以大大提升運(yùn)營(yíng)同學(xué)效率

• 穩(wěn)定性角度

  • 構(gòu)建腳本中增加一些check編譯后代碼的能力：如存在ES6代碼、Polyfill問(wèn)題等等，成功阻止了多次線上事故的發(fā)生

  • 基礎(chǔ)庫(kù)、基礎(chǔ)組件庫(kù)，做單測(cè)，盡量做到高覆蓋率，保障穩(wěn)定性

  • 做自動(dòng)化測(cè)試工具，降低項(xiàng)目回歸成本，同時(shí)很好保障穩(wěn)定性

  • 做系統(tǒng)級(jí)別仿真環(huán)境，進(jìn)一步保障穩(wěn)定性

• 性能角度

  • Vue 中 v-for 循環(huán)中比較容易帶來(lái)性能問(wèn)題，總結(jié)形成最佳實(shí)踐：多循環(huán)下可以使用子組件進(jìn)行空間換時(shí)間的優(yōu)化

  • 無(wú)限滾動(dòng)組件，解決大列表情況下性能問(wèn)題

  • Biz DLL方案，解決兩個(gè)性能：構(gòu)建性能和線上運(yùn)行時(shí)加載性能。這個(gè)和 webpack 的 Module Federation 所探索的一些方向本質(zhì)上是類似的。

從以上三個(gè)大方向去思考：目前項(xiàng)目開(kāi)發(fā)存在什么樣的問(wèn)題、哪些痛點(diǎn)，可以是從流程上、規(guī)范、技術(shù)等視角去出方案去解決；當(dāng)然，這些也是建立在你了解你的業(yè)務(wù)、你的項(xiàng)目、項(xiàng)目所用的已有的沉淀、相關(guān)協(xié)作流程、規(guī)范等之后才能有一個(gè)更為全面、適配性更好的方案或者解法。這樣就形成了一種持續(xù)進(jìn)化，個(gè)人在進(jìn)化，整體團(tuán)隊(duì)也在進(jìn)化！

最后，也就是 專家、架構(gòu)師 級(jí)別了，如果你能解決多個(gè)方向的或者領(lǐng)域的難題，那你絕對(duì)已經(jīng)成長(zhǎng)為了專家了。

這里有個(gè)點(diǎn)就是，我們所說(shuō)的架構(gòu)師是做啥的？或者說(shuō)架構(gòu)是為了解決什么事情的？或者架構(gòu)能力究竟指的是啥？個(gè)人來(lái)看，從技術(shù)視角，這個(gè)答案就是： 架構(gòu)師通過(guò)設(shè)計(jì)架構(gòu)優(yōu)雅地解決現(xiàn)在以及未來(lái)復(fù)雜的業(yè)務(wù)技術(shù)問(wèn)題 。何謂 優(yōu)雅 ： 簡(jiǎn)單、可靠、合理 。

總結(jié)

以上，就是自己關(guān)于成長(zhǎng)的個(gè)人總結(jié)和思考，重點(diǎn)：

• 認(rèn)清：成長(zhǎng)是一個(gè)過(guò)程，目標(biāo)對(duì)象是自己

• 態(tài)度：一步一個(gè)腳印

• 行動(dòng)：堅(jiān)持+思考（不要一直埋頭，也要抬起頭來(lái)，看看自己、看看別人、看看社區(qū)、看看世界）

而對(duì)于團(tuán)隊(duì)而言，我們能做的就是提供一個(gè)機(jī)會(huì)、規(guī)則或者渠道幫助大家更好、更快地成長(zhǎng)，所以我們也才有了【技術(shù)研討會(huì)】、【The Good Parts】等類似的項(xiàng)目。借助于這樣的項(xiàng)目以及對(duì)應(yīng)的規(guī)則，幫助大家更好的堅(jiān)持、更深入的思考、也可以認(rèn)識(shí)更多志同道合的伙伴，最終成就一個(gè)更好的你！