一、為何重構
1.因為我的第乙個專案是我的指導老師拿來給我先實戰後理論再重新入門前端，因為我當時比較浪，哈哈。當時才入門2個月後就邊寫專案邊學習前端，所以存在很多可以優化的空間：
2.專案中html、css、js都是只有乙個檔案，**臃腫，難以維護
3.寫指令碼的**是根據面向過程編寫（沒用到一點物件導向的知識），所以指令碼**量大、全域性變數汙染，也存在很多不規範使用
二、面向過程和物件導向的區別
1. 面向過程，體現在計算機底層，功能已定。
概念：面向過程中的 「過程「 是死的。分析出解決問題所需要的步驟，然後用函式把這些步驟一步一步實現，使用的時候乙個乙個依次呼叫。例如從面向過程的思想看待流水線生產：
優點：效能比物件導向高，因為物件導向還要例項類，開銷大，比較消耗資源。
缺點：**量大，不易擴充套件和復用。
2. 面向過程，在計算機中體現在應用層，連線現實世界，提煉物件。
概念：對於新事物可集合抽象為乙個類，有屬性和方法（所以可以推出物件導向包含面向過程）。有封裝、繼承、多型的特性，可以設計出低耦合的系統，使系統更加靈活、更加易於維護 。
例如工廠的流水線，先有不同級別的員工，各個員工有自己的工作（單一職責原則），生成一輛汽車缺少什麼零件就呼叫不同員工的生產功能。
優點：可擴充套件、可復用
缺點：效能不高。
三、重構**
html
cssjs
四、根據專案功能設計**模組
htm結構
主要功能有表單填寫、選擇考試時間段、補充教師資訊、預覽介面。
提示功能有提示自動填充表單以及提示填充手機號碼
css結構
js結構
五、回顧專案
首先我也很高興當時的我能夠有重構爛**的信心，然後我想說理論和實踐是兩回事，大家平時學習還是要多敲敲**。
不足：對於指令碼的載入沒有使用 async和 defer 載入
樣式布局css**可以不用那麼複雜，要不是因為要考慮瀏覽器相容，我tm早用flex布局了。。。
專案重構總結 1
到今天為止，webgate 專案重構 初步完成。還需要實現的功能有 1 修改，重置密碼功能。2 修改 page 功能。3 外部專案引入的jar 包。4 首頁 優化。重構一共經歷了 7 個周。第一周，看基本的 登入功能 實現思路。第二週，看兩個專案的配置，並開始配置。第三週，基本配置實現 核心資料表 ...
flask專案重構總結（一）
flask專案重構總結 一 這一階段的重構主要集中在介面返回碼的格式統一上，優化了臃腫的各種判斷及try exception 機制。主要思路，使用裝飾器來封裝常用 使用python的exception機制，自定義一些exception,在恰當的地方主動丟擲異常，然後在頂層再catch住，進行統一的h...
專案總Excel的匯出總結
1,類中的整體實現直接匯出 response.setcontenttype octets stream charset utf 8 string str urlencoder.encode 產品邊界 銷量匯出.xls utf 8 response.setheader content disposit...