前端开发综合案例教程（详细版）.docxVIP

前端开发综合案例教程（详细版）

javascript

//Task.js-任务项组件

exportdefaultclassTask{

/**

*创建一个Task实例

*@param{Object}task-任务数据对象

*@param{Function}onToggle-切换完成状态的回调函数

*@param{Function}onDelete-删除任务的回调函数

*/

constructor(task,onToggle,onDelete){

this.task=task;

this.onToggle=onToggle;

this.onDelete=onDelete;

this.element=this.createTaskElement();

this.bindEvents();

}

/**

*创建任务项的DOM元素

*/

createTaskElement(){

constli=document.createElement(li);

li.dataset.taskId=this.task.id;

buttonclass=delete-task-btn删除/button

`;

returnli;

}

/**

*为任务项绑定事件监听

*/

bindEvents(){

constcheckbo