深入浅出面试题
文章平均质量分 64
小九的小酒
一个不写java的前端工程师
展开
-
21年前端面试宝典
不积跬步无以至千里,不积小流无以成江海目录一、什么叫Dom事件流?二、如何让事件先冒泡后捕获一、什么叫Dom事件流?事件发生时会在节点之间按照特点的顺序传播,整个过程分为捕获阶段,目标阶段和冒泡阶段,这个传播 过程就是事件流。事件冒泡:从事件源逐级向上传播,直至到DOM最顶层节点的过程。事件捕获:从DOM最顶层节点逐级向下传播,直至到事件源的过程。addEventListener 用于指定事件处理程序,共接受三个参数。addEventListener( “要触发的事件”,“事件处理程序”.原创 2021-08-02 09:29:32 · 536 阅读 · 0 评论 -
重绘(repaint)与重排(reflow)
重绘屏幕的一部分要重绘。渲染树节点发生改变,但是不影响节点在页面中得空间位置及大小。譬如:某个div节点得背景颜色发生改变,但是div节点得宽/高/内外边距不发生改变,此时就会触发浏览器重绘。重排(也叫 回流)当渲染树节点发生改变,影响了节点得几何属性(如:宽/高/内外边距/float/position/display:none;等),导致节点位置发生变化,此时就会触发浏览器重排。注意:重排必将引起 重绘, 而 重绘不一定会引起重排。重排 的 触发场景?1、添加或者删除可见的DOM元素;2、原创 2021-03-02 14:14:39 · 267 阅读 · 0 评论 -
vue的响应式原理
什么是响应式原理在改变数据的时候,视图会跟着更新。 VUE利用Object.defineProperty的方法里面的setter 和 getter方法的 观察者模式 来实现的。Object.defindProperty这个方法就是在一个对象上定义一个新的属性,或者改变一个对象现有的属性,并且返回一个对象。里面有两个字段 set 和 get 。 顾名思义,set 就是设置属性的值, 而 get 就是获取属性的值。举个例子:var bValue="默认值", o = {};Object.define原创 2021-03-02 13:31:12 · 128 阅读 · 1 评论