噔噔噔rio

一、获取伪元素及其属性 伪元素：可以被浏览器渲染引擎识别并正确渲染，但伪元素本身并不是DOM元素， 所以无法被js直接操作 window.getComputedStyle 二、更改伪元素属性值 att

一、代码优化 1.减少、优化for循环 2、高频率事件设置防抖、节流 高频率触发事件：mousemove、scroll、resize、mousewheel、keydown、keyup、input 防抖

一、面向对象：以对象作为基本单元进行编程 类（构造函数）： 是描述一组具体相同行为和特征的对象，这些对象的抽象就是类 对象：类的具体实例，是包含属性和方法的集合 面向对象的特征：封装、继承、多态、抽象

一、element.offset:返回元素距离带定位父元素的位置 offset与margin 1.mask跟随鼠标移动原理 公式： mask.style.left = e.pageX - box.of

一、String字符串 转义字符：\ 转义符后面可以识别0-377的三位八进制数(latin-1字符) 方法 截取 substr(start, length):length 截取长度 subStrin

一.变量提升 声明提升机制: 在JS中函数声明或变量声明时,'声明'会提升到当前作用域顶部 二.JS解析器 （为什么存在变量提升？ JS解析器：浏览器中有一套专门解析执行JS代码的程序就叫解析器(JS

offset和client offsetLeft和clientLeft offsetLeft 与定位有关，clientLeft与border有关

BFC：块级格式化上下文，是web页面渲染css的时候渲染的一部分。 1. 形成BFC的方法： 浮动元素：元素的float属性不是none的元素 绝对定位的元素：position的值为absolute

注意：需要添加最小宽度 1.两列布局 :左边固定，右边自适应 定位 浮动 2.三列布局：左右固定，中间自适应 双飞翼布局 圣杯布局