• 將插件配置項寫在html的div里，data-config自定義屬性，外單引號，內雙引號（內部是JSON字符串）

<div class="todo-wrap" data-config='{"plusBtn":"j-show-input","inputArea":"input-wrap","addBtn":"j-add-item","list":"list-wrap","itemClass":"item" }'> </div> // 2種方式獲取自定義屬性 var config = this.node.getAttribute('data-config') var config = this.node.dataset.config // 兼容性有問題

• 對象可以添加方法，JSON數據不可以
• 為什么要校驗，這個插件的html不是自己寫的嗎

// ``本身已經換行，加\n又換一次 function errorInfo(key){return new Error(`參數${key}未配置\n 必須配置的參數列表如下：\n打開輸入框按鈕元素類名：plusBtn \n輸入框類名：inputArea \n添加按鈕類名：addBtn \n列表類名：list \n事項類名：itemClass \n`) }

• 原型上的方法不要太累贅，能抽象出方法的就抽象
• 不是非要用call、apply吧

總結

以上是生活随笔為你收集整理的DOM-10 面向对象开发Todolist的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。