工作半年前端的一些思考 | 共勉

對于前端開發(fā)，已經(jīng)不再是過去寫寫頁面就可以了，過去寫頁面后端都可以做，在現(xiàn)在主流前后端分離開發(fā)模式以及 Node.js 的火熱下，前端涉及的領(lǐng)域也逐漸多了，也需要對于業(yè)務(wù)更加理解。

那么本篇和大家聊聊自己工作半年對于前端的理解與一些感想，談?wù)勀切┍拔⒌慕?jīng)歷，僅個人愚見，若與你的觀點(diǎn)不一致，還請海納百川有容乃大，一切以你為準(zhǔn)。

工作中前端做的一些事情

比較推薦大家瞧一瞧之前寫的三份總結(jié)性文章，這些是正式入職之后試用期三個月的一份總結(jié)，這三個月來每個月都有不同的感受與體會，最后轉(zhuǎn)正成功了。

• 剛畢業(yè)一個月，7 月正式入職深圳互聯(lián)網(wǎng)公司的前端月度工作匯報 ｜總結(jié)
• ?? 21 屆校招 8 月前端月度工作匯報 ｜總結(jié)
• 試用期 3 個月的總結(jié)，轉(zhuǎn)正述職 | 21 屆前端校招分享

希望這三篇文章能夠?qū)δ阌袔椭鷡

有些小伙伴可能知道「修圖仔」這個詞，沒錯，在一些公司里面，前端有時候干的就是繪圖畫圖修圖的工作，由公司 UI 設(shè)計師設(shè)計好圖了，然后反手一下甩給前端。

來，圖畫好了，照著這個做就行了。（本段內(nèi)容虛擬場景，開個玩笑）

之后，作為人類高質(zhì)量的前端，按照設(shè)計圖一頓 ctrl + cv 的操作，把設(shè)計師給的圖“畫”完了。

為了讓設(shè)計師能夠看到本地實(shí)現(xiàn)的頁面效果，這位高質(zhì)量前端想了用自己 IP 加端口的方式，將網(wǎng)頁地址甩給了設(shè)計師，畢竟咱們都是用的公司內(nèi)網(wǎng)，你可以看到。

設(shè)計師打開一看，眉頭緊湊，開始了一些 bug 記錄，這里間距有問題，這里圖片模糊，這里字體大小不對，移動端這里那里有問題...

高質(zhì)量前端拿著 bug 文檔，開始了摸魚（加班）。

完結(jié)...

以上內(nèi)容根據(jù)真實(shí)場景虛擬改造，帶有一定娛樂效果，僅供參考。

作為一個「螺絲釘」，在工作中，我起初也是修修圖，改改小 bug，做了很多個客戶案例頁面，平常就是和設(shè)計還有產(chǎn)品打交道。

此外，前端全線路使用 React 技術(shù)棧，也使用了 Vite，Antd Pro 等。

具體工作內(nèi)容就不詳細(xì)說了，作為一個打工人，又是干程序員開發(fā)這行業(yè)，能自己寫一寫隨想還挺好的。

那么，總結(jié)來說的話，在工作中前端做的事情總之離不開頁面，每天對著顯示器切屏切來切去，還有與后端同學(xué)一起核對接口。之前有寫過一篇此類文章：

?? 前端如何與后端對接？當(dāng)年差點(diǎn)和后端同學(xué)打起來了！

在工作中的一些感受

那么，真的就像上述所說那么簡單嗎？

其實(shí)并不然，現(xiàn)在說說工作半年后的一些感受吧，首先先說明一下，怎么就半年了，上文才說試用期三個月，算上現(xiàn)在最多也就 4 個月。

之前在公司是有實(shí)習(xí) 2 個多月的時間哈，基本上任務(wù)和正式工作差不多，算上也差不多半年了。

以下內(nèi)容僅我個人工作期間的愚見。

上文也有說最開始也是從「畫圖，修圖」這些步驟來的，會與設(shè)計和產(chǎn)品溝通，而就在這個溝通過程中讓人有時候焦頭爛額的，具體啥情況呢，來說一說吧。

首先，要說明的是一般需求都是由產(chǎn)品那邊定的，比如要實(shí)現(xiàn)某個頁面，一般會有一個原型圖，并且提供文案，那個原型圖可以形象成草圖，并沒有許多設(shè)計感，就大概哪些文案放在哪塊位置，用一個邊框來表示。

可能上述我說的比較抽象，那我也畫一張草圖，如下圖所示，會確認(rèn)具體文案應(yīng)該放在哪塊，一些圖片大概擺放位置。當(dāng)然，可能不同公司會有不同的模式，本篇主要是以我的經(jīng)歷來展開講述。

