我循环遍历4个对象并渲染它们的图像，同时根据属性的真实性应用类，但有时DOM不会重新渲染
在这个问答内容中，您描述了一个循环遍历4个对象并渲染它们的图像的情况，同时根据属性的真实性应用类，但有时DOM不会重新渲染的问题。下面是一个完善且全面的答案：
这个问题涉及到前端开发和DOM渲染的相关知识。
- 前端开发：前端开发是指开发网站或应用程序的用户界面部分，主要包括HTML、CSS和JavaScript。前端开发负责将设计师提供的界面设计转化为可交互的网页或应用程序。
- DOM（文档对象模型）：DOM是一种将HTML或XML文档表示为树状结构的API。它提供了一种访问和操作网页内容的方式。通过DOM，开发人员可以使用JavaScript来动态地修改网页的内容、结构和样式。
- 渲染：渲染是指将HTML、CSS和JavaScript转化为可视化的网页或应用程序的过程。浏览器通过解析HTML和CSS，构建DOM树和CSSOM树，然后将它们合并为渲染树，最终通过绘制和排版将网页呈现给用户。
- 属性的真实性：在这个问题中，根据属性的真实性应用类，意味着根据对象的属性来动态地添加或移除CSS类。这可以通过JavaScript中的条件语句和DOM操作来实现。
- DOM不重新渲染：DOM不重新渲染可能是由于以下原因导致的：
- 对象的属性没有发生变化：如果对象的属性没有发生变化，DOM不会重新渲染。这可能是因为对象的属性没有正确更新，或者更新的逻辑有问题。
- 未正确触发重新渲染：在某些情况下，即使对象的属性发生了变化，DOM也不会重新渲染。这可能是因为没有正确触发重新渲染的事件或方法。
为了解决这个问题，您可以采取以下步骤：
- 确保对象的属性正确更新：在循环遍历对象并渲染图像之前，确保对象的属性已经正确更新。可以使用控制台输出或调试工具来检查对象的属性是否正确更新。
- 使用条件语句和DOM操作应用类：根据属性的真实性应用类，可以使用条件语句和DOM操作来添加或移除CSS类。例如，可以使用JavaScript中的
classList属性来添加或移除类。 - 触发重新渲染：如果对象的属性已经正确更新并且类已经应用，但DOM仍然没有重新渲染，您可以尝试手动触发重新渲染的事件或方法。例如，可以使用
window.requestAnimationFrame()方法或element.offsetWidth属性来触发重新渲染。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发：https://cloud.tencent.com/solution/web-development
- 腾讯云云原生：https://cloud.tencent.com/solution/cloud-native
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维：https://cloud.tencent.com/product/cvm
- 腾讯云音视频：https://cloud.tencent.com/product/tiia
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobdev
- 腾讯云存储：https://cloud.tencent.com/product/cos
- 腾讯云区块链：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/solution/metaverse
请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
我循环遍历4个对象并渲染它们的图像，同时根据属性的真实性应用类，但有时DOM不会使用正确的类更新/重新渲染，即使对象的属性
浏览 25提问于2020-02-20得票数 0
2回答
情况是这样的。我在一个类中包含了很多集合和对象。它们的内容仅由单个消息处理程序线程更改。还有一个线程正在进行渲染。它遍历其中的一些集合，并根据这些对象的值绘制到屏幕上。它不会以任何方式改变对象，它只是读取它们的值。
现在，当渲染完成时，如果任何集合被更改，我
浏览 0提问于2011-05-04得票数 2
回答已采纳
1回答
在一次迭代中，数以吨计的对象可以修改其状态。
我的应用程序中的对象现在遵循类似于此模式的内容。这个方法现在运行得很好，但是如果我出于某种原因在一个“程序循环”中设置了两次对象的宽度，那会怎么样呢？这意味着DOM将被修改两次，但应该只显示第二个状态。另一个问题是，一些元素依赖于附加到DOM，然后才能在它们上设置/获取一些
浏览 1提问于2010-10-18得票数 1
void Draw(...);所以在你的更新循环中，你遍历所有的游戏对象，给它们一个改变状态的机会，然后在下一个抽签循环中，你再次遍历所有的游戏对象，给它们一个绘制自己的机会。虽然这在一个简单的前向渲染器的简单游戏中工作得很好，但它通常会导致一些巨大的游戏对象需要存储它们的</e
浏览 0提问于2012-05-22得票数 10
回答已采纳
2回答
我是Ember的新手，有一个泄露状态的问题。我有一个carousel小部件，它一次显示一个项目，并允许用户单击上一个/下一个来查看每个项目。我意识到，并不是每次我移动到上一项/下一项时，carousel-item组件都会重新初始化。DOM每次都会被重用，组件的属性也是共享的，因为它都是一个实例，这意味着我可能会有泄漏状态。我看
浏览 0提问于2017-04-18得票数 0
我已经有了一堆瓦片，它们组成了一个单独的图像，它们是根据请求渲染的(根据整个图像的哪一部分在屏幕上可见)。合成图像明显大于屏幕。每个平铺都紧挨着其相邻的位置，以创建单个图像的错觉(如果不平铺，单个图像将太大并具有OOM错误)。
这些是FrameLayout中的ImageVie
浏览 0提问于2012-01-22得票数 8
回答已采纳
我正在编写一个浏览器的应用程序，需要解析html。我的解决方案是逐个读取字符并构建页面结构函数，例如，当我读取<div class="c10 c20">bold words</div>时，div中的所有单词都将在类c10，c20中绘制属性，但问题是div有两个类，两个位置定义为流动：<head>
<s
浏览 0提问于2015-09-03得票数 0
1回答
我有一个应用程序，它使用OpenGL呈现一个3d对象，允许用户旋转、缩放和检查对象。目前，这是由接收到的鼠标消息直接驱动的(它是一个Windows应用程序)。当接收到鼠标移动时，更新查看矩阵，并将场景重新呈现到后台缓冲区中，然后调用SwapBuffers。对于旋转视图，我启动一个20 on定时器并在计时器上呈现场景，并对每个帧的查看矩阵进行小更新。这是可以的，但并
浏览 7提问于2022-02-18得票数 -1
2回答
在我即将推出的iPhone游戏中，不同的场景元素被分割成各自的CCNode。
我的障碍节点包含许多节点，每个节点代表一个障碍。在每个障碍物节点内部是构成障碍物的图像(1 -4张图像)，并且一次只有10个障碍物。每次更新我的游戏都会调用障碍物节点中的update函数，它会将每个障碍物向左移动。但这会大大降低我的游戏速度。同
浏览 4提问于2012-04-07得票数 1
回答已采纳
3回答
我有一个游戏引擎，它目前使用继承来提供一个通用的界面来进行渲染：{ void render();每个类都调用gl_*函数本身，这使得代码难以优化(...);};class sphere void render( renderer* r )
浏览 0提问于2013-10-23得票数 5
回答已采纳
我有一个带有按钮和div的react组件。单击该按钮后，此div将填充来自服务器的ajax响应。在输出中，我看到页面上显示了原始的HTML。我设法用'react-render-html‘包实现了这个功能。
现在，我需要将事件附加到其中包含某些类的一些HTML元素。对
浏览 1提问于2019-07-01得票数 0
2回答
我希望更改v8引擎，以便能够拦截对DOM元素的每次访问。如您所知，v8不创建DOM树。浏览器创建DOM树。
我的问题1:如何/在v8源代码中将DOM内存结构传递给v8。我怎样才能用最少的努力进行拦截呢？
浏览 1提问于2012-10-04得票数 0
我的RN应用程序现在遇到了一个问题，我不知道如何处理它。我正在通过Facebook API登录用户，在我们的后端，我们处理所有的FB用户数据，还有它的头像，我们出于性能目的将其裁剪到一定的大小。为此，我们运行一个异步worker，它将执行裁剪，同时，在应用程序中，我们显示一个带有应用程序徽标的默认用户头像。但是一旦worker完成了任务，图像就不会更新，直到我<e
浏览 13提问于2020-01-30得票数 0
4回答
我使用过这种方法:它很简单，也很有效，但在学习了MVC模式之后，我对此感到不安。当所有的显示逻辑都隐藏在模型中时，很难改变艺术风格。可以引入一个视图类，它将级别作为参数并绘制它，但这意味着它必须识别实体类型并引入一个“切换”-statement，我了解到这也是不好的。以一种可扩展、易于更改、干净和干燥的方式绘制代码应该放在哪里？
浏览 0提问于2010-02-04得票数 16
回答已采纳
在下面的代码中，为什么console.log的循环在任何HTML元素显示之前就结束了？我已经把JavaScript代码放在了文件的末尾。 console.log("ready to react to your clicks");</body>
更新：
基于一个答案，我尝试了一下，仍然只在控制台日志循环完全执行后才会显示HTML
浏览 0提问于2018-09-28得票数 5
;}) 它不会重新呈现依赖于s.a的组件。如果从另一方面来说你这样做了 setState(s => {...s, a: 42}); 它将重新渲染所有依赖于s的任何字段的组件，所以在我看来，它实际上只是查看闭包的返回对象引用是否与它已经具有的状态相同，并做出一个二元选择:是重新渲染所有内容还是什么都不重新呈现。有没有办法更新状态，
浏览 16提问于2020-04-30得票数 0
回答已采纳
3回答
在同一个截屏视频中，partial被解释为使用上下文和与当前控制器相关的所有数据，而render使用指定控制器的匹配模板、上下文等：有人能澄清一下partial、template、render和何时使用哪种语言的区别吗？
浏览 0提问于2013-02-05得票数 37
回答已采纳
我正在使用Vue 2构建一个应用程序。有一个页面包含一个简单的图片库，其中包含大约20个图像和一个大的页面背景图像。图像路径永远不会改变，所以它们不会不断地被AFAIK重新计算。这个页面在Chrome中的表现糟糕透顶，加载耗时很长(虽然是一些高分辨率的图像，但宽度为4K )，一旦图像加载完成，我</em
浏览 9提问于2018-12-06得票数 1
我在useEffect中获取数据，并在数据到达时更新本地状态。但是如果我不把依赖数组传递给useEffect，状态就会更新，但它会运行无限循环。另一方面，如果我将依赖数组作为空或有状态传递，那么它不会更新状态(即，数据不会从我的axios请求中设置到本地状态变量中)。
浏览 3提问于2020-07-01得票数 0
2回答
SDL2:渲染引擎设计
、、、
RenderTarget是适用于SDL_Texture的渲染对象的抽象类。Window是管理SDL_Window、SDL_Renderer以及所有绘制和渲染函数的派生类。在这个时候，我有一个SDL_Renderer的每个窗口，并传递它周围的纹理，动画等纹理是与SDL_Renderer渲染本身到屏幕的知识。但我不认为总是调用Texture->
浏览 2提问于2014-03-26得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
