zhaomingyuan6339 / ts-todo

一个基于typescript的todolist案例，代码风格高度解耦合，模块化开发，感谢B站“前端小野森森”老师的无私分享，非常值得学习的编程**

传统写法

1.绑定事件处理函数 1.增加项-列表数据 -> 增加一项 {id timestamp, content string ,completed:false} 每一项的视图 -> 列表 2. 删除项 - 列表数据 -> id -> removeItem 将对应项的视图 -> 列表 -> 删除 3. 改变完成状态 - 列表数据 -> id -> change completed 2.将对应项的完成状态 -> 是否完成 toggle

面向对象、类的继承、横向切割程序 -> 设计方案

1.将程序进行分类 外层：浏览器的事件 -> 调用方法 -> 事件处理函数的绑定 操作数据： addTodo、removeTodo、toggleComplete 操作DOM：addItem、removeItem、changeCompleted 管理模板：TODOView -> 接收参数