千锋教育web前端高频面试题视频教程,kerwin大话前端面试秘籍(附答案)

display:none与visibility:hidden的区别
都可以让元素不可见
dispaly:none会让元素完全从渲染树中消失,渲染的时候不占用任何空间;visibility:hidden不会让元素从渲染树消失,渲染元素会继续占据空间,只是内容不可见
修改常规流中元素的display通常会造成文档重排,修改visibility属性只会造成本元素的重绘
js有那些内置对象?
数据封装类对象:object、array、Boolean、number、srting
其他对象:function、auguments、data、regexp、error
es6新增对象:symbel(标识唯一的id)、map、set、promise、proxy、reflect
回流(reflow)和重绘(repaint)是浏览器渲染页面时的两个关键过程。
回流是指当页面的结构、布局或尺寸发生改变时,浏览器需要重新计算元素的几何属性(如位置、大小等),然后重新构建并布局页面,称为回流。回流会导致页面的重新渲染,称为重排(reflow)。
重绘是指当页面的样式(如颜色、背景等)改变,但不影响元素的几何属性时,浏览器只需要将更改的部分重新绘制,称为重绘。重绘不需要进行布局计算,所以开销较小。
回流和重绘的频繁发生会导致浏览器性能下降,影响页面的响应速度和用户体验。因此,在开发中需要尽量减少回流和重绘的发生。