visible: 默认值。对布局和呈现不会产生什么影响。
hidden: 元素跳过其内容的呈现。用户代理功能（例如，在页面中查找，按Tab键顺序导航等）不可访问已跳过的内容，也不能选择或聚焦。类似于对其内容设置了display: none属性。
auto: 对于用户可见区域的元素，浏览器会正常渲染其内容；对于不可见区域的元素，浏览器会暂时跳过其内容的呈现，等到其处于用户可见区域时，浏览器在渲染其内容。
contain-intrinsic-size：控制由 content-visibility 指定的元素的自然大小。放置滚动条抖动
一、渲染优化 二、css优化 三、加载优化 四、脚本执行优化
vue文件： js: 同时 这个地方可以用函数节流和防抖来进一步优化 具体参考：https://www.jians...
dom区域 JS区域 样式区域
H5 移动端的性能优化V1.0 一、渲染优化 二、css优化 三、加载优化 四、脚本执行优化
提到提高页面渲染速度，我们第一想到的是优化 JavaScript。其实通过优化 CSS 也能提高页面渲染速度。 优...
性能优化的话大致有以下几个部分:加载优化图片优化CSS优化脚本优化渲染优化 加载优化 1.减少http请求 基本原...
Vue - Table表格渲染上千数据优化 Vue - Table表格渲染上千数据优化 8 个月前 · 来自专栏 ...
原文地址https://blog.csdn.net/weixin_41610178/article/details...
摘要： CSS关于文本渲染的属性text-rendering告诉渲染引擎工作时如何优化显示文本。 浏览器会在渲染速...
一、HTML优化 渲染顺序 1、CSS样式表置于头部，CSS会一边加载一边渲染2、JS脚本置于尾部，JS在未加载完...
本文标题：css 优化大量数据渲染
本文链接：https://www.haomeiwen.com/subject/jgkirdtx.html
网友评论