從校招新星到前端技術(shù)專家的成長之路

引言

我在2018年校招進入京東，主要負責廣告投放系統(tǒng)的前端工作。在京東，這一路走來，我經(jīng)歷了多種角色轉(zhuǎn)換，我從學生到職場人，從校招生到校招導師，從初級前端開發(fā)到前端技術(shù)專家，也見證了京東廣告業(yè)務的蓬勃發(fā)展。

回顧過去的成長歷程，我心中充滿了感慨。首先，我要衷心感謝那些與我并肩作戰(zhàn)、共同奮斗的優(yōu)秀同事們。然后非常榮幸能有這個機會與大家進行交流，分享我作為業(yè)務研發(fā)的成長經(jīng)驗。這一路走來，我收獲頗多，希望我的經(jīng)歷能為大家?guī)硪恍﹩⑹竞蛶椭?/p>

?

個人成長經(jīng)歷

我的技術(shù)能力成長經(jīng)歷可以劃分為三個階段，起步探索、穩(wěn)步成長、突破貢獻。

【起步探索-保持好奇、深入探索、打牢基礎(chǔ)】

對于剛接觸或者即將接觸工作的同學們來講，下面的經(jīng)驗能夠幫助你們更好的的適應職場生活。

敢于提問

對于剛畢業(yè)的我們來說，對職場生活、項目研發(fā)的過程都充滿著好奇，也有著各種各樣的疑問，比如剛?cè)肼毜奈倚枰獙W習哪些東西，做哪些事情？在京東的需求開發(fā)流程是什么？這個項目需要怎么去開發(fā)？這個需求評審怎么聽不懂？等等各種問題。

首先你要明確，這個是很正常的事情，畢竟剛走出校園，需要學習到的東西還有很多，但是也不需要過于擔心，在京東對校招生，都會有校招導師，他們可以幫助你更好的適應職場生活。

在這里很感謝我的Leader和校招導師，他們幫助我解決了很多困惑和問題，讓我能更快的適應工作，比如以下幾點：

1.前期開發(fā)技能的儲備：會在前期告知團隊中主要使用了哪些技術(shù)棧，如Vue、Koa框架，能清晰的讓我知道需要學習哪些東西，掌握哪些開發(fā)技能。

2.項目開發(fā)前的準備：會告知我需要提前熟悉下項目的代碼，在項目在本地啟動后，會講解下項目的整體架構(gòu)以及技術(shù)棧、項目的業(yè)務和功能，幫助我更好的理解該項目。

3.熟悉項目的開發(fā)流程：為了能讓我更快的適應業(yè)務的開發(fā)節(jié)奏，會帶我了解項目的開發(fā)過程，這個階段導師基本會帶著做一些需求，對于我們而言就盡快習慣這種節(jié)奏就好。

還記得在初次參加需求評審的時候，很新奇，但在會議過程中，會發(fā)現(xiàn)好些東西聽不太懂，這種其實都很正常。對于不會的名詞就在會議之后在網(wǎng)上查詢，積極學習了解。

對于業(yè)務中的問題，主動找找產(chǎn)品經(jīng)理、Leader、導師咨詢，他們能幫你解答，并給你很多有效的建議，另外在分析需求內(nèi)容的時候，推薦使用XMind這樣的工具去整理自己的思路，會讓你的思路更加清晰。

在剛進入職場時，保持好奇心，勇敢的提問，你的同事們都會很樂意為你解答，畢竟都是從這個階段走過來的。

?

打好基礎(chǔ)，多做嘗試

?

養(yǎng)成良好的編碼習慣是成為優(yōu)秀開發(fā)者的重要一步。首先需要了解公司或者團隊的編碼習慣，在大學的時候其實我已經(jīng)比較注重代碼格式的養(yǎng)成了，畢竟良好的書寫習慣看著也比較舒服，所以在進入公司之后，在這方面并沒有花費我太大經(jīng)歷。然后對于研發(fā)而言，需要注重代碼注釋，因為它會能幫助你理清自己的思路，也能在你過了許久翻到這里時，有個大致印象，我在當時也會寫很多代碼注釋，確實對比過寫和不寫注釋這兩種情況，寫了注釋的代碼能讓你過了很久之后還能“認領(lǐng)”出來，而沒有寫的可能過了許久之后，你都“懷疑”是不是自己寫的。最后就是要做好Code Review，它能很好的提高你代碼的質(zhì)量，為你盡早的發(fā)現(xiàn)問題，我們在這個時候，要多讓大家?guī)湍鉹eview，同時也可以去review別人的代碼，這是一個相互學習和交流的過程。

