<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          【總結(jié)】1050- Code Review流程規(guī)范

          共 2293字,需瀏覽 5分鐘

           ·

          2021-08-15 23:55

          張宇航:微醫(yī)前端技術(shù)部醫(yī)保支撐組,一個不文藝的處女座程序員。

          前言

          沒有無緣無故的愛,也沒有無緣無故的恨,當(dāng)然也沒有無緣無故的 code review

          為什么要 CR

          給大家講個故事,“大神 A”上班時突然惱羞成怒的罵道,這是誰寫的代碼,沒有注釋啥也沒有,這么明顯的 bug。當(dāng)時整個小組都不敢說話,慌的要死,生怕說的就是自己。領(lǐng)導(dǎo)發(fā)話:“大神 A”查下提交記錄,誰提交的誰請吃飯。過了兩分鐘,“大神 A”:這,這是我自己一年前提交的。所以不想自己尷尬,趕緊 code review 吧。

          一、角色職能

          author 即需求開發(fā)者。要求:

          • 注重注釋。對復(fù)雜業(yè)務(wù)寫明相應(yīng)注釋,commit 寫明具體提交背景,便于 reviewer 理解。
          • 端正心態(tài)接受他人 review。對 reviewer 給出的 comment,不要有抵觸的情緒,對你覺得不合理的建議,可以委婉地進行拒絕,或者詳細說明自己的看法以及原因。reviewer 持有的觀點并不一定是合理的,所以 review 也是一個相互學(xué)習(xí)的過程。
          • 完成 comment 修改后及時反饋。commit 提交信息備注如"reivew: xxxx",保證復(fù)檢效率。

          reviewer 作為 cr 參與者,建議由項目責(zé)任人和項目參與者組成。要求:

          • 說明 comment 等級。reviewer 對相應(yīng)代碼段提出評價時,需要指明對應(yīng)等級,如
            • fix: xxxxxxx  此處需強制修改,提供修改建議
            • advise: xxxxxxx 此處主觀上建議修改,不強制,可提供修改建議
            • question: xxxxxx 此處存在疑慮,需要 author 作出解釋
          • 友好 comment。評價注意措辭,可以說“我們可以如何去調(diào)整修改,可能會更合適。。?!?,對于比較好的代碼,也應(yīng)該給與足夠的贊美。
          • 享受 review。避免以挑毛病的心態(tài) review,好的 reviewer 并不是以提的問題多來衡量的。跳出自己的編碼風(fēng)格,主動理解 author 的思路,也是一個很好的學(xué)習(xí)過程。

          二、CR 流程

          1、self-review

          • commit 之前要求 diff 一下,查看文件變更情況,可接著 gitk 完成。當(dāng)然如果項目使用 pre-commit 關(guān)聯(lián) lint 校驗,也能發(fā)現(xiàn)例如 debugger、console.log 之類語句。但是仍然提倡大家每次提交之前檢查一下提交文件。
          • 多人協(xié)作下的 commit。多人合作下的分支在合并請求時,需要關(guān)注是否帶入沒必要的 commit。
          • commit message。建議接入 husky、commitlint/cli 以及 commitlint/config-conventional 校驗 commit message。commitlint/config-conventional 所提供的類型如
            • feat: 新特性
            • fix: 修改 bug
            • chore: 優(yōu)化,如項目結(jié)構(gòu),依賴安裝更新等
            • docs: 文檔變更
            • style: 樣式相關(guān)修改
            • refactor:項目重構(gòu)

          此目的為了進一步增加 commit message 信息量,幫助 reviewer 以及自己更有效的了解 commit 內(nèi)容。

          2、CR

          • 提測時發(fā)起 cr,需求任務(wù)關(guān)聯(lián) reviewer。提供合并請求,借助 gitlab/sourcetree/vscode gitlens 等工具。reviewer 結(jié)束后給與反饋
          • 針對 reviewer 提出的建議修改之后,commit message 注明類似'review fix'相關(guān)信息,便于 reviewer 復(fù)檢。
          • 緊急需求,特事特辦,跳過 cr 環(huán)節(jié),事后 review。

          三、CR 標(biāo)準(zhǔn)

          • 不糾結(jié)編碼風(fēng)格。編碼風(fēng)格交給 eslint/tslint/stylelint
          • 代碼性能。大數(shù)據(jù)處理、重復(fù)渲染等
          • 代碼注釋。字段注釋、文檔注釋等
          • 代碼可讀性。過多嵌套、低效冗余代碼、功能獨立、可讀性變量方法命名等
          • 代碼可擴展性。功能方法設(shè)計是否合理、模塊拆分等
          • 控制 review 時間成本。reviewer 盡量由項目責(zé)任人組成,關(guān)注代碼邏輯,無需逐字逐句理解。

          四、最后

          總的來說,cr 并不是一個找 bug 挑毛病的過程,更不會降低整體開發(fā)效率。其目的是為了保證項目的規(guī)范性,使得其他開發(fā)人員在項目擴展和維護時節(jié)省更多的時間和精力。當(dāng)然 cr 環(huán)節(jié)需要團隊每一個成員去推動,只有每一個人都認可且參與進來,才能發(fā)揮 cr 的最大價值。最后安利一波本人開發(fā) vscode 小插件搭配 gitlab 分支 review,主要流程是點擊按鈕發(fā)起合并請求,自動生成 mr 鏈接,并發(fā)送至企業(yè)微信通知相關(guān)責(zé)任人開始 review。

          1. JavaScript 重溫系列(22篇全)
          2. ECMAScript 重溫系列(10篇全)
          3. JavaScript設(shè)計模式 重溫系列(9篇全)
          4. 正則 / 框架 / 算法等 重溫系列(16篇全)
          5. Webpack4 入門(上)|| Webpack4 入門(下)
          6. MobX 入門(上) ||  MobX 入門(下)
          7. 120+篇原創(chuàng)系列匯總

          回復(fù)“加群”與大佬們一起交流學(xué)習(xí)~

          點擊“閱讀原文”查看 120+ 篇原創(chuàng)文章

          瀏覽 31
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  在线观看国产免费视频 | 日逼片| 黄色电影网站在线观看中文字幕 | 黄毛A片| 婷婷老熟女|