一些面试题（前端）

• margin塌陷--解决方法：overflow：hidden
• 6类css优先级：！important>行内样式（1000）>ID选择器（100）>类选择器（10）>标签选择器（1）>通用选择器（0）
• 伪类：以冒号：作为前缀，给特定元素写样式，伪元素：以：：作为前缀，可以创建dom树里没有的元素
• vue实现原理：发布者订阅者模式和数据劫持

1. 数据劫持：通过 Object.defineProperty() 方法（Vue 2.x）或 ES6 的 Proxy 构造函数（Vue 3.x）来劫持各个属性的 setter、getter，在数据变动时发布消息给订阅者，触发相应的监听回调
2. observer负责遍历数据对象，对属性添加getter,setter，以便发生变化时能检测到，compiler订阅者负责解析模板指令，每个对应节点绑定更新函数，数据有变时通知并更新视图，watcher作为两者桥梁，属性变动时，调用自身update（）并触发compile回调

• vue2和vue3的区别

1. 生命周期函数的命名setup()，onBeforeunmount()
2. object.defineProperty--》proxy

• key的作用：不会混淆元素；减少dom操作，提高性能
• typeof null为object
• 事件委托（事件代理），将子元素需要绑定的事件绑在父元素身上，利用的事件冒泡原理，可以避免造成资源浪费
• function是js的关键字，Function不是关键字