引言
在日常的前端項(xiàng)目中壮啊，我們經(jīng)常需要對(duì)需求任務(wù)進(jìn)行功能點(diǎn)Task分解，分解Task是為了更合理地進(jìn)行開(kāi)發(fā)資源分配爹袁，也是為了更準(zhǔn)確地對(duì)項(xiàng)目進(jìn)行評(píng)估和管理苹祟。然而如果分配不合理的話(huà)，便會(huì)帶來(lái)許許多多的問(wèn)題亚铁，導(dǎo)致開(kāi)發(fā)及管理不暢蝇刀，甚至?xí)?dǎo)致項(xiàng)目延期或失敗。
分配不合理導(dǎo)致的問(wèn)題
- 不好進(jìn)行任務(wù)分配
- 不好對(duì)前端項(xiàng)目有個(gè)整體進(jìn)度及風(fēng)險(xiǎn)把控
- 開(kāi)發(fā)不好對(duì)具體點(diǎn)的實(shí)現(xiàn)聚焦
- 相關(guān)依賴(lài)遇到風(fēng)險(xiǎn)時(shí)徘溢，前端的開(kāi)發(fā)也受到阻塞
- 前端項(xiàng)目出現(xiàn)風(fēng)險(xiǎn)時(shí)吞琐，不好進(jìn)行資源調(diào)配來(lái)解決風(fēng)險(xiǎn)
我們通常使用什么方式來(lái)進(jìn)行Task分解的呢？作為一個(gè)項(xiàng)目的前端負(fù)責(zé)人然爆，如何進(jìn)行合理的Task分解并分配給相應(yīng)的開(kāi)發(fā)站粟？作為業(yè)務(wù)開(kāi)發(fā)人員，我們?cè)撊绾伟才琶刻斓腡ask施蜜？當(dāng)在項(xiàng)目中遇到問(wèn)題時(shí)如何拋出問(wèn)題卒蘸？
如果沒(méi)有一個(gè)合理且相對(duì)統(tǒng)一規(guī)范的Task分解，業(yè)務(wù)開(kāi)發(fā)人員甚至不知道每天需要做什么翻默，遇到問(wèn)題也感覺(jué)無(wú)門(mén)缸沃，而且前端項(xiàng)目管理人員也不好對(duì)前端項(xiàng)目的整體進(jìn)度及狀態(tài)有個(gè)很好地把控，這便給項(xiàng)目帶來(lái)了風(fēng)險(xiǎn)修械。
所以趾牧，我們需要盡早地建立起適合團(tuán)隊(duì)在項(xiàng)目開(kāi)發(fā)中使用的前端Task分解參考，指導(dǎo)著前端團(tuán)隊(duì)在項(xiàng)目開(kāi)發(fā)中進(jìn)行合理且統(tǒng)一的Task分解肯污，讓前端項(xiàng)目開(kāi)發(fā)過(guò)程更加流暢翘单，讓項(xiàng)目的風(fēng)險(xiǎn)降到最低。下面分享的是自己在前端團(tuán)隊(duì)中建立的Task分解的一些實(shí)踐經(jīng)驗(yàn)蹦渣。
結(jié)構(gòu)+表現(xiàn)+行為
所有前端項(xiàng)目開(kāi)發(fā)哄芜，所有的界面都遵從著結(jié)構(gòu)+表現(xiàn)+行為的三大組成原則。
結(jié)構(gòu)指的是一個(gè)界面的整體骨架柬唯，從結(jié)構(gòu)中认臊，我們能看到這個(gè)界面的所有組件元素，如果是h5項(xiàng)目锄奢，那么標(biāo)簽便是界面的結(jié)構(gòu)組成基本單位失晴，如果是react項(xiàng)目，那么等組件便是界面的結(jié)構(gòu)組成基本單位拘央。
表現(xiàn)指的是界面結(jié)構(gòu)的具體樣式展現(xiàn)涂屁，加上表現(xiàn)，我們便能確定這個(gè)界面最終的靜態(tài)呈現(xiàn)是什么樣的灰伟，例如設(shè)置字體的大小顏色拆又、設(shè)置按鈕的樣式、實(shí)現(xiàn)一個(gè)動(dòng)效。
行為指的是這個(gè)界面功能動(dòng)態(tài)實(shí)現(xiàn)帖族，例如列表的數(shù)據(jù)請(qǐng)求并渲染义矛、按鈕點(diǎn)擊事件地響應(yīng)處理等。
如何合理分解Task盟萨？
合理分解目的
- 有利于任務(wù)的分配凉翻，讓不同的開(kāi)發(fā)人員負(fù)責(zé)各自擅長(zhǎng)的事，優(yōu)化資源利用
- 有利于前端項(xiàng)目的整體進(jìn)度及風(fēng)險(xiǎn)把控
- 讓開(kāi)發(fā)人員在開(kāi)發(fā)的時(shí)候更聚焦捻激，不會(huì)東做一點(diǎn)西做一點(diǎn)
- 當(dāng)遇到依賴(lài)不能及時(shí)提供時(shí)制轰，可以暫時(shí)擱置，不影響其他Task的開(kāi)發(fā)
- 當(dāng)前端項(xiàng)目出現(xiàn)風(fēng)險(xiǎn)時(shí)胞谭，協(xié)調(diào)資源垃杖，分擔(dān)Task，解決項(xiàng)目風(fēng)險(xiǎn)
合理分解原則
不同團(tuán)隊(duì)在Task分解上可能存在差異丈屹，但應(yīng)統(tǒng)一保持一些通用原則调俘。
- 以界面作為基本單位
- 遵從結(jié)構(gòu)+表現(xiàn)+行為的原則
- 保持對(duì)前端開(kāi)發(fā)中的其他依賴(lài)進(jìn)行解耦
分解方式
具體的分解方式是為了讓前端項(xiàng)目管理者及業(yè)務(wù)開(kāi)發(fā)者在項(xiàng)目開(kāi)發(fā)中對(duì)功能點(diǎn)分解達(dá)成一致。分解的粒度要保持適中旺垒，不能過(guò)粗也不能過(guò)細(xì)彩库。如果太粗的話(huà)，在項(xiàng)目開(kāi)始前先蒋，不利于項(xiàng)目的任務(wù)分配骇钦，在開(kāi)發(fā)中，不利于觀察項(xiàng)目的進(jìn)度和狀態(tài)竞漾。如果太細(xì)的話(huà)眯搭，則會(huì)增大項(xiàng)目管理者及業(yè)務(wù)開(kāi)發(fā)者對(duì)Task的管理成本，反而會(huì)影響到具體的開(kāi)發(fā)任務(wù)业岁。
按照前端的特性鳞仙，我是按照一個(gè)界面（由結(jié)構(gòu)+表現(xiàn)+行為組成個(gè)體）為基本單位來(lái)進(jìn)行Task劃分。
1笔时、對(duì)一個(gè)界面來(lái)說(shuō)棍好，先以界面的靜態(tài)呈現(xiàn)為一個(gè)維度來(lái)進(jìn)行劃分，將結(jié)構(gòu)+表現(xiàn)的實(shí)現(xiàn)作為一個(gè)Task糊闽，如果界面有交互效果實(shí)現(xiàn)梳玫，則將交互效果的實(shí)現(xiàn)作為一個(gè)Task爹梁。
2右犹、然后以界面的行為實(shí)現(xiàn)為一個(gè)維度來(lái)進(jìn)行劃分，將該界面的前端業(yè)務(wù)功能實(shí)現(xiàn)作為一個(gè)Task姚垃，將接口聯(lián)調(diào)作為一個(gè)Task念链，如果還有第三方依賴(lài)，例如跨平臺(tái)應(yīng)用開(kāi)發(fā)，需要原生提供相應(yīng)功能掂墓，則將第三方依賴(lài)作為一個(gè)Task谦纱。
實(shí)際案例
項(xiàng)目需求
實(shí)現(xiàn)豆果美食學(xué)烘焙中的精華模塊。包含三個(gè)界面君编，精華文章列表界面跨嘉，發(fā)帖界面和文章詳情界面。
Task分解
將精華模塊按照如下方式分解后吃嘿，并進(jìn)行對(duì)應(yīng)Task的開(kāi)發(fā)評(píng)估祠乃。
精華模塊包含三個(gè)界面，分別對(duì)三個(gè)界面進(jìn)行Task分解兑燥，下面對(duì)精華文章列表頁(yè)的分解進(jìn)行詳細(xì)解釋亮瓷。
對(duì)于精華文章列表頁(yè)，按照界面展現(xiàn)來(lái)分解降瞳，可以將精華文章整體界面結(jié)構(gòu)+表現(xiàn)實(shí)現(xiàn)作為一個(gè)Task嘱支，可以分配給擅長(zhǎng)UI繪制的人員，評(píng)估開(kāi)發(fā)時(shí)間為1人天挣饥。
將精華文章動(dòng)效處理-列表滑動(dòng)控制界面元素作為一個(gè)Task除师，讓開(kāi)發(fā)人員對(duì)動(dòng)效的處理更聚焦且用心，評(píng)估開(kāi)發(fā)時(shí)間為0.5人天扔枫。
將文章列表頁(yè)的業(yè)務(wù)功能實(shí)現(xiàn)作為一個(gè)Task馍盟，業(yè)務(wù)功能實(shí)現(xiàn)可以分配給另外的人來(lái)做，評(píng)估開(kāi)發(fā)時(shí)間為1人天茧吊。
將列表頁(yè)的接口聯(lián)調(diào)作為一個(gè)Task贞岭，當(dāng)接口不支持聯(lián)調(diào)時(shí)，Task則轉(zhuǎn)化成問(wèn)題搓侄，放入問(wèn)題列表中進(jìn)行跟蹤瞄桨，評(píng)估時(shí)間為0.5人天。
將看大圖功能調(diào)用作為一個(gè)Task讶踪，假設(shè)列表頁(yè)的實(shí)現(xiàn)是通過(guò)跨平臺(tái)技術(shù)（rn芯侥、weex）來(lái)實(shí)現(xiàn)，看大圖功能由原生提供乳讥，同樣柱查，如果原生不能按時(shí)提供，同樣也作為問(wèn)題放入問(wèn)題列表中由前端項(xiàng)目管理者統(tǒng)一監(jiān)控云石。
結(jié)語(yǔ)
由上可看出唉工，Task的劃分合理起到的作用還是很大的。既有利于資源的合理分配汹忠，又能提高項(xiàng)目開(kāi)發(fā)中的規(guī)范流程淋硝，而且還有利于前端項(xiàng)目的管理雹熬。當(dāng)在團(tuán)隊(duì)中推行Task分解規(guī)范的時(shí)候，最重要的還是要基于自己團(tuán)隊(duì)谣膳，要與團(tuán)隊(duì)成員進(jìn)行充分溝通和指導(dǎo)竿报，一起高效地完成前端項(xiàng)目任務(wù)。
