當(dāng)前位置：首頁 > 觀瀾seo優(yōu)化觀瀾seo優(yōu)化

項(xiàng)目?jī)?yōu)化卻體現(xiàn)不出自己的價(jià)值？

日期：2019-06-17 人氣：1110076

導(dǎo)讀：項(xiàng)目?jī)?yōu)化卻體現(xiàn)不出自己的價(jià)值？可能你的方式不對(duì)？一、現(xiàn)實(shí)場(chǎng)景常常有一些工作了一兩年的開發(fā)問我，表示自己工作也有一兩年了，接手項(xiàng)目也挺多了，一方面做業(yè)務(wù)的速度也越來越熟練，另一方面自己也對(duì)項(xiàng)目做了很多代碼優(yōu)化。但是一到答辯的時(shí)候或者跟領(lǐng)導(dǎo)匯報(bào)的時(shí)候，自己又沒法傳達(dá)自己做的有多厲害，比上一個(gè)開發(fā)做的性能有做多少提升？那么，我們應(yīng)該怎么辦呢？其實(shí)說出來大家

項(xiàng)目?jī)?yōu)化卻體現(xiàn)不出自己的價(jià)值？可能你的方式不對(duì)？

一、現(xiàn)實(shí)場(chǎng)景

常常有一些工作了一兩年的開發(fā)問我，表示自己工作也有一兩年了，接手項(xiàng)目也挺多了，一方面做業(yè)務(wù)的速度也越來越熟練，另一方面自己也對(duì)項(xiàng)目做了很多代碼優(yōu)化。但是一到答辯的時(shí)候或者跟領(lǐng)導(dǎo)匯報(bào)的時(shí)候，自己又沒法傳達(dá)自己做的有多厲害，比上一個(gè)開發(fā)做的性能有做多少提升？

那么，我們應(yīng)該怎么辦呢？

其實(shí)說出來大家都知道：拿數(shù)據(jù)和指標(biāo)來證明自己。

道理我都懂�。�！但是怎么做呢？

以下文章用的方法適用于所有IT開發(fā)同學(xué)。

二、數(shù)據(jù)和指標(biāo)

2.1 介紹

定義：將我們工作的任務(wù)做數(shù)據(jù)統(tǒng)計(jì)，將數(shù)據(jù)和指標(biāo)最終記錄下來，能更好的體現(xiàn)。

2.2 舉例

例如：前端基建同學(xué)負(fù)責(zé)前端工程化這塊，負(fù)責(zé)對(duì)webpack做性能優(yōu)化，經(jīng)過一年時(shí)間從原先打包流程需要花2分鐘，到目前現(xiàn)在打包花費(fèi)20s，提升了6倍，與此同時(shí)前端工程化腳本，從被50個(gè)項(xiàng)目使用，到現(xiàn)在被200個(gè)項(xiàng)目使用。

從上面的描述中，我們看到了這些數(shù)據(jù)和指標(biāo)，就是我們證明自己的點(diǎn)。

但是這個(gè)時(shí)候，我們跟領(lǐng)導(dǎo)或者別人說，其實(shí)還是不能很好的證明自己的能力。

接下來我們用工具來一層層更好的證明自己的能力。

2.3 利用工具

2.3.1 方式一（無工具方式）

如果我們拿上面的例子中的場(chǎng)景，到了年底或者每年晉升階段：

今年我做了webpack的性能優(yōu)化，原來打包需要花2分鐘，現(xiàn)在只要20s，性能提升6倍。

前端工程化，被200個(gè)項(xiàng)目使用了。

2.3.2 方式二（使用excel）

利用excel也是比較好的方式，被非常多行業(yè)廣泛使用。<br />將數(shù)據(jù)不斷輸出到excel，然后利用excel，我們可以繪制折線圖、餅圖。

