塞壬的欢歌

导航

工作日志 2020-03-12

工作日志 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行了...

posted on 2020-03-13 01:38  塞壬无欢歌  阅读(144)  评论(0编辑  收藏  举报