做完一個網站重構項目的總結以及感想!

ADVERTISEMENT

忙活了大半年,終於把一個年久失修,bug眾多,技術陳舊,難以維護的站給重構結束了,與其說是重構,不如說是重做,基本上就是推倒重來了.

先說背景:我們公司有個站是一個垂直財經門戶站,流量還不錯(牛市情況下),喜歡炒股的朋友應該知道這個站,不過這個站已經很老了,且總是出bug,故老闆決定在股市疲軟,網站流量不大的情況下進行重構,結果項目經理一看,技術太老了,重構難度太大了,直接推倒重來吧,於是就開始了重做網站.

先說下這次重做網站使用到的部分技術及開發中用到的工具(隻說前端部分),這次重做是本著網站使用穩定,提高可維護性思想進行重做的,所以選用的技術不是最新,最潮的,而是相對穩定的.

舊網站

新網站

css

原生css

用到了less預處理

網站圖片

都是單張圖片

ADVERTISEMENT

css sprite+iconfont

內容結構

拚接字符串

模板

列表頁優化

懶加載

cdn使用

ADVERTISEMENT

一些庫和框架使用了cdn

後台管理頁

php的模板

Angularjs

模塊化

webpack

版本控製

ADVERTISEMENT

git

……

……

……

其實這樣看看,網站也沒有用到什麼高級前沿技術,隻不過之前網站太low了,所以感覺任何一點優化都是前進了一大步!

總結下這次重構的體會和感想吧,可能有些老生常談,不過我覺得很重要:

1.編寫可維護的代碼的很重要,在這個基礎上儘量編寫復用性高的代碼,所以這次我們採用了組件化開發.

2.團隊溝通很重要,jquery的思想是Write Less, Do More,其實我覺得在團隊化開發中應該是Say More,Write Less多一句溝通可能少寫好多無用的代碼.

3.大牛的文章以及經典的書上的建議不一定適用於每個項目,就像100年前的太祖放棄蘇聯權威人士的建議,自己提出的"農村保衛城市,武裝奪取政權"方針最終帶領中國人民走向勝利一樣,有時候權威人士的建議固然對,但它不一定適合每個項目.

4.不要重複造輪子,有現成的直接拿來用.

5.前端真的發展好快,技術層出不窮,不加班學習真的跟不上了

---以上是一個前端菜鳥在做完一個網站重構項目後的感想

ADVERTISEMENT