例如年底的時(shí)候，體現(xiàn)的是這樣，比如每月接入項(xiàng)目數(shù)量的增長(zhǎng)情況。比如在2019.4.1接手這個(gè)項(xiàng)目之前，項(xiàng)目在上一個(gè)開發(fā)那邊從1~18個(gè)項(xiàng)目，增長(zhǎng)也比較緩慢。

但是這個(gè)任務(wù)在你接手后，你給這個(gè)項(xiàng)目做了多少事情的推動(dòng)，從而導(dǎo)致了這個(gè)用戶數(shù)量達(dá)到了相比以往更快的增長(zhǎng)。

這樣就體現(xiàn)出了你的價(jià)值。

類似的比如你做了一個(gè)新的CI/CD方案，相比舊的CI/CD方案，一方面技術(shù)上做了哪些技術(shù)改進(jìn)，帶來了什么效益。

同時(shí)你也需要指出你的技術(shù)落地情況如何。如果落地情況也很不錯(cuò)，那確實(shí)你很牛，我要給你漲工資。

比如做了一個(gè)gitlab-ci的CI/CD的方案，原來你們用的是jenkins，一方面技術(shù)上確實(shí)很優(yōu)秀，另一方面，大家的接入，確實(shí)證明了你的方案確實(shí)是正確的。

所以記錄你的數(shù)據(jù)，不僅僅是首尾的數(shù)據(jù)，也要體現(xiàn)出這些的趨勢(shì)。

2.3.3 方式三(利用開發(fā)技巧）

本文因?yàn)槊嫦蜷_發(fā)者，其實(shí)作為開發(fā)同學(xué)，上面excel的方式，其實(shí)是需要我們不斷記錄，而且都是根據(jù)我們某一次的統(tǒng)計(jì)情況。

但是我們能不能利用代碼能力，來幫我們自動(dòng)化做這個(gè)事情呢？

比如你來到一個(gè)公司，現(xiàn)在有一個(gè)node腳本

var koa = require('koa');const app = new koa();

async function bootstrap(){

await new Promise((resolve, reject)=>{

setTimeout(()=>{

resolve()

}, 1000);

})

await new Promise((resolve, reject)=>{

setTimeout(()=>{

resolve()

}, 2000);

})

await new Promise((resolve, reject)=>{

setTimeout(()=>{

resolve()

}, 3000);

})

app.use((ctx, next)=>{

ctx.body = 'hello'

})

app.listen(8000);

console.log("start end.")}

bootstrap();

我們這邊通過setTimeout模擬了代碼中的臟代碼。整體這個(gè)前端工程化腳本，要6秒鐘。

大部分開發(fā)，直接上手干啊。然后就能根據(jù)自己經(jīng)驗(yàn)發(fā)現(xiàn)第16行~第20行，有臟代碼，修改了，發(fā)現(xiàn)了這個(gè)問題點(diǎn)最大的一個(gè)延時(shí)3秒的點(diǎn)。但是能不能優(yōu)化2s，能不能優(yōu)化1s的那些問題，可能是基于個(gè)人開發(fā)能力的。

然后最終在這位同學(xué)手上，優(yōu)化了3s，但是往往他也不知道自己優(yōu)化了多少的效果，也沒有做數(shù)據(jù)統(tǒng)計(jì)。

操作方式：

添加埋點(diǎn)

收集埋點(diǎn)數(shù)據(jù)信息

展示埋點(diǎn)數(shù)據(jù)信息

添加埋點(diǎn)

所以加埋點(diǎn)，最直接的方式，我們以整體腳本為例：

我們添加兩行代碼:

console.time('start')和console.timeEnd('start')

執(zhí)行效果：

然后每個(gè)陣子，優(yōu)化完，把這個(gè)時(shí)間統(tǒng)計(jì)下來，然后最好寫文件或者調(diào)用接口。

然后其實(shí)就把{useTime: 6013}這個(gè)存儲(chǔ)下來，最好加一個(gè)時(shí)間戳，代表自己這陣子的優(yōu)化。