温习日志-14

温习日志

——2023年2月8日下午

学习内容

• 事件冒泡练习
  1. 通过点击事件中函数参数的e.target就是所点击的具体元素，最终会一直向上传递，通过e.currentTarget获取最终的元素
  2. 可以通过e.stopPropagation()禁止冒泡
• Event Delegation_Implementing Pagge Navigation
  1. 通过childNodes获取所有的子节点，包括文字节点、注释节点
  2. 可以通过children获取元素节点
  3. 通过firstElementChild和lastElementChild访问子节点的第一个和最后一个元素节点
  4. 通过parentNode和parentElement返回元素的父元素
  5. 通过previousElementSibling和nextElementSibling访问上下兄弟元素节点
  6. 通过previousSibling和nextSibling访问上下节点，可以是文字节点
• DOM Traversing
  1. 对于点击事件可以向上冒泡，使用我们可以给需要添加事件的父元素添加事件，然后通过e.target获取点击的具体元素，查询e.target.closest(需要添加事件的元素)
• The IntersectionObserver
  1. 通过new IntersectionObserver(回调函数, 选择的对象形式数据)创建对象
  2. 回调函数接受两个参数，分别是entries和observer
  3. entries中有一个entry包含isIntersecting返回布尔类型等等
  4. 选择的对象数据,有{root: null, threshold: 0.1, rootMargin: '-xxPX'}，threshold代表该被观察的元素离视窗的百分之十时触发，rootMargin则是具体多少像素
  5. 最后通过创建的IntersectionObserver引用observe(选择观察的对象)选择观察的对象

明日计划

• 明天十二点半起床，十三点开始学习JS基础知识
• 学习至下午五点半
• 晚上六点半学习React知识
• 学习至八点半