<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

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

          共 2712字,需瀏覽 6分鐘

           ·

          2021-10-24 02:15

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

          那么本篇和大家聊聊自己工作半年對于前端的理解與一些感想,談談那些卑微的經歷,僅個人愚見,若與你的觀點不一致,還請海納百川有容乃大,一切以你為準。

          工作中前端做的一些事情

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

          希望這三篇文章能夠對你有幫助~

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

          來,圖畫好了,照著這個做就行了。(本段內容虛擬場景,開個玩笑)

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

          為了讓設計師能夠看到本地實現的頁面效果,這位高質量前端想了用自己 IP 加端口的方式,將網頁地址甩給了設計師,畢竟咱們都是用的公司內網,你可以看到。

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

          高質量前端拿著 bug 文檔,開始了摸魚(加班)。

          完結...

          以上內容根據真實場景虛擬改造,帶有一定娛樂效果,僅供參考。

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

          此外,前端全線路使用 React 技術棧,也使用了 Vite,Antd Pro 等。

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

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

          ?? 前端如何與后端對接?當年差點和后端同學打起來了!

          在工作中的一些感受

          那么,真的就像上述所說那么簡單嗎?

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

          之前在公司是有實習 2 個多月的時間哈,基本上任務和正式工作差不多,算上也差不多半年了。

          以下內容僅我個人工作期間的愚見。

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

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

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

          那么,設計師會根據文案以及排版進行設計,也會把文案填充到設計稿上,也是為了確認寬高比例協調,同時對于設計稿中的一些配圖啥的會導出來。

          而作為開發(fā)的我們,會根據設計稿來實現頁面,在實現的過程中,會與產品和設計溝通,確認一下自己不清楚地地方,以及一些交互效果應該如何等等。

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

          會因設計師的經驗不同,有時候設計師給的圖并不是最終稿,期間會有一些調整,如果只是簡單的間距調整,那倒還好,跟著改一改數值就好了,但如果有大的布局改動的話,就挺費時間了,可能大家覺得布局改一改好像也還好。

          但是我想說的是,如果你要做適配呢?

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

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

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

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

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

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

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

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

          當時老師給我們提了幾句話:

          【認識自我、超越自我 】是溝通的最高境界

          • 當你在項目中感覺所要學習的人和事越來越多時,說明你在 成長
          • 當你感覺要責怪的人和事越來越少時,說明你在 成熟
          • 當你在項目中不斷獲得了友誼和朋友時,說明你將取得項目的 成功

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

          結尾

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

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

          我是「一百個Chocolate」,一位獅子座的程序員,帶著熱情面對生活,好好生活,好好學習。

          學如逆水行舟,不進則退

          瀏覽 42
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  毛片其地| 爱草逼爱草逼爱草逼爱草逼爱草逼爱草逼爱草逼 | 亚洲九九精品成人视频 | 懂色av蜜臀av粉嫩av分 麻豆的视频高清在线观看完整 | 手机免费看AV在綫 |