将昂贵的渲染(可滚动容器)与舞台的其余部分分开
将昂贵的渲染(可滚动容器)与舞台的其余部分分开是一种优化技术，旨在提高前端应用的性能和用户体验。这种技术通常被称为虚拟滚动或无限滚动。
虚拟滚动的基本原理是只渲染当前可见区域的内容，而不是一次性渲染整个滚动容器的内容。这样可以减少渲染的工作量，提高页面加载速度和响应性能。
虚拟滚动的主要优势包括：
- 提高性能：只渲染可见区域的内容，减少了渲染的工作量，提高了页面加载速度和响应性能。
- 节省资源：减少了内存占用和网络传输的数据量，节省了服务器和客户端的资源消耗。
- 改善用户体验：滚动容器可以流畅地滚动，不会出现卡顿或延迟，提供更好的用户体验。
虚拟滚动适用于需要展示大量数据的场景，例如社交媒体的消息流、电子商务的商品列表、新闻网站的文章列表等。
在腾讯云的产品中，推荐使用云原生技术来实现虚拟滚动。云原生是一种基于容器化、微服务和自动化的应用开发和部署方法，可以提供高度可伸缩、弹性和可靠的应用环境。
腾讯云的相关产品是腾讯云容器服务（Tencent Kubernetes Engine，TKE），它是一种托管式的容器服务，提供了高度可伸缩、弹性和可靠的容器集群环境。您可以使用TKE来部署和管理虚拟滚动的应用程序，实现高性能和高可用性。
更多关于腾讯云容器服务的信息，请访问以下链接： https://cloud.tencent.com/product/tke
相关·内容
我正在工作的游戏视图，有滚动列表。我注意到当我滚动一段时间时，我的手机开始发热，我想这是因为当我滚动时，pixi以60fps的速度重新渲染了整个游戏的视图。有没有办法把这个可滚动列表(带有掩码的容器和子容器)放到一个单独的层上，这样当它被滚动时，pixi应用程序的其余部分就不需要重新渲
浏览 8提问于2020-11-14得票数 0
4回答
在AS3中有没有办法访问舞台的最后一次渲染？呈现结果是否缓存在可访问位置？我特别不能自己将舞台重新渲染为位图，因为这太昂贵了，这就是为什么我尝试使用最后一次渲染。我需要这个，因为我试图在屏幕的一些特定边界内做一些热变形效果，而在2D中，一个标准的方法是使用置换图来抖动原始图像。当然，我对在Flash中做热变形的其他想法持开放态度。
浏览 0提问于2009-06-03得票数 2
回答已采纳
注意，中央容器与页面滚动条一起滚动，将链接容器保持在左侧和右侧的固定位置。滚动到容器底部后，页面的其余部分将被滚动以显示页脚。到目前为止，我已经尝试了put溢出:自动放在中央容器和外部容器上。我隐藏了中央容器的滚动条，只显示了外部容器的滚动条(即页面)。因此
浏览 0提问于2020-09-28得票数 0
回答已采纳
使用Tailwind，我在创建一个具有可滚动体的表时遇到了困难，该表的宽度为全宽度。目前，我所做的方法是将tbody设置为display: block，但是通过这样做，tbody并不是完全宽度。我希望表体可以与页面的其余部分分开滚动。
浏览 9提问于2022-11-21得票数 0
基本上，我有一个固定的定位边栏，其中包含一个菜单和页面的其余部分。
当滚动固定的侧边栏并到达末尾时，页面的其余部分开始滚动到。我知道这是“正常行为”，但我需要防止这种情况发生。我还试图将页面的其余部分(容器)定位为fixed，并在其上使用overflow:auto，这将完成这项工作，但它会干扰overflow:auto应用程序中的MaintainScrollPositionOnPostBack
浏览 1提问于2015-04-28得票数 1
回答已采纳
1回答
如果有人在过去的几天里看到我发布了很多关于这个项目的问题，我非常感谢大家的帮助。有很多麻烦，最后期限很快就要到了。上面链接的.swf只加载了两个视频，其中我的实际加载了大约45个视频(总计78MB)，它们都使用了大约相同的cpu使用率。加载更多视频的那个也使用了近1 1GB的内存。我不知道如何找到主要的问题是什么。我得到了很多帮助，所以代码根本没有优化或重构。它每三秒钟重复调用一个php文件(flashpull.php)来检查我的服务
浏览 3提问于2012-04-05得票数 1
回答已采纳
2回答
好的，所以我在做一个太空游戏。图中的阶段是500乘以500，然而实际的地图要大得多，即4000乘以4000。当你移动宇宙飞船(居中)时，你在(4000x4000px)地图上移动。
浏览 0提问于2011-11-24得票数 1
回答已采纳
1回答
当我在重渲染过程中滚动一些列表(例如50个Highchart项)时，我有滚动冻结(这是很好的)。问题是在加载完所有图表后，滚动(冻结的)会“跳转”到列表的末尾(向上或向下，取决于滚动方向)。有没有办法在所有重渲染完成后，从滚动位置继续滚动，比如30%？我尝试为一个列表元素添加样式，在重渲染开始之前移除滚动，如"overflow: hidden“，然后在所
浏览 20提问于2019-08-21得票数 0
2回答
我的滚动视图中有一些线性布局和一些视图，覆盖了整个屏幕。问题是，我可以看到我的一个小部件在屏幕下面，它不会向下滚动。这是我的xml文件 xmlns:tools=mainLayout = (LinearLayout) findViewById(R.id.mainLayout);
浏览 3提问于2014-07-15得票数 0
回答已采纳
1回答
我需要设计一个像这样的移动网页应用程序的景观页面：(CSS3和jQuery允许)A、C和E的宽度在百分比上是相同的(可能是50%，也可能是或多或少)。B、D和F填充剩余宽度。容器C和D填充中间部分。页脚E和F以粘贴到视口的底部。
我需要用像素或百分比设置固定高度的页眉和页脚，它们将包含绝对定位的图像或DIV标签。C容器将接收具有绝对定位百分比的各种标记(从容器<
浏览 1提问于2013-02-11得票数 0
我有一个舞台尺寸为500x100的AS3 flash player 9SWF，在舞台上我有一些物体延伸到舞台边界上，例如一个直径为50像素的圆圈，直径为490,90。当我在HTML中嵌入swf时，目前正在发生的是圆被裁剪，我希望即使它在舞台区域之外，它仍然是完全可见的。这对这个特定应用程序的行为至关重要，因为我需要鼠标能够访问flash电影下面的html元素。如果我只是简单地将舞台放大，圆圈是可见<
浏览 3提问于2009-09-13得票数 0
3回答
下面是我的本机应用程序代码。但它没有显示图像。我将容器样式从滚动视图移到以不正确的方式显示的图像。}} </Image>在这里，容器样式container: { backgroundColor: 'gray'
浏览 0提问于2019-03-14得票数 3
回答已采纳
我尝试在列表渲染器中使用形状裁剪是不是一个好主意--我发现一些非常老的bug仍然存在。将列表滚动到它的开始位置之外，会在窗体工具栏上绘制。
在张力式滚动之前点击鼠标，列表就会移动到表单的</em
浏览 5提问于2016-04-09得票数 0
loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong string</option></div>如何才能做到这一点
浏览 3提问于2012-06-21得票数 2
1回答
我在理解使用C#、.NET 3.5和GDI+在自定义控件中创建可滚动区域的正确方法时遇到了问题。
微软有没有关于正确的方法的文档？网络上有没有像样的入门读物？我主要关心的是:如果我在内存中创建一个大的图形画布，关于画布可以(和应该)有多大的具体细节是什么？性能方面的考虑因素是什么？我应该提前渲染多少可滚动区域？例如，如果我从预先存在的数据渲染一个
浏览 4提问于2011-03-10得票数 2
我需要创建一个水平滚动条来控制水平DIV中的滚动。我知道我可能可以编写一些jQuery脚本来处理滚动事件并移动DIV中的内容。
浏览 6提问于2009-12-29得票数 0
回答已采纳
3回答
我的问题是：我简化了标记和CSS，并做了一个小提琴--但是小提琴是正确的:D (也许是一个很好的跟踪.)所
浏览 0提问于2018-09-20得票数 9
回答已采纳
2回答
我在其中放置了超过左侧div高度的内容。现在，我知道我可以添加overflow:auto来允许用户滚动该div中的内容，但我希望固定div中的内容与页面一起滚动。仅仅使用css就可以做到吗？
浏览 0提问于2013-04-03得票数 0
1回答
画布应用程序中顶部的粘性标题
、、、、
我的应用程序中有标题部分。在这里，我有许多细节，如模型名称，模型描述，准确性值，图像和后退按钮。在画布应用程序中滚动到特定位置后，我希望标题只显示模型名称和后退按钮(类似于将标题高度降低到原来的一半)。这里是标题部分
我们在画布应用程序中有类似的地方吗?或者有什么解决办法来实现这一点？
浏览 4提问于2022-01-11得票数 0
2回答
我有一些码头容器，其中包含几个OSes。因此，我想让这些容器(通过SSH)可以直接从互联网上实现。我只能使用一个公共IP地址。现在有了docker0在桥接模式下的默认IP。如何将Docker配置为使可访问的容器与任何地方分开？
浏览 0提问于2015-10-04得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
