環形進度條的de，吉彤卡了兩天。

邏輯本身不復雜，畫一個SVG圓環，根據驗證碼倒計時填充弧長，再配一個居中的數字顯示。問題出在動畫的流暢度上。他在恆遠科技的時候也做過類似元件，當時用requestAnitionFra硬算每一幀的角度偏移，效果尚可，但程式碼寫得粗糙，後期維護的人罵了三個月。這次他想做得乾淨一點，把動畫封裝成可複用的hook，結果在狀態同步上反覆踩坑——倒計時每秒鐘觸發一次更新，但動畫需要每秒六十幀平滑過渡，兩個頻率對不上，弧長的填充要麼跳幀要麼滯後。

週三下午三點，沈瑤過來看了一眼他的螢幕：“怎麼樣了？”

“還在調。”吉彤讓開一點，把瀏覽器裡的效果給她看，“你看，數值更新和弧長變化不同步，使用者感受上會覺得倒計時走完了圓環還沒填滿，反過來也一樣。”

沈瑤俯身盯著螢幕看了十幾秒，然後直起身：“你這個思路沒問題，但驅動方式可以換一下。不用每一幀都去算倒計時剩餘值，而是把開始時間和總時長存下來，每幀根據當前時間戳算進度。這樣動畫和數值共享同一個時間源，自然就同步了。”

吉彤愣了愣。他腦子裡那團糾結的線忽然被抽出了一根頭，順著那個方向捋過去，很快就看見了出口。

“對……我幹嘛非要把倒計時當成驅動源。”他自言自語著已經開始改程式碼，“用時間戳做唯一驅動，數值和弧長都是派生狀態……”

“你慢慢改，改完跑一下邊界情況，比如頁面切後臺再切回來，看看時間戳差值怎麼處理。”沈瑤拍了拍他椅背，端著水杯走了。

吉彤埋頭改了半個小時，de終於流暢跑了起來。圓環從十二點鐘方向開始順時針填充，數字同步遞減，平滑得像一條被勻速抽出的絲線。他盯著螢幕看了三遍，確認沒有跳幀，然後開啟專案資料夾新建了一個測試檔案，專門用來模擬切後臺再返回的場景。處理時間戳差值的時候，他想起之前林悅在需求會上說的“不能讓使用者更焦慮”，於是把後臺切回時的邏輯改成了保持當前進度繼續，不重置也不跳變。

改完他靠在椅背上伸了個懶腰，抬頭髮現已經五點半了。旁邊趙宇正在收拾東西，見他抬頭便說：“走了走了，今晚別搞了。你那個de沈瑤說沒問題就是沒問題了，沒必要再自我折磨。”

“行，就走。”

他存了程式碼，關電腦的時候看見企業微信群裡彈出一條訊息。HR發了一張分享會的報名表截圖，目前已有八個人報名，按順序排著，名字後面跟著分享主題——“和甲方溝通時我學會傾聽”“第一次主持跨部門會議”“從工程師到產品經理，我換了一種看問題的角度”。

趙宇湊過來瞄了一眼：“你報名了嗎？”

”。沒“

”。鬆放別特圍氛，聲掌的勵鼓是全下底，的TPP講前面人十二在能變恐社從麼怎講去上娘姑個有週上。式正不，鐘分幾講去上是就正反，唄個一報“

”。看看再我“：想了想彤吉

”。支分發開進合接直以可，楚清也釋註，錯不構結碼式程“：句一了說後最，頭點點都景場個一完測每。理抖防的取獲新重選點續連及以、試重時超的下境環網弱、回返臺後切了測點重，示演互兩了看邊旁位工他在坐姐孫。覽預的姐孫了過通ed的條度進形環，午下四週

。眼順都著看己自西東的來出，遍一了走著照他，標路的好註標一是像，註批藍些那的留時查審碼式程在瑤沈而。範規不規名命數變、楚清夠不夠得寫釋註過意在人沒從，”嗎了過測能效“和”嗎了通跑能功“——題問個兩問只時收驗管主，碼式程年三了寫遠恆在他。足滿的妙微一起升裡心，候時的面頁示演掉關彤吉

”。額名有還說聽我？嗎來不的真會分天明，彤吉“：手招了招便他見看，天聊事同個一跟正。娘姑臺前的髮頭藍霧扎了見口梯電在他，前班下晚傍

”？講要也你“

”？的講能不麼什有你，講能都事糗種這，聽聽你。來進放現發人被才鐘分五了站面外門璃玻在，了反刷卡門司公把天一第職我講“，眼眨眨”。啊講我“

”。想想再我“：下一了笑彤吉

。包表的”嗎句兩講來上不人新“個了發也悅林，”來要不要彤吉“句一了跟瑤沈下底。得先到先，額名個三剩還說，名報催在又RH裡群信微業企。機手翻上床在躺他，屋租出到回晚當

。字打始開，件文白空個一啟開後然，久很了看幕螢著盯他

。室活，半點四午下天二第

。點要行幾的好打晚昨他是上幕螢，機手著攥裡手，下坐置位的邊靠排後個了找他，人的半大了坐經已候時的到彤吉。塊的齊整切果水和乾餅小，臺歇茶了放落角在RH。幕影投和板白塊一了支面前，形圓半擺椅疊摺把來十四

”。心耐有更候時的人別幫你後之而反，你起不看個這為因人沒。歷經的誌日查步步一著帶被過有都人個每乎幾組們咱現發來後，人丟別特得覺時當我“：說。的來出念行一行一幫邊旁在姐孫是後最，令命對不敲得抖手，gub急上線到接次一第後職講，生鏡眼框圓的組試測是的去上個一第

。去上水杯了遞人有，影錄機手著舉邊旁在RH。聲掌的輕輕片一起響下底

”。撐支料資多麼這有後背到想沒，點看好畫IU是就驗得覺前以他，說我跟人責負個那來後“。點化佳最驗個兩加求要主到服說”驗要不“從方對把後最，景場者用使聊面對面，天三坐司公方對去週每，間時週兩了花。”驗要不能功要只們我，哨花太品產的技科藍蔚們你“說就來上一，人男年中個是人責負技的方對。歷經的時求需接對戶客行銀家一跟講，娘姑子個高個一的部品產是個二第

。頭點了點微微時裡這到聽，排前在坐悅林到意注彤吉

”。放開額名補替？上想誰有還“：下臺向看RH，來沒事有時臨人的名報個三第

。思意麼什有能事故的人新個一他，工員深資是都的座在說再；的講好麼什有，週兩來才他且而；鐘分五撐夠不，了短太話行幾那的備準他——頭念個幾過閃裡子腦，收節指的機手著攥他。拍一了快跳心的己自到覺彤吉

。手拍了拍著笑，眼一了看頭回娘姑的面前在坐個幾”！上他讓！了好備準彤吉“：喊邊那RH衝，了鬨起在經已宇趙的邊旁但