大家好呀，今天又到了月末了，周二又到了校招入職月度成長匯報的時間了，本次還是繼續(xù)在這里進(jìn)行一個大綱編寫。

8 月月度成長匯報

由于部分內(nèi)容涉及公司信息，所以就不做詳細(xì)說明了，以下內(nèi)容僅個人工作期間個人收獲與總結(jié)，僅供參考。

上月與本月的對比

回顧 上個月的總結(jié)，做的事情看起來比較簡單，寫靜態(tài)頁面相對來說會多一點(diǎn)，實(shí)際上涉及到的業(yè)務(wù)場景很少，一般就是與設(shè)計師與產(chǎn)品對接實(shí)現(xiàn)頁面。

但本月就不同了，更多的就是深入業(yè)務(wù)場景了，首先是接手到了我們運(yùn)營這邊內(nèi)部使用的管理系統(tǒng)，以 React 技術(shù)棧為主。

首先是看了一下整體的界面，屬于簡約的風(fēng)格，起初覺得界面實(shí)現(xiàn)起來應(yīng)該會簡單一點(diǎn)。

剛開始，為了熟悉整體的項目結(jié)構(gòu)以及相關(guān)業(yè)務(wù)，做的需求都是一些小功能，比如修改客戶檔案的到期時間、在某個列表下增加分頁組件等等，在邊實(shí)現(xiàn)這些功能的同時，我熟悉了整體的項目結(jié)構(gòu)，這對我后續(xù)單獨(dú)做一個功能模塊提供了幫助。

遇到的問題

涉及到業(yè)務(wù)場景了，自然會遇到一些問題，下面我來整理一下：

管理系統(tǒng)

首先是管理系統(tǒng)相關(guān)的，剛開始實(shí)現(xiàn)某個小功能的時候，比如要增加某個列表下的分頁組件，當(dāng)時看到這個彈框頁面說不定之后還會有類似的需要分頁的需求，因此與導(dǎo)師提了是否要抽成一個公共組件，方便以后維護(hù)。

在確認(rèn)可以之后，我就參考之前封裝的方式代碼自己折騰了，最后雖然實(shí)現(xiàn)了產(chǎn)品需要的效果，但是在代碼 review 的時候，導(dǎo)師就在代碼下面留下了討論，當(dāng)時印象特別深刻的一句是：

組件怎么和業(yè)務(wù)混在一起了，這個不是一個通用的組件嗎？

我對我的代碼進(jìn)行了思考，確實(shí)發(fā)現(xiàn)，有部分業(yè)務(wù)邏輯寫在了組件里面，這樣的話只對我當(dāng)前這個需求實(shí)現(xiàn)了，但對其它頁面的實(shí)現(xiàn)就無法復(fù)用了。

另外，也提出了一些規(guī)范上的問題，比如對于項目編寫過程中的無用代碼可以全部刪掉，影響閱讀體驗；

其次，對于變量的命名，比如我抽成的公共組件，里面就有確認(rèn)按鈕，而確認(rèn)按鈕在提交請求的時候會有一個加載效果，需要傳入 loading 狀態(tài)，而在公共組件這塊， loading 名字比較廣泛，可以取名更加具體一點(diǎn)，比如 confirmLoading等。

工作流程

接下來應(yīng)該算是工作流程方面的問題，在我實(shí)現(xiàn)某個功能模塊時，由于個人技術(shù)水平原因并不能確保當(dāng)前提供的 MR 就沒有任何問題了，就在本月遇到了工作流程上的問題。

詳情是這樣的，當(dāng)時做完了某個功能后，把線上鏈接發(fā)給了測試去看，測試也看了沒有什么問題。當(dāng)時我忽略掉了代碼 review 環(huán)節(jié)，因此在我準(zhǔn)備提交合并請求的時候，需要分支管理員授權(quán)的時候我就發(fā)現(xiàn)了這個環(huán)節(jié)遺漏掉了，因此又找了導(dǎo)師 review 代碼。

因此功能已經(jīng)實(shí)現(xiàn)了，改動也不會很大，提出了一些代碼上的優(yōu)化，可是當(dāng)我改動代碼之后還是覺得有必要測試再看看，在這里測試同學(xué)就給我提出了流程上的規(guī)范，一般是要先 review 完了之后，才會給測試來看，不然一有問題，代碼要修改一次，測試也要跟著看一次，這樣效率也不是很高。

在這里，非常感謝導(dǎo)師給出的一些建議以及測試同學(xué)的耐心教導(dǎo)。

業(yè)務(wù)問題

接下來，就是一些業(yè)務(wù)上的問題，最開始接觸這個管理系統(tǒng)是做比較小的功能，比如某個大模塊下的子菜單項需要添加某某屬性，增加一些數(shù)據(jù)等等，后面逐漸實(shí)現(xiàn)整個功能模塊以及涉及到其它頁面的重構(gòu)，一方面是后端數(shù)據(jù)庫表設(shè)計上存在歷史遺留問題導(dǎo)致到重構(gòu)，前端也是因為設(shè)置頁面采用靜態(tài)數(shù)據(jù)，因此也要跟著修改，這涉及到的頁面相對來說是比較多的。

對于頁面的編寫經(jīng)過實(shí)習(xí)以及兩個月的成長，實(shí)現(xiàn)起來并不會花費(fèi)很長時間，而在頁面重構(gòu)那塊，因為對于一些業(yè)務(wù)上的理解不是很熟練，導(dǎo)致數(shù)據(jù)的取值有問題。