?

掌握了基本的開發(fā)技能，就可以獨立去承接需求，如果條件允許的話，可以多嘗試一些項目，在這個階段我嘗試過的項目很多，大概有八個的樣子，其中包含了投放系統(tǒng)、管理后臺、官網(wǎng)等項目。每個項目帶給我的成長其實都不大一樣，不同的項目就意味著我們需要去接觸不同的人，當然這是一個很好的學習機會，我們可以看到很多人做事以及思考問題的方式，也能能充分鍛煉自己的溝通和協(xié)作能力。

此外項目之間無論是項目架構(gòu)還是技術(shù)棧都會存著著差別，嘗試不同的項目可以擴展你的技術(shù)視野，了解各種技術(shù)的優(yōu)缺點及其適用場景，在項目切換的過程也可以學習如何快速上手和適應新的技術(shù)棧，這對我們后續(xù)的職業(yè)發(fā)展都是非常有益的。

?

總之在這個階段，你需要敢于提問，積極的融入團隊，另外要養(yǎng)成良好的編碼習慣，通過不同的項目去提升你的溝通協(xié)作能力，技術(shù)能力，這些都對你的長期職業(yè)生涯發(fā)展極為重要，它們將為你的未來成長打下堅實的基礎(chǔ)。

?

【穩(wěn)步成長-主動承擔、攻堅克難、穩(wěn)抓穩(wěn)打】

在技術(shù)成長的初期，我們往往從簡單的任務開始，通過不斷學習和實踐逐步積累經(jīng)驗。隨著知識和技能的豐富，我們開始承擔更復雜的任務。

主動承擔，攻堅克難

在技術(shù)能力得到顯著提升之后，這使得我們能夠承擔更大的責任，這個時候我就開始主動承擔一些從零啟動的全新項目和重構(gòu)的項目。相對來說，從零啟動的項目難度會低一些，因為這一類項目不存在歷史的負擔，可以從頭開始設計和實現(xiàn)。但是也需要我們?nèi)婵紤]系統(tǒng)的架構(gòu)、技術(shù)選型，確保項目從一開始就朝著正確的方向發(fā)展。

我就主要介紹下我重構(gòu)項目的經(jīng)歷，我接手的項目叫創(chuàng)意中心，當時的背景是需要在這個項目里承接一條新業(yè)務，按照當時的項目架構(gòu)，整體的接入成本及維護成本都很高，另外在我們的業(yè)務流程里，用戶的操作路徑也比較長。

為了解決第一個維護成本這個難題，我當時也是主動同產(chǎn)品、后端同學進行了多輪方案溝通，最終決定采用“配置化+組件化”的方案，這次升級改造的前端就是我自己，我把原來根據(jù)每一種廣告樣式定制的代碼架構(gòu)，升級為通過獲取廣告位系統(tǒng)配置的樣式及樣式下的元素，動態(tài)進行頁面渲染。最終達到的效果是，大多數(shù)情況下，新增一個廣告樣式，只需要產(chǎn)品在廣告位系統(tǒng)配置一下，整個創(chuàng)意中心都是不需要進行代碼開發(fā)和上線的。

?

第二個難題便是用戶操作路徑過長，那為了解決這個事情，我也是進行了技術(shù)調(diào)研，這個是我在極短的時間內(nèi)做的第一次調(diào)研，在調(diào)研完成之后，也是找到團隊Leader、產(chǎn)品主動去溝通了這個事，他們都認可了我這個方案，最終我使用JS-SDK的方案，將廣告創(chuàng)建創(chuàng)意的核心代碼通過該方式賦能給相關(guān)投放產(chǎn)品線。最終達到的效果是，從最初的反復跳轉(zhuǎn)造成操作中斷，到后面的當前頁面建創(chuàng)意，整體操作連續(xù)，用戶的體驗得以提升，在代碼層面一套代碼既應用在項目中，也賦能到各個產(chǎn)品線中。

