DOM-10 面向对象开发Todolist

  • 将插件配置项写在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吧
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值