那么，設(shè)計師會根據(jù)文案以及排版進(jìn)行設(shè)計，也會把文案填充到設(shè)計稿上，也是為了確認(rèn)寬高比例協(xié)調(diào)，同時對于設(shè)計稿中的一些配圖啥的會導(dǎo)出來。

而作為開發(fā)的我們，會根據(jù)設(shè)計稿來實(shí)現(xiàn)頁面，在實(shí)現(xiàn)的過程中，會與產(chǎn)品和設(shè)計溝通，確認(rèn)一下自己不清楚地地方，以及一些交互效果應(yīng)該如何等等。

而就在這個溝通過程中，有時候也會讓自己感覺身心疲憊。

會因設(shè)計師的經(jīng)驗不同，有時候設(shè)計師給的圖并不是最終稿，期間會有一些調(diào)整，如果只是簡單的間距調(diào)整，那倒還好，跟著改一改數(shù)值就好了，但如果有大的布局改動的話，就挺費(fèi)時間了，可能大家覺得布局改一改好像也還好。

但是我想說的是，如果你要做適配呢？

PC 端按照新的布局方式做好了，然后切回移動端再看，你會發(fā)現(xiàn)之前好不容易適配好的頁面又要調(diào)整一下了。

這其實(shí)還是小問題，真正讓我有時候感覺疲憊的是文案的改動，設(shè)計稿的大改動，就舉個例子說說這個場景。

就好比建房子一樣，需求方提了 xxx 需求，然后請了設(shè)計師來設(shè)計圖紙，圖紙設(shè)計差不多之后給到一些專業(yè)團(tuán)隊師傅來碼磚（搬磚，寫代碼），當(dāng)這個房間設(shè)計差不多的時候，包括布局已經(jīng)定下來的時候，突然需求方覺得不太滿意，需要設(shè)計改下 xxx 地方，然后這里設(shè)計應(yīng)該布局這樣等等。

比如已經(jīng)建好了一面墻，現(xiàn)在因為布局問題，需求方不太想要，需要推掉重做，此時作為搬磚工心態(tài)有一點(diǎn)點(diǎn)的變化...

不過這種場景發(fā)生幾率會比較少，不過我倒是經(jīng)歷過，作為一個卑微的打工人，工作可能就是這樣，一方面就是違背自己向往自由的感覺做事，總會經(jīng)歷一些壓力與風(fēng)雨。

但是現(xiàn)在當(dāng)我回顧這半年的一些對接溝通工作的時候，當(dāng)初覺得很難受，甚至有時候覺得心態(tài)發(fā)生變化，也許會覺得與產(chǎn)品和設(shè)計溝通太難了。

現(xiàn)在看來，這些都是小事了，猶記得當(dāng)初因為這件事弄的自己心情不好時，和組長談過一次話，說了一下最近的狀況，當(dāng)初提了一句話我印象很深刻：‘大家都是為老板打工，打工人何苦為難打工人’。

確實(shí)，產(chǎn)品和設(shè)計和我其實(shí)并沒有很大區(qū)別，大家都是作為打工人來到這里，各自有各自的想法，我想他們也不想改來改去，也想早點(diǎn)交付，寫到這里又回想起當(dāng)時大學(xué)一門課程了，《IT 項目管理》。

當(dāng)時老師給我們提了幾句話：

【認(rèn)識自我、超越自我 】是溝通的最高境界

• 當(dāng)你在項目中感覺所要學(xué)習(xí)的人和事越來越多時，說明你在 成長 。
• 當(dāng)你感覺要責(zé)怪的人和事越來越少時，說明你在 成熟 。
• 當(dāng)你在項目中不斷獲得了友誼和朋友時，說明你將取得項目的 成功 。

雖然還有許多想要說的，但是今天就寫到這吧，希望能夠在今后的工作中從成長到成熟，最后取得成功，保持這份熱情。

結(jié)尾

本篇文章就到此結(jié)束啦，每隔一段時間寫寫隨筆，如果你有觸動的話，可以幫我點(diǎn)點(diǎn)贊，這樣我就知道有一批默默關(guān)注著我的小伙伴啦。

喜歡我的文章可以點(diǎn)點(diǎn)關(guān)注，下次我們還能遇見，下期會聊聊對于前端的一些理解，比如在自己公司未來發(fā)展的考慮，或許會聊一聊過去一段卑微的經(jīng)歷等等，關(guān)注就是最大的動力啦。

我是「一百個Chocolate」，一位獅子座的程序員，帶著熱情面對生活，好好生活，好好學(xué)習(xí)。