工作日志 2020 年 03 月 12 日

第1工時

檢查昨天轉移后的bug情況.

準備將所有dom轉移到一個Util類,增加耦合.

將邏輯代碼留在原處.這樣,600多行的代碼 將分成2個部分,一部分繁雜的創建DOM,

另一部分簡單的調用方法處理邏輯.將會使可讀性提高很多,也便于維護.

第2工時

轉移/測試

第3工時

將update更改的方法,改成了回調.好處真太多了.

const table = $('<table class="date-table" style="display: none;"></table>')
tar.dateUpdate(newValue => {
    this.updater.dateUpdater(newValue, table)
})
this.updater.dateUpdater(value, table)

updater: {
    dateUpdater(value, table) {
        console.log(table)
    }
}

dateUpdate(fn) {
    this._dateUpdate = fn
}
this._dateUpdate(123)

第4/5/6/7/8/9/10工時

重構代碼;

將各種蹩腳的代碼變成回調.

刪除重復功能的代碼,執行時機統一.

比如: 在日期改變時會變化.觸發update方法.去觸發年/月/日 3個table 各自的update

切換頁面時,也會取這3個表,操作頁面變化的影響

如此,有些同樣的代碼會寫2次.

改為 ,切換頁面只改變狀態值,同時調update方法,檢查狀態值,而改變3個表

2個類,value獲取都會進行類型校驗,現在,只需要一個value調取另個value方法即可.

原先1200行的代碼 現在只有700行了...