个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个 A 形框架组件，它在某个时候创建一个“基础”实体，上面挂着一堆子元素(基本上是带有彩色面的盒子)。完成所有这些子元素(包括网格)后，我想使用 geometry-merger 合并它们的几何图形。成分。问题是，当我添加此组件时，所有子组件都需要完全初始化:否则，子几何图形将无法正确合并(如果它们在每个子组件中尚不可用)。
我认为等待“base”实体中的 loaded 被触发就足够了，代码如下:
base.addEventListener('loaded', (e) => {
base.setAttribute('geometry-merger', {preserveOriginal: true});
base.setAttribute('material', {vertexColors: 'face'});
});
(在我正在编写的组件的 init 函数中)。
事实上，它在 Firefox 中就像一个魅力，但在 Chrome 中却不然。
我已经对其进行了调试，似乎在 Chrome 中，即使几何图形(属性 3Dobject)仍未在子项中设置，“已加载”也会在“基础”实体上触发(因此据我了解，它们并未完全“加载”)。
那么，问题是:实体的生命周期中是否有任何事件或某个钩子(Hook)在所有子项初始化时运行？
我找到了一个最小的示例:cubes-loaded.html 和 cubes-loaded.js，如下:
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
<script src="cubes-loaded.js"></script>
</head>
<body>
<a-scene>
<a-entity cubes position="0 0 -4"></a-entity>
</a-scene>
</body>
</html>
AFRAME.registerComponent('cubes', {
init: function () {
this.base = document.createElement('a-entity');
this.base.addEventListener('loaded', (e) => {
console.log("Base loaded, child object3DMap:", this.base.children[0].object3DMap);
});
this.el.appendChild(this.base);
let box = document.createElement('a-entity');
box.setAttribute('geometry', {primitive: 'box'});
this.base.appendChild(box);
},
play: function () {
console.log("Play run, child object3DMap:", this.base.children[0].object3DMap);
}
});
在 Firefox 中，此示例写道:
Base loaded, child object3DMap: Object { mesh: {…} }
Play run, child object3DMap: Object { mesh: {…} }
在 Chrome 中，此示例写道:
Base loaded, child object3DMap: {}
Play run, child object3DMap: {mesh: J}
顺便说一句，在 play 中运行代码似乎是确保网格物体位于子项中的好方法。
最佳答案
在玩这个最小的例子时，我想我找到了问题的答案。该示例的问题在于，基类是在子级附加到它之前插入到 DOM 中的。这样，“loaded”事件就有可能在子进程初始化完成之前被触发，显然 Chrome 就是这么做的。在 Firefox 中，似乎在子进程初始化之前不会触发该事件，至少在本例中是这样。
因此，只需在将子级附加到 DOM 之后，将基础附加到 DOM 即可修复该示例:
AFRAME.registerComponent('cubes', {
init: function () {
this.base = document.createElement('a-entity');
this.base.addEventListener('loaded', (e) => {
console.log("Base loaded, child object3DMap:", this.base.children[0].object3DMap);
});
let box = document.createElement('a-entity');
box.setAttribute('geometry', {primitive: 'box'});
this.base.appendChild(box);
this.el.appendChild(this.base);
}
});
抱歉打扰了，一旦您了解了附件的顺序，答案就很简单了。
关于javascript - A 型框架 : When are all my children fully initialized?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58980454/
25
4
0
我需要开发一个简单的网站，我通常使用 bootstrap CSS 框架，但是我想使用 Gumbyn，它允许我使用 16 列而不是 12 列。 我想知道是否: 我可以轻松地改变绿色吗？ 如何使用固定布局
这个问题在这里已经有了答案: 关闭 13 年前。 与直接编写 PHP 代码相比，使用 PHP 框架有哪些优点/缺点？
我开发了一个 Spring/JPA 应用程序:服务、存储库和域层即将完成。 唯一缺少的层是网络层。我正在考虑将 Playframework 2.0 用于 Web 层，但我不确定是否可以在我的 Play
我现有的 struts Web 应用程序具有单点登录功能。然后我将使用 spring 框架创建一个不同的 Web 应用程序。然后想要使用从 struts 应用程序登录的用户来链接新的 spring 应
我首先使用Spark框架和ORMLite处理网页上表单提交的数据，在提交中文字符时看到了unicode问题。我首先想到问题可能是由于ORMLite，因为我的MySQL数据库的字符集已设置为使用utf8
我有一个使用 .Net 4.5 功能的模块，我们的应用程序也适用于 XP 用户。所以我正在考虑将这个 .net 4.5 依赖模块移动到单独的项目中。我怎样才能有一个解决方案，其中有两个项目针对不同的版
我知道这是一个非常笼统的问题，但我想我并不是真的在寻找明确的答案。作为 PHP 框架的新手，我很难理解它。 Javascript 框架，尤其是带有 UI 扩展的框架，似乎通过将 JS 代码与设计分开来
我需要收集一些关于现有 ORM 解决方案的信息。 请随意编写任何编程语言。 你能谈谈你用过的最好的 ORM 框架吗？为什么它比其他的更好？ 最佳答案 我使用了 NHibernate 和 Entity
除了 Apple 的 SDK 之外，还有什么强大的 iPhone 框架可供开始开发？有没有可以加快开发时间的方法？ 最佳答案 此类框架最大的是Three20 。 Facebook 和许多其他公司都使用
有人可以启发我使用 NodeJS 的 Web 框架吗？我最近开始从免费代码营学习express js，虽然一切进展顺利，但我对express到底是什么感到困惑。是全栈框架吗？纯粹是为了后端吗？我发现您
您可以推荐哪种 Ajax 框架/工具包来构建使用 struts 的 Web 应用程序的 GUI？ 最佳答案 我会说你的 AJAX/javascript 库选择应该较少取决于你的后端是如何实现的，而更多
我有生成以下错误的 python 代码: objc[36554]: Class TKApplication is implemented in both /Library/Frameworks/Tk.
首先，很抱歉，如果我问的问题很明显，因为我没有编程背景，那我去吧: 我想运行一系列测试场景并在背景部分声明了几个变量(我打印它们以仔细检查它们是否已正确声明)，第一个是整数，另外两个字符串为你可以看到
在我们承担的一个项目中，我们正在寻找一个视频捕获和录制库。我们的基础工作(基于 google 搜索)表明 vlc (libvlc)、ffmpeg (libavcodec) 和 gstreamer 是三
我试过没有运气的情况下寻找某种功能来杀死/中断Play中的正常工作!框架。 我想念什么吗？还是玩了!实际没有添加此功能？ 最佳答案 Java stop类中没有像Thread方法那样的东西，由于种种原因
我们希望在我们的系统中保留所有重大事件的记录。例如，在数据库可能存储当前用户状态的地方，事件日志应记录对该状态的所有更改以及更改发生的时间。 事件记录工具应该尽可能接近于事件引发器的零开销，应该容纳结
那里有 ActionScript 2.0/3.0 的测试框架列表吗？ 最佳答案 2010-05-18 更新 由于这篇文章有点旧，而且我刚刚收到了赞成票，因此可能值得提供一些更新的信息，这样人们就不会追
我有一个巨大的 numpy 数组列表(一维)，它们是不同事件的时间序列。每个点都有一个标签，我想根据其标签对 numpy 数组进行窗口化。我的标签是 0、1 和 2。每个窗口都有一个固定的大小 M。
我是 Play 的新手!并编写了我的第一个应用程序。这个应用程序有一组它依赖的 URL，从 XML 响应中提取数据并返回有效的 URL。 此应用程序需要在不同的环境(Dev、Staging 和 Pro
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 4年前关闭。 Improve thi
我是一名优秀的程序员,十分优秀！