在解決這些難題的過程中，并沒有那么順利，過程中出現(xiàn)了各種困難。但是，最終的結(jié)果還是令項目的每一個人滿意，這大概就是“痛并快樂著”吧！在這次實踐之后，我的項目架構(gòu)能力、認知能力、問題解決能力都得到了很明顯的提升。正如《老人與?！分械哪蔷湓挘骸耙粋€人可以被毀滅，但不能被打敗。”每一次挑戰(zhàn)和困難，都讓我更加堅定和成熟。

在這個過程中，我深刻體會到了一句話的真諦：“沒有比人更高的山，沒有比腳更長的路?！泵恳粋€問題的解決，每一次困難的克服，都是一次自我超越和成長的機會。通過這些經(jīng)歷，我不僅提升了技術(shù)能力，也豐富了人生閱歷，成為了一個更為堅韌和智慧的自己。

?

【突破貢獻-技術(shù)創(chuàng)新、業(yè)務突破、突破自我】

在經(jīng)歷了穩(wěn)步成長階段之后，我們迎來了一個新的篇章—突破貢獻階段。這一階段不僅僅是對技術(shù)的進一步精進，更是對自我認知的深刻提升。我們不再僅僅滿足于完成任務，而是開始主動尋找創(chuàng)新點，推動項目的突破性進展。

技術(shù)創(chuàng)新，業(yè)務突破

技術(shù)創(chuàng)新對于研發(fā)也是至關(guān)重要的，對于個人而言，它不僅能提升專業(yè)技能和創(chuàng)新能力，也可以提升自身在團隊和行業(yè)中的價值。同時，對于業(yè)務而言，創(chuàng)新可以帶來更多可能性。

我們都知道，視頻相比較圖片能傳達更多的有效信息，更能吸引注意力，那在廣告業(yè)務中也是同理的。這里我就主要介紹下在廣告視頻廣告業(yè)務的經(jīng)歷，主要有兩段經(jīng)歷，第一段經(jīng)歷是在短視頻蓬勃發(fā)展的時期，為了趕上這種變化，我們積極主動地進行技術(shù)探索，致力于尋找一種能夠幫助用戶快速創(chuàng)建視頻創(chuàng)意的方案。經(jīng)過我們的不斷嘗試，最終確認通過使用“AE+Lottie”方案實現(xiàn)模版的制作和播放，使用“pupteer+ffmpge”生成最終的視頻文件。這個方案在當時的電商廣告行業(yè)也是一種創(chuàng)新，通過我們方案，能有效的為廣告主提供了視頻創(chuàng)意制作的途徑。我很榮幸能參與到這個項目，同我們前端團隊的架構(gòu)師，以及后端、算法團隊共同來完成這件事情。這次項目經(jīng)歷不僅提升了我的專業(yè)技能，也進一步開闊了我的視野，也為我后續(xù)的發(fā)展做了良好的鋪墊。

第二段經(jīng)歷起源于一個大膽的假設，如果不直接生成視頻，利用Lottie是不是可以進行動態(tài)廣告的播放。為了驗證這個想法，主動和團隊的客戶端開發(fā)同學去做了這個嘗試，實驗的結(jié)果驗證了猜想，我們用實踐的案例和產(chǎn)品溝通這個事情，期望在業(yè)務上能盡快去落地。在這個業(yè)務落地過程中，做為前端的一號位，我將原本完整的模版輸出過程升級為元素粒度的輸出，并且提供了動效的編輯器，用來組合多種元素，最終生成具備宏替換規(guī)則的動態(tài)模版。我們將這種方案應用在京媒SDK開屏廣告業(yè)務上，也是取得了一定的成果，這種動態(tài)化渲染的方案，相較于傳統(tǒng)的客戶端廣告播放樣式開發(fā)，在新增樣式的場景下免去了客戶端的開發(fā)和發(fā)版工作；至今已經(jīng)上百家媒體接入，CTR也有著一個明顯的提升。我自己也在這個過程中，不僅提升了自己的技術(shù)和創(chuàng)新能力，也沉淀了兩篇技術(shù)專利。

