1. 程式人生 > >一線網際網路公司的前端開發流程

一線網際網路公司的前端開發流程

看標題也許會誤會我是一線網際網路公司的員工,先宣告,我不是,那麼有人就會問了,那你來裝什麼b呢,好吧,我雖不是大公司的,但是要有進大公司的決心嘛,所以多向人家學習,馬大哥不是說了麼:夢想總還是有的,萬一實現了呢!此文章是向大公司大牛學習後得出的一些總結,對做前端開發的我收穫極大,所以分享出來,也許對你也有好處。

好了,廢話不多說,先來上張圖



從圖不難看出,整個專案想從最初的想法,到最終的上線,那是要經過層層封裝的,需要各個部門人員協作的結果,而不是想象的那麼簡單。

作為前端開發者,我不太懂產品經理和UI設計師的工作,所以:想法→原型→設計就不多加討論了,直接略過,談談開發流程,也不廢話,直接上圖

看圖才知道,我深深的感受到我的誤區(小公司的悲哀),我一直以為前端工作就只是寫程式碼這一環而已,卻不料還有這麼多道道。
首先說一下互動解讀,這一環非常重要,在需求到來之前,前端工程師需要和產品經理討論大致方向,大概需要實現哪些功能,對時間大致做一個預估,討論以後專案拓展的可能性。

其次是設計解讀,設計解讀是對處女座的絕對考驗,需要對設計圖部分細節進行可行性分析,說簡單點,就是挖細節,不合理的,讓設計師重新設計。

接下來就是開發了,有些同志拿到設計圖就開始寫程式碼,寫著寫著就感覺程式碼太雜亂了,多了很多冗餘程式碼,這就是沒做好準備的後果。

互動定下來後,應該先做好技術選型和開發準備,移動端開發技術選型最好遵守基本原則: 輕量化(框架)、快速開發(語言/框架、互動、需求)、維護簡單、高效能 等。有些時候會糾結使用原生javascript開發還是框架開發,這得根據自身專案的複雜程度來看。 除了框架的考慮 以外,還得考慮模組化拆分,css/img/js是否分離等,有些移動端活動頁會雜在一起。 將js放在html檔案中,檔案載入時減少請求;載入速度提升,效能得到提高。
接下來才是編寫程式碼(25%時間),一般就幾個步驟,如圖


從圖可以看出,編寫程式碼也必須按部就班的編寫,可以避免很多不必要的麻煩,解釋一下,伺服器通訊開發,簡單來說,就是處理伺服器返回的資料,然後渲染到頁面上。

至此,我們不難看出在大公司前端開發的工作只是整個專案的一個環節而已,並沒有想象的那麼“重要”,但是它也是不可缺少的一環,畢竟瀏覽器只認識咱們寫的語言,這也是我們存在的原因。