摘要: 浏览器的渲染过程 浏览器请求到静态资源后,开始加载并解析。 解析HTML文档,构建DOM树。DOM树里包含了所有的HTML标签,包括display:none;隐藏,还有用JS动态添加的元素等。 解析CSS属性,构建cssDom树。 将DOM树和cssDom树合并后,生成render树。render树 阅读全文
posted @ 2020-12-18 15:59 奥利奥ALA 阅读(210) 评论(0) 推荐(0)
摘要: 当某些事件频繁的被触发的时候,那么其对应的事件处理函数就会频繁执行,会极大的浪费性能,那么可以通过防抖和节流的方式对其进行控制以节省性能。 函数防抖和节流,都是控制事件触发频率的方法。应用场景有很多,如输入框持续输入,将输入内容远程校验、多次触发点击事件、onscroll、onmousemove、r 阅读全文
posted @ 2020-12-17 19:20 奥利奥ALA 阅读(75) 评论(0) 推荐(0)
摘要: call、apply、bind 都是为了改变函数运行时上下文(this指向)而存在的。 它们有什么不同? 它们接收的第一个参数都是函数上下文也就是要绑定的this指向。 apply的第二个参数是一个参数数组,call和bind的第二个及之后的参数作为函数实参按顺序传入。 bind绑定完this的指向 阅读全文
posted @ 2020-12-16 20:44 奥利奥ALA 阅读(145) 评论(0) 推荐(0)
摘要: 一、数据类型 数据分为基本数据类型(String, Number, Boolean, Null, Undefined,Symbol)和 引用数据类型(统称为 Object类型,细分的话有:Object 、Array 、Date 、RegExp 、Function… )。 基本数据类型的特点:直接存储 阅读全文
posted @ 2020-12-16 16:39 奥利奥ALA 阅读(149) 评论(0) 推荐(0)
摘要: BFC定义 W3C对BFC的定义如下: 浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为“visiable”的块级盒子,都会为他们的内容创建新的BFC(块级格式上下文)。 BFC 阅读全文
posted @ 2020-12-13 23:33 奥利奥ALA 阅读(171) 评论(0) 推荐(0)