1.如何给dom添加事件
- 直接在标签中添加
- js中给指定元素添加事件
动态生成的dom如何添加事件
- 追加函数append的后面
- 委托事件 冒泡的机制
- 写在拼接的dom字符串中
2.如何阻止事件冒泡和阻止默认行为
- event.stoppropagation event.cancelBubble = true
- event.preventDefault() event.returnvalue = false
3.替换
- 布局替换 str.replace("a","b")
- 全局替换 str.replace(/a/g,"b")
- 参数全局替换 str.replace(new regExp(key,'g'),"b")
4.BFC
创建BFC的条件 4条
- float不为none
- position absolute fixed
- overflow auto hidden scroll
display inlint-block table-cell table-caption
BFC的特征 5 条
- bfc内部的子元素，会按照垂直方向依次排列
- bfc是一个独立的容器，他内部的元素不会影响外部的元素
- bfc在计算高度的时候，float元素也会参与计算
- bfc元素不会与float元素重叠
- 垂直方向上的距离margin决定 会重叠，解决就是给外面包一层bfc
5.浏览器渲染的过程
- domTree html转为树形结构
- css rule Tree css转为树形结构
- render Tree 将两者合并一起
- layout 计算位置 开始布局
- painting 有了rule 通过显卡画
- reflow 回流 回退 有布局改变的时候
- repaint 重画，有颜色背景字体的改变的时候都会会画