打通 DOM 的设计架构

前两节回顾:

1、我是一颗树 · DOM

2、回到工位“我”悟出了 DOM 设计的精华

进入了 window 的办公室后,我看她正听着音乐:

见我进来后,她摘掉耳机,并问道:“DOM 最近进展如何?”。

我说道:“关于我以后的工作,大方向上我还有一些疑问需要向你请教一下”。

window 说道:“那我就给你说说你以后需要做的工作,我给你提供一个大的方向,至于细节还需要你自己来考虑。你主要的工作是三块:第一、事件,你能够处理用户的事件,比如按钮点击;第二、节点的操作,比如插入一个新的节点,删除节点;第三、修改样式,比如我前面给你举得修改背景颜色的例子”。

走出 window 的办公室,回到工位以后,我想了想,既然我主要有三个主要的任务,那么我把这些任务通过三个对象来管理。EventTarget 负责处理事件;Node 负责处理节点操作;Element 代表元素,负责处理一些样式的修改。我画了一张图:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值