YZBTDIY

# 鼠标事件

• onclick 单击
• onmouseover / onmouseout 移入移出，从父元素移入子元素会切换事件对象，事件委派不应使用
• onmounseenter / onmouseleave 移入移出，从父元素移入子元素不会切换事件对象
• onmousemove 移动
• onmousedown / onmouseup 按下 / 弹起

# 事件处理

• 事件三要素：
  • 事件源（承载事件的对象）
    • 获取事件源 DOM 对象
  • 事件类型（触发操作）
    • 添加对应事件监听
  • 事件处理（回调函数）
    • 书写处理回调

# 事件绑定与解绑

• dom0 和 dom2 分别使用独立的事件绑定与解绑方式
• dom1 和 dom3 没有新的事件绑定方式
• dom0 同一类型事件多次添加后添加的会覆盖前面的，只保留最后一次的事件
• dom2 同一类型事件多次添加会依次执行

# 子节点与父节点

# 子节点常用属性

# webhook

使用 github webhook 实现网站自动部署，服务器端部署 webhook 客户端后，git push 操作触发服务器自动执行 git pull 操作，实现自动部署。

# 客户端

github 上有一个 go 语言开发的客户端，部署非常方便： https://github.com/adnanh/webhook

# BOM 简介

• BOM 是 Browser Object Model 的缩写，译为 浏览器对象模型
• BOM 没有统一标准可以遵循，每个浏览器都有自己的实现
• BOM 根本上只处理浏览器窗口和框架，但习惯上把针对浏览器的扩展也认为是 BOM 的一部分：
  • 弹出新窗口的功能
  • 移动，缩放，关闭浏览器窗口的功能
  • 提供浏览器详细信息的 navigator 对象
  • 提供浏览器所加载页面详细信息的 location 对象
  • 提供用户显示器分辨率详细信息的 screen 对象
  • 对 cookie 的支持
  • 像 XMLHttpRequest 和 IE 的 ActiveXObject 这样的自定义对象

# DOM 简介

• DOM 是 Document Object Model 的缩写，译为 文档对象模型
• DOM 是针对 XML 但经过扩展用于 HTML 的 应用程序编程接口（ API，Application Programming Interface）
• DOM 不只是针对 javascript 的，很多其它语言也实现了 DOM
• DOM 规范解释了文档的结构并提供了对其进行操作的对象
• DOM 提供了使程序和脚本有能力去动态访问和更新文档内容、结构及样式的方法和接口
• window 是 浏览器窗口对象，document 是 window 下的一个属性，代表整个 DOM 对象模型
• DOM 把整个页面映射为一个 多层节点结构，称为 DOM 树 HTML 或 XML 页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据
  • 以 html 为根节点，各种标签形成分支节点组成倒立的树状结构，称为 DOM 树
  • 通过 DOM 提供的方法去获取或操做的节点称为 DOM 对象
• DOM 节点：
  • 元素节点 标签
  • 属性节点 标签属性
  • 对象节点 文本内容
  • 注释节点 注释说明

# JSON 对象