欢迎光临散文网 会员登陆 & 注册

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

2023-07-20 09:09 作者:cjtsmr  | 我要投稿

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)。

重绘是指当页面的样式(如颜色、背景等)改变,但不影响元素的几何属性时,浏览器只需要将更改的部分重新绘制,称为重绘。重绘不需要进行布局计算,所以开销较小。

回流和重绘的频繁发生会导致浏览器性能下降,影响页面的响应速度和用户体验。因此,在开发中需要尽量减少回流和重绘的发生。



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

分享到微博请遵守国家法律