也是因為這次涉及的頁面比較多，需求提及的要重構(gòu)頁面和實(shí)際有些許差距，這是我在做的時候才發(fā)現(xiàn)的，我自測以及測試同學(xué)看的時候也并沒有發(fā)現(xiàn)問題，在之后部署到 staging 環(huán)境時，因為 staging 環(huán)境和本地開發(fā)時使用的后端數(shù)據(jù)不一樣，所以就發(fā)現(xiàn)了問題。

在之后確認(rèn)這里之后，才發(fā)現(xiàn)是自己沒有考慮到設(shè)置頁面用戶的數(shù)據(jù)范圍。

在做功能模塊這個需求期間，剛開始是前后端一起接到的任務(wù)需求，而在前端頁面這塊實(shí)現(xiàn)起來不是很難，因此要完整的實(shí)現(xiàn)這個模塊設(shè)置效果，需要后端數(shù)據(jù)接口的支持，后續(xù)重構(gòu)的頁面也是需要后端的支持。

因此，在這個期間，我就找組長新接了一個任務(wù)，是關(guān)于博客優(yōu)化的，其實(shí)這個優(yōu)化在實(shí)習(xí)期間就開始在做了，當(dāng)時的我并沒有接觸這塊的代碼，底層框架就是 hexo，雖然自己大學(xué)期間也折騰過 hexo，但一般都是根據(jù)網(wǎng)絡(luò)上的一些美化樣式跟著做的，沒有接觸博客主題的源碼，當(dāng)初就覺得這個語法會有點(diǎn)不一樣，然后就沒怎么了解。

而在接到這個任務(wù)的時候，我也和組長說明了一下，可能對于這塊語法不是很熟練，但我還是嘗試一下。

其實(shí)，當(dāng)初自己在學(xué)校折騰博客的時候就不太敢觸碰別人寫的主題源碼，一方面覺得源碼這東西和我目前來說有點(diǎn)差距，不太敢觸碰，可能改來改去一堆 error，另一方面，「拿來主義」，別人都寫好了，拿過來用就行了，不用改他的代碼。

在我實(shí)習(xí)的最后一個月結(jié)尾的時候，這個博客優(yōu)化任務(wù)我就有知曉，其中一個提及的是將博客分頁流改為信息流的形式，這個會比較難做，當(dāng)時我也考慮的是畢竟這屬于靜態(tài)博客，并且我看大部分主題都會采用分頁組件。

想著既然之前沒有嘗試過閱讀源碼，不如就在這次嘗試一下吧，于是我來到了 hexo 官方博客，在主題中心中一個接一個找，功夫不負(fù)有心人，還是讓我找到了一個主題，就是以信息流的顯示展示的，于是我下載了他的主題源碼，也就是從這里，我就逐漸習(xí)慣了閱讀別人的代碼，對于某個功能來說，別人實(shí)現(xiàn)的邏輯總有我考慮不全的地方，非常值得學(xué)習(xí)。

收獲與感悟

本月的收獲還是很多的，在這里主要例舉了如下幾點(diǎn)：

第一，代碼的規(guī)范。我覺得有這個代碼 review 環(huán)節(jié)還是挺不錯的，在這個過程當(dāng)中能夠收獲許多的經(jīng)驗，并且代碼其實(shí)會更加的簡潔，一方面效率提高，另外其它同學(xué)在做其它功能的時候也會更加方便查閱。

第二，工作流程的規(guī)范。實(shí)習(xí)階段踩坑的點(diǎn)在于任務(wù)分配流程上的規(guī)范，比如設(shè)計需要更改某個已經(jīng)完稿的頁面，應(yīng)該和產(chǎn)品那邊對接，得到產(chǎn)品同意后再由產(chǎn)品與開發(fā)來對接，在這個過程中設(shè)計有任何問題只需要與產(chǎn)品溝通就好了，而開發(fā)根據(jù)產(chǎn)品的度量之后再做變更。

這樣開發(fā)的話會更「敏捷」，而工作流程上就是自己要多注意一些代碼的規(guī)范以及步驟的先后順序，有問題得主動及時溝通。

第三，平?？梢远嗔私庖幌麻_源項目，閱讀它們的源碼，學(xué)習(xí)其中的原理，然后可以將自己學(xué)習(xí)的點(diǎn)記錄下來。例如最近自己做的企業(yè)微信登錄，因為之前大學(xué)期間有了解過其中的原理，接手需求的時候至少有個大概知識。

下個月的期望

查漏補(bǔ)缺

本月接觸的項目功能相比上個月來說多了一些，而在做這些項目的時候，我了解到對于 CI/CD 知識了解的比較少，然而有些時候業(yè)務(wù)需要這些知識，比如我們官網(wǎng)的首頁和底部進(jìn)行 npm 包組件化，這樣就不用每次更改好多個頁面了。

而當(dāng)時因為這些知識的缺乏限制了技術(shù)上的選型，所以希望在下個月能夠熟悉這部分知識。

學(xué)會擔(dān)當(dāng)

其次，目前來說已經(jīng)過去了兩個月了，很明顯感覺就是實(shí)習(xí)期間并不會承擔(dān)許多的責(zé)任，相對來說任務(wù)優(yōu)先級會低一點(diǎn)，而在本月的歷程中也一點(diǎn)一點(diǎn)的懂得了擔(dān)當(dāng)，出現(xiàn)問題及時解決。

你若喜歡，為小獅子點(diǎn)個【在看】哦~