我建議大家在日常的工作中，首先我們要關(guān)注行業(yè)動向，提升對技術(shù)的敏銳度，保持對新興技術(shù)的好奇心和探索精神。正如《小王子》中的一句話：“所有的大人都曾經(jīng)是小孩，雖然，只有少數(shù)人記得?！蔽覀冊诩夹g(shù)領(lǐng)域也應保持那份童心，去探索未知的世界。然后我們也要善于觀察，主動去發(fā)現(xiàn)業(yè)務可以提升的地方，發(fā)現(xiàn)之后也要敢于推動，因為我們只有不斷挑戰(zhàn)和突破，才能取得真正的進步。

?

【無畏挑戰(zhàn)，超越自我】

雖然我的職位是前端研發(fā)工程師，但我并沒有局限于此。我主動涉獵了許多其他領(lǐng)域，積極嘗試各種新鮮事物。這不僅豐富了我的技能組合，也令我在職業(yè)發(fā)展中不斷拓寬視野和提升自身價值。

零售前端開發(fā)通道影響力建設

零售前端精品課

21年一次巧合的機會，我的Leader給我說前端通道要建立一個分享體系，詢問我是否有想法。我當時的第一反應就是立刻答應下來。因為在團隊中，我一直負責團隊的技術(shù)分享工作，因此我也想借此機會進行更多的嘗試。在此，我要特別感謝Leader的信任和引薦。

在接到這個任務之后，我先是制定了初版的分享體系，后面又與負責京英專業(yè)力的老師進行多次對接，敲定了課程的組織形式和合作方式。在首次課程直播的時候，也是有著各種突發(fā)狀況，因為宣傳上不到位，最終的數(shù)據(jù)也很不理想。結(jié)束之后，也是認真做了復盤，并且積極整改，數(shù)據(jù)上也是有了正向的反饋。

后面因為一些調(diào)整，從和專業(yè)力協(xié)作的方式，變成通道主辦的方式，應對這個突然的變化，我也是積極學習，結(jié)合我們通道的實際情況，最終沉淀了一套完整的前端精品課的組織流程。

作為精品課的核心組織者，從0到1建立精品課體系，為零售前端技術(shù)交流提供了平臺，該項目也獲得零售前端開發(fā)通道2021年度“最佳實踐”三等獎，到目前沉淀了47期精品課，累計PV8000+，UV6000+，覆蓋70%左右的前端研發(fā)。

技術(shù)沙龍主持人

在2023年的時候，“技術(shù)融合 前端無界” 京東 & 百度前端技術(shù)沙龍需要一位主持人，為了突破自我，我決定嘗試主持技術(shù)沙龍。這一決定不僅是為了提升自己的溝通和組織能力，更是為了挑戰(zhàn)自我，走出舒適區(qū)，積累更多寶貴的經(jīng)驗。該沙龍主要從跨端、低代碼、大語言模型及端側(cè)智能等技術(shù)領(lǐng)域，分享前端前沿技術(shù)與最佳實踐，共同探討前端各領(lǐng)域技術(shù)演進現(xiàn)狀與未來展望。

因為有了第一次主持技術(shù)沙龍的經(jīng)驗，我得到了更多的信任和認可，因此后面零售前端開發(fā)通道主辦的AIGC技術(shù)沙龍也交給我來主持，這次沙龍從大模型的前世今生，到GPT的代碼輔助、業(yè)務應用的最佳實踐，共同探討大模型時代下的機遇與挑戰(zhàn)。

在這兩次活動經(jīng)歷中，我收獲頗豐。作為觀眾，我汲取了前沿的技術(shù)信息，學習了優(yōu)秀的實踐經(jīng)驗，并結(jié)識了一群杰出的專家和老師。作為主持人，我鍛煉了自己的溝通能力和應變能力，同時也大大提升了自信心。這些寶貴的經(jīng)驗不僅豐富了我的專業(yè)知識，還增強了我的綜合素質(zhì)，為未來的發(fā)展打下了堅實的基礎(chǔ)。

作為研發(fā)人員，除了做好本職工作，我們還可以嘗試很多新事物，不要給自己設限。其實，在我們身邊有很多類似的機會，希望大家可以主動爭取。比如，加入“零售前端通道交流群”這樣的技術(shù)交流群，這里有許多優(yōu)秀的技術(shù)實踐分享，參與這些分享可以開拓你的眼界；群里還會有項目共建的機會，讓你嘗試更多的可能性；此外，還有一些組織活動的機會，可以鍛煉你的組織和溝通能力。通過積極參與這些活動，你不僅能提升技術(shù)水平，還能積累寶貴的經(jīng)驗，全面發(fā)展個人能力。

團隊“校招小組”負責人

在2021年，我有幸成為了一名校招導師。角色的轉(zhuǎn)換讓我既感到欣喜，又有些不知所措。然而，我迅速調(diào)整了狀態(tài)，像我剛?cè)肼殨r的導師那樣，積極為新成員解答各種問題。不同的是，由于我也是從校招身份轉(zhuǎn)換過來的，所以我能夠結(jié)合自己的成長經(jīng)驗，給出一些切實可行的建議和引導，幫助新成員避免走一些彎路。這不僅讓我在幫助他人的過程中感到滿足，也讓我自身的能力得到了進一步提升。

2023年下半年，我開始擔任團隊“校招小組”的負責人。這個小組是由歷年校招生組成的虛擬團隊，目前有著10位成員。隨著職責的變化，我從只為一個校招生的成長負責，轉(zhuǎn)變?yōu)闉檎麄€小組成員的成長負責。為了更好地履行這一職責，我進行了多種嘗試，并在不斷的嘗試中積累了寶貴的組織和管理經(jīng)驗。

我主要組織成員進行業(yè)務開發(fā)問題、校招培養(yǎng)，AIGC等主題的探討學習。并且目前也已經(jīng)取得一些成果，通過AI Agent的方案沉淀校招成長中的問題及解決方案，能夠更好的幫助校招生解決遇到的一些問題。

另外和團隊成員利用大模型進行團隊官網(wǎng)重構(gòu)的實踐，通過即時AI生成設計稿，利用gpt-4o生成代碼，真實的實踐能讓團隊成員更好的理解大模型的上下限。

總結(jié)及未來展望

總的來說，每個人的成長經(jīng)歷都是獨一無二的，但從他人的經(jīng)驗中，我們也能找到一定的參考價值。對于當前的你來說，最重要的是專注于把當前階段的事情做好，認真解決每一個你遇到的或者業(yè)務遇到的問題。每當你成功突破一個問題，你會發(fā)現(xiàn)自己的認知能力、理解能力以及解決問題的具體能力都會有顯著的提升。

此外，要不斷地接觸新事物，勇敢地嘗試。雖然在這個過程中你可能會遇到一些失敗，但這些經(jīng)歷都是寶貴的財富。每一次嘗試，無論成功還是失敗，都會為你積累寶貴的經(jīng)驗和教訓。整個探索的過程不僅能豐富你的知識和技能，還能為你的未來發(fā)展奠定堅實的基礎(chǔ)。這些經(jīng)歷將成為你未來發(fā)展的重要寶藏，幫助你在職業(yè)生涯中不斷進步和成長。所以，不要害怕失敗，勇敢地邁出每一步，你會發(fā)現(xiàn)自己的潛力遠超預期。

?

AIGC的快速發(fā)展就是一種機遇，無論從代碼生成，圖視頻制作上都給了我們太多驚喜，而我們完全可以將自己的想象力和AIGC結(jié)合起來，去創(chuàng)造出更多的可能。

對于前端而言，AIGC正在極大的改變我們前端的開發(fā)形式，大模型能幫助我們生成設計圖，并且通過設計圖能直接給出代碼，我們需要盡快意識到技術(shù)進步帶來的緊迫感，并采取積極的措施來適應不斷變化的行業(yè)環(huán)境。作為研發(fā)，首先我們應該積極學習和嘗試大模型的各種能力，無論是代碼輔助還是自動化生成用例，都能極大的提高我們的開發(fā)效率；另外也要試著將大模型和自己的業(yè)務結(jié)合起來，比如通過自然對話的交互形式，更高效的支持用戶的需求。

?
審核編輯 黃宇