DOM的五道面试题

1. 在一个 DOM 上同时绑定两个点击事件：一个用捕获，一个用冒泡。事件会执行几次，先执行冒泡还是捕获？

    该 DOM 上的事件如果被触发，会执行两次（执行次数等于绑定次数）
    如果该 DOM 是目标元素，则按事件绑定顺序执行，不区分冒泡/捕获
    如果该 DOM 是处于事件流中的非目标元素，则先执行捕获，后执行冒泡

2.attribute 和 property 的区别是什么？

    attribute 是 dom 元素在文档中作为 html 标签拥有的属性；
    property 就是 dom 元素在 js 中作为对象拥有的属性。
    对于 html 的标准属性来说，attribute 和 property 是同步的，是会自动更新的
    但是对于自定义的属性来说，他们是不同步的

3.页面编码和被请求的资源编码如果不一致如何处理？
    后端响应头设置 charset
    前端页面<meta>设置 charset

4.DOM 树 和 渲染树 的区别
    DOM 树与 HTML 标签一一对应，包括 head 和隐藏元素
    渲染树不包括 head 和隐藏元素，大段文本的每一个行都是独立节点，每一个节点都有对应的 css 属性

5.指令v-el的作用是什么?

提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标.可以是 CSS 选择器，
也可以是一个 HTMLElement 实例,