[[412178]]

分享大綱

這是分享大綱，包括如下 4 部分

• 自我介紹

• 職業(yè)經(jīng)歷

• 關(guān)鍵技能

• 一些反思

自我介紹

我先介紹下我自己，我是 16 年校招實(shí)習(xí)轉(zhuǎn)正進(jìn)入的阿里，當(dāng)時(shí)是在聚劃算前端團(tuán)隊(duì)，隨著業(yè)務(wù)變化一路從聚劃算到天貓?jiān)俚浆F(xiàn)在的淘寶，負(fù)責(zé)日常活動(dòng)營銷的同時(shí)，也多次參與大促會(huì)場&互動(dòng)的研發(fā)，在支持業(yè)務(wù)的過程中不斷挖掘提煉創(chuàng)新，最終完成從前端小白到前端技術(shù)專家的蛻變。

職業(yè)經(jīng)歷

接下來，我將結(jié)合這 4 年，具體談?wù)勎业那岸顺砷L之路。

職場初探-實(shí)習(xí)的那幾個(gè)月

首先是實(shí)習(xí)期，當(dāng)時(shí)是北郵的一個(gè)師兄內(nèi)推來的杭州這邊。實(shí)習(xí)期間呢，我主要是負(fù)責(zé) 2 塊東西， XList 和周末淘寶， XList 是聚劃算之前的一個(gè)解決無盡滾動(dòng)的框架，當(dāng)時(shí)主要還是在熟悉團(tuán)隊(duì)的工具鏈、看源碼，順便給其他業(yè)務(wù)打打雜。 

這個(gè)時(shí)期的重點(diǎn)是 團(tuán)隊(duì)融入 和 興趣探索 ，對(duì)實(shí)習(xí)生本身能力要求并不高，所以這個(gè)階段的同學(xué)們不要過于焦慮，重點(diǎn)還是看自己的 個(gè)人意愿與團(tuán)隊(duì)的匹配度 來進(jìn)一步?jīng)Q定是否要繼續(xù)待在這樣的團(tuán)隊(duì)。 

[[412179]]

新人菜鳥-入職第1年

然后是入職第 1 年，我的菜鳥時(shí)期。我入職的時(shí)候，剛好趕上聚劃算整個(gè)在做品牌升級(jí)，當(dāng)時(shí)存在一個(gè)商家素材不規(guī)范的問題，亟需解決以提升用戶體驗(yàn)

我就在師兄的指導(dǎo)下，設(shè)計(jì)了這么一個(gè)基于 PSD 解析的規(guī)范化合圖方案，這是技術(shù)方案的簡圖。

在 PSD 解析的基礎(chǔ)上，我還提供了一個(gè)可視化界面給設(shè)計(jì)師調(diào)控實(shí)現(xiàn)配置生成圖片，界面是參考 sketch 實(shí)現(xiàn)的。

這個(gè)方案在聚劃算整個(gè)實(shí)施之后，也取得了很好的業(yè)務(wù)結(jié)果，覆蓋了 90% 的業(yè)務(wù)線，平均每天合圖超過 1w 張。而這個(gè)工具，也是當(dāng)時(shí)團(tuán)隊(duì)內(nèi)部第一個(gè)完整的 node 應(yīng)用，我也依靠 TA 成功晉升到了 P6 。

總的來說，第 1 年是 新人時(shí)期 ，在這段時(shí)間，要開始學(xué)習(xí)識(shí)別業(yè)務(wù)需求，能進(jìn)行方案設(shè)計(jì)，推動(dòng) 個(gè)人技術(shù)棧的成型 。這個(gè)時(shí)期，我們完成的是從學(xué)生到社會(huì)人身份上的轉(zhuǎn)變，在做業(yè)務(wù)的同時(shí)，一定要時(shí)不時(shí)的 抬抬頭 ，把自己做的東西拿出來跟大家 分享 ，既增進(jìn)了團(tuán)隊(duì)對(duì)自己的了解，也促進(jìn)了自己對(duì)知識(shí)的進(jìn)一步總結(jié)概括。 

[[412181]]

獨(dú)當(dāng)一面-升級(jí)打怪

接下來，就是作為新人成功 landing 之后的升級(jí)打怪了。這個(gè)時(shí)期，我給自己的定義是獨(dú)當(dāng)一面。這里主要結(jié)合我個(gè)人做的另一個(gè)工具闡述。

坑位研發(fā)，是我們電商前端工程師日常開發(fā)過程中繞不開的事情，這是一些常見的商品坑位 

受之前做的配置生成圖片工具的啟發(fā)，我萌生了用編輯器產(chǎn)出布局的想法

然后，我就做了一個(gè)坑位可視化開發(fā)工具，左邊是編輯器界面，右邊是消費(fèi)者側(cè)渲染的 demo。通過這個(gè)工具，設(shè)計(jì)人員簡單復(fù)制粘貼、拖拖拽拽就可以生成一個(gè)新坑位，極大地降低了 UI 的開發(fā)成本 

這是當(dāng)時(shí)在會(huì)場上的應(yīng)用情況，做到了業(yè)務(wù)變化的分鐘級(jí)響應(yīng)

但是，工具在推廣過程中，也遇到了一些問題，包括如下

• 不支持存在事件交互、數(shù)據(jù)處理等邏輯的場景

• 運(yùn)行時(shí)解析方式在端上性能不佳

• 脫離正常的研發(fā)流程

• 。。。

當(dāng)然，這些問題也正好給了我獨(dú)立 owner 且重構(gòu)產(chǎn)品的機(jī)會(huì)。于是，我結(jié)合了當(dāng)時(shí)天貓的研發(fā)體系，推出了融入開發(fā)體系的模塊可視化研發(fā)方案，即 2.0 版本。這是 2.0 版本的完整鏈路圖 

這是 2.0 版本上線之后取得的結(jié)果，我也在那一年拿到了年度 3.75，并晉升到了 P7。 

從我個(gè)人角度，獨(dú)當(dāng)一面 這個(gè)時(shí)期的重點(diǎn) 是在能游刃有余的完成分發(fā)到自己的工作之外， 建設(shè)核心能力 、尋求突破。這個(gè)時(shí)期，已經(jīng)對(duì)業(yè)務(wù)有了較為深刻的了解，可以 從零到無設(shè)計(jì)一塊東西 ，技術(shù)上能夠?qū)訕I(yè)務(wù)方，技術(shù)之外要能做項(xiàng)目管理， 協(xié)同 多方有效完成任務(wù)。 

[[412184]]

關(guān)鍵技能

接下來，我將重點(diǎn)介紹下我過去 3 年多解鎖的一些關(guān)鍵技能

技能一：跳出技術(shù)視角

第 1 個(gè)關(guān)鍵技能是跳出技術(shù)視角。不少開發(fā)都有類似【我只是一個(gè)技術(shù)，不應(yīng)該參與 QA、PM 的工作】的想法，實(shí)際上也確實(shí)有人在技術(shù)路線越走越精深，并得到了認(rèn)可。然而，凡事都有個(gè)但是，很多人技術(shù)水平非常高，但一直得不到認(rèn)可，這種現(xiàn)象更為常見。尤其對(duì)于我們前端來說，很難徹底脫離上下游、脫離業(yè)務(wù)方來完成工作，甚至除了 QA 和 PM 的工作之外，還需要向業(yè)務(wù)方 “推銷” 自己的工具。一個(gè)更加 “全面” 的前端才能更加順風(fēng)順?biāo)?。那么，怎么做到更加全面呢？可以從以下幾個(gè)方面入手，比如從 why 出發(fā)做事情，做業(yè)務(wù)的同學(xué)，關(guān)注業(yè)務(wù)數(shù)據(jù)、跟進(jìn)線上問題，做技術(shù)產(chǎn)品的同學(xué)，提供出色的產(chǎn)品服務(wù)文檔 

技能二：追求極致

第 2 個(gè)關(guān)鍵技能是追求極致，也可以理解為我們常常稱贊的匠人精神。以我為例，我入職第一年就做了個(gè)在線編輯器，在完成基礎(chǔ)功能的同時(shí)，還增加了快捷鍵、輔助線、自動(dòng)吸附等功能，不斷打磨編輯器的產(chǎn)品體驗(yàn)，因此也吸引了很多小伙伴的加入，共同把這個(gè)產(chǎn)品推廣到更多的業(yè)務(wù)域。 

[[412185]]

技能三：結(jié)構(gòu)化的表達(dá)

第 3 個(gè)關(guān)鍵技能是結(jié)構(gòu)化的表達(dá)。俗話說的好，酒香也怕巷子深，結(jié)構(gòu)化的表達(dá)，是我們?cè)谕瓿墒虑榈那疤嵯?，更好地讓別人（比如你的老板）get 到你的產(chǎn)出及價(jià)值。結(jié)構(gòu)化的表達(dá)離不開結(jié)構(gòu)化的思維方式，大家可以看看金字塔原理這本書。除此之外，在建立結(jié)構(gòu)化思維的過程中，好的畫圖工具也能實(shí)現(xiàn)事半功倍的效果。 

一些反思

既然是復(fù)盤，也來做下自我批判，也是對(duì)大家的一些建議

反思一：No 三點(diǎn)一線

程序員長時(shí)間工作、加班，三點(diǎn)一線的奔波，對(duì)身體傷害其實(shí)蠻大的。身體是革命的本錢，要保持一個(gè)良好的健身習(xí)慣，不需要很頻繁或者很專業(yè)的鍛煉，其實(shí)每周 1 次的健身房養(yǎng)成習(xí)慣就好。保持一個(gè)良好的身體狀態(tài)，工作時(shí)其實(shí)也能更有精力。 

[[412186]]

反思二：Keep learning

經(jīng)常會(huì)有人說，做業(yè)務(wù)一直在 CRUD，感覺工作幾年下來沒什么成長。誠然，有意思、有挑戰(zhàn)的工作確實(shí)不多見，更多的是一些瑣碎的、重復(fù)的工作。所以，在工作之外，也需要花一些時(shí)間，關(guān)注下業(yè)內(nèi)資訊、新聞，看看書、寫寫博客、參與一下 GitHub 感興趣的項(xiàng)目。keep learning，保持對(duì)新技術(shù)的關(guān)注~