腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(5992)
视频
沙龙
1
回答
哪些
html
元素
加载
的
尺寸
与
图像
相同
,
有助于
避免
DOM
回流
?
、
、
、
我在一个网站
的
页面顶部有一些大
图像
。帖子标题被层叠在
图像
上,并利用了一些透明度(我想这会增加问题)。
图像
加载
较晚,由于它们是折叠上方
的
突出
元素
,因此会导致非常明显
的
DOM
回流
。基本上,页面的其余部分被
加载
,然后被延迟
加载
的
图像
下推。 有没有
html
元素
可以用来包围
图像
的
最终着
浏览 9
提问于2019-06-20
得票数 1
回答已采纳
2
回答
在
HTML
与
CSS中指定用于页面
加载
的
图像
尺寸
、
、
、
、
我从很久以前
的
某个地方了解到,在超文本标记语言文档中指定<img>
元素
的
宽度和高度可以加快和改善页面
加载
体验,并且通常都遵循这种做法:我现在面对
的
情况是,我在一个页面上有非常多
的
图像
,我更喜欢通过CSS设置
尺寸
,以便更容易控制和减少重复
的
HTML</em
浏览 3
提问于2010-11-27
得票数 9
回答已采纳
2
回答
JavaScript中
的
什么机制会导致
DOM
或CSSStyleDeclaration中
的
更改触发页面的重绘?
、
、
、
我认为我们理所当然地认为,每当我们更改
DOM
元素
的
属性或其CSSStyleDeclation对象
的
属性时,页面都会被重绘: document.getElementById("foo").innerHTML我在想,这是不是经典
的
"",页面渲染器注册每个
DOM
元素
和CSSStyleDeclaration对象,每当属性改变时,通知渲染器重新绘制页面的一部分?因此,换句话说,渲染器可能不需要向每个
DOM
元素</
浏览 1
提问于2013-05-04
得票数 2
3
回答
getBoundingClientRect()在XUL中返回零
、
、
我
的
firefox扩展有问题<hbox id="tag_base" ondblclick="alerttag.textContent = 'test';var rect = tag.getBoundingClientRect()我需要得到每个添加
的
div
的
浏览 0
提问于2011-01-02
得票数 13
回答已采纳
2
回答
布局颠簸、
回流
在
HTML
中
的
含义是
相同
的
吗?
、
、
我读了一些介绍“布局颠簸”和“
回流
/重绘”
的
帖子,这让我感到困惑。在一些帖子中,它说“布局颠簸”和“
回流
”是一回事。() () 但是在和中,导致它们
的
CSS属性是不同
的
。如果有
相同
的
,导致每个
的
属性都是
相同
的
,这是有意义
的
。那么“布局颠簸”和“
回流
”是一样
的
吗?
浏览 7
提问于2021-03-03
得票数 2
5
回答
我应该为
HTML
中
的
IMG指定高度和宽度属性吗?
、
、
如果我知道要用image标记显示
的
图像
的
高度和宽度,我应该包括高度和宽度属性,还是只将信息放在CSS中?还是两者都有? 例如。
浏览 1
提问于2009-08-08
得票数 78
回答已采纳
2
回答
JavaScript表在
加载
/刷新时闪烁。我想知道怎样才能
避免
这种情况发生?
我已经成功地将此代码片段与我
的
数据表集成在一起。class="style1"> <
浏览 1
提问于2019-07-18
得票数 3
1
回答
dom
操作是否需要刷新?
、
、
、
、
我对
DOM
操作持怀疑态度。
dom
操作是否需要刷新?或者什么时候
DOM
操作需要刷新?我看到一些站点在更新它们
的
某些部分
的
同时还在不断
加载
。另外,在处理前端开发时,react.js如何帮助
避免
此类问题?
浏览 8
提问于2021-07-23
得票数 0
6
回答
设置图片
的
宽/高,
避免
图片
加载
时
回流
、
、
、
当我在
html
中使用
图像
标记时,我尝试在img标记中指定它
的
宽度和高度,以便浏览器甚至在
图像
加载
之前就为它们保留空间,这样当它们
加载
完成时,页面不会
回流
(
元素
不会到处移动)。."/><img style="max-width: 100%" src="..."/
浏览 0
提问于2013-05-31
得票数 29
1
回答
当需要知道
图像
的
高度和宽度时,什么是“懒惰
加载
”
图像
的
最佳方法?
、
、
我正在尝试“懒散
加载
”动态
图像
。它们
的
高度/宽度比在网页布局中很重要。我有四个选项可以防止它们在
加载
或呈现时破坏
DOM
。我可以使用Javascript获取
图像
的
高度和宽度,将
DOM
中
的
一个
元素
设置为place,直到以后
加载
它为止。我会用..。如果#1和这个方法一样慢,那么即使以后尝试
加载
它们也没有意义,我也可以在
HTML
标记中这样做。 <img s
浏览 2
提问于2018-02-21
得票数 3
回答已采纳
3
回答
本机延迟
加载
映像再流(loading=‘lazy“)
、
、
、
当试图在一个loading="lazy"标记上使用新
的
img属性时,我会得到以下错误:在联机查看时,我看到下面的链接指定向width和height属性添加img通过在屏幕上绘制占位符来帮助浏览器
避免
再流: 我
的
问题是,现在对
图像
的
width和height进行硬编码是非
浏览 1
提问于2019-09-03
得票数 5
回答已采纳
3
回答
装货后起锚
、
、
思想手册:<!manage_options">How to Manage Options</a>当我在Product中单击“如何管理选项”链接时,它会转到手册,并立即到达#manage_options锚点 但是它
浏览 3
提问于2013-03-09
得票数 15
回答已采纳
3
回答
将img src设置为未改变
的
值
的
性能?
、
、
如果我有一个img标记,比如然后我通过再次设置为
相同
的
值,这是否将是无操作
的
,或者浏览器是否会不必要地重新绘制
图像
(我主要对IE6-8、FF3.x、Safari4-5和Chrome
的
行为感兴趣。) 我需要一次更改许多(数百个)
图像
,手动比较src属性可能有点多余-我假设浏览器已经为我做了这件事?
浏览 1
提问于2010-08-29
得票数 7
回答已采纳
1
回答
平滑重排大量图片(600+)
、
、
、
、
我正在开发一个网页应用程序,它用大量
的
图片填充页面。有时在一个回调中会生成高达600+
的
镜像。它们是带有数据uris
的
img
元素
,其中包含嵌入
的
svg。 我
的
问题是关于性能
的
。Javascript本身完成得非常快,但是一旦将大约600个
图像
添加到
DOM
中,浏览器可能需要15秒来完成所有
浏览 2
提问于2018-07-03
得票数 0
2
回答
如何中止镜像
加载
、
、
我正在尝试减少消耗
的
流量。这就是为什么我必须取消
加载
不必要
的
图像
。和Opera中工作,并且仍然试图
加载
至少部分
图像
(整个
图像
大小
的
几kb )。这不是一个解决方案,但它仍然
有助于
减少消耗
的
流量。但是这个解决方案并不适合Firefox和Safari。我也在试着改变img.src = '1px.png';小
尺寸
(1kb或更小),但它仍然不是一个解决方案。 我还试着从
浏览 2
提问于2017-10-07
得票数 1
1
回答
我无法对回调中
的
元素
运行方法
、
、
在
加载
图像
之前,我暂时添加一个背景颜色,因为img
元素
不支持伪类,所以我选择在它之前使用一个具有
相同
尺寸
的
span,并给它一个最主要颜色
的
背景颜色。一旦
加载
了
图像
,我需要能够隐藏这个范围,但我似乎无法访问回调中
的
其他
dom
元素
。我使用verlok/lazyload 因此,对于回调函数(El),我尝试在像下面的el.before()这样
的
前面获取
元
浏览 2
提问于2019-10-07
得票数 1
回答已采纳
4
回答
如何将多个
HTML
标签添加到一个div中
、
、
使用Javascript,我从XML文档中提取了一个值,并尝试生成
与
所提取
的
值一样多
的
标记。我假设我会使用for循环来做这件事,但当我尝试这样做时,它将只显示一张
图像
。
浏览 0
提问于2013-06-17
得票数 1
1
回答
其他div向上移动,并且在
加载
图像
时不会移动
、
我有一个简单
的
html
<div>Title</div><div>Description </div> 当
加载
页面时,它显示标题和描述,当
图像
完全
加载</e
浏览 0
提问于2014-08-02
得票数 0
2
回答
使用jQuery动态创建
图像
和检索
尺寸
、
、
、
所以我动态地创建了一个
图像
,我希望得到
图像
的
尺寸
。是否可以在将
图像
附加到
DOM
之前执行此操作?正如我在firebug中看到
的
GET请求一样,
图像
实际上是被获取
的
。
浏览 0
提问于2011-11-24
得票数 2
回答已采纳
2
回答
拉伸
HTML
容器以适应背景
图像
的
大小
、
、
、
可以编写CSS来拉伸容器
的
背景
图像
以适应容器。但是,有没有可能做相反
的
事情,也就是编写CSS,使容器调整大小以适应背景
图像
?在过去,我使用了一个使用JQuery
的
丑陋
的
方法(我对此并不满意,因为它依赖于在
图像
的
文件名中实际指定
的
图像
的
尺寸
)。因此,我强烈倾向于使用CSS来实现这一点,但如果这是不可能
的
,那么我也会对最干净
的
Javascript
浏览 2
提问于2012-05-15
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
DOM 操作成本到底高在哪儿?
DOM操作成本到底高在哪儿?
通往中高端Web前端:浏览器篇
记:浏览器渲染机制与如何优化
浏览器渲染流程
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券