鍍金池/ 問答/HTML/ 怎么架構前端頁面???

怎么架構前端頁面???

一個購物頁面。1萬行js。沒有架構。裸擼的,怎么用設計模式去把代碼變漂亮,簡潔,好維護?

回答
編輯回答
陌顏

模塊化組件化,大部分框架都是這種設計思路,這就是一種設計模式,把一些重復的代碼塊嘗試的封裝起來調(diào)用,能精簡的代碼盡量精簡,然后寫代碼的時候盡量留有余地,不要為了省事導致后續(xù)擴展的困難,當然這只是泛泛而談,主要還是你的經(jīng)驗技術到什么程度的問題,技術到位什么框架啊語言啊都不是問題了

2017年11月3日 05:54
編輯回答
淚染裳

首先,“設計模式”那本書有一個副標題:“可復用面向對象軟件的基礎”。所以要用設計模式,第一件事就是變“過程式”的代碼為“面向對象”的代碼。

接下來,面向對象,得有“對象”。也就是說,你要根據(jù)職責、功能、生命周期等因素,對現(xiàn)有代碼進行角色劃分,把對象體系建立起來。這個過程,很可能是一個最大規(guī)模的重構。

接下來才是設計模式登場的時間。尋找合適的場景,用合適的模式。

最后,還有一些技術內(nèi)外的因素:

  1. 是否有測試用例,自動化或者人工,重構完要保證正常工作
  2. 工期是否允許
  3. 是否可以引入其它現(xiàn)代化前端工具
2017年4月14日 19:37