问题标签 [maquette]

我一直在进一步研究使用maquette.js作为虚拟 DOM 库。
查看网站，该库具有在添加、删除和更新 DOM 节点时支持动画的功能。
但是我找不到任何关于如何实现这一目标的文档或 API。

为了使它更具体，我在下面和这里做了一个小样本。

在示例中，单击按钮将打开弹出窗口。
我想要的是，当节点添加到 DOM 时弹出窗口会动画淡入，当节点从 DOM 中删除时会动画淡出。

我有一个数组每秒更新一次，我正在使用映射数组浏览高级部分，但无法完成任务。我对updateTarget(updatedSource, target) {}函数内部的内容感到困惑。评论和 codepen 到此结束，dom 中什么也没有显示。该函数显然被调用，但我不知道如何使用新源更新目标。

我在 API 中注意到你可以stop使用 Projector，但如果它已经渲染了一些 DOM，有没有办法删除它。似乎调用projector.stop()只会导致投影仪停止响应。

是否值得考虑暴露投影仪的“状态”？

我可以看到一个用例，能够从外部检测投影仪的状态可能能够更好地安排（或放弃）更大框架中的某些活动。

目前，在投影机内部，有scheduled和renderCompleted项目。我可以看到一些简单的东西，比如isBusy(): boolean从外部发出投影仪正在渲染的信号。这样，在任何宏框架中，都可以放弃在 DOM 中永远不会表示的暂时状态更改。

当然，这总是会导致希望在投影仪变得“不忙”时获得某种通知。当然，只为任何“忙”的工作安排下一个动画帧应该可以工作，而不会给 Maquette 带来任何负担。

问题：如何在 Maquette.js 中使用像 tether.js 这样的外部库？

我的主要问题是，如果我在渲染函数中的某个地方对其进行初始化，我不知道我可以在哪里将其拆除，随着元素的重新渲染，随着时间的推移导致内存泄漏。

我尝试使用 enterAnimation 和 exitAnimation 作为生命周期钩子，但很快遇到了无法更改事件处理程序错误，因为我需要访问该项目独有的特定 Tether 实例。

想法？帮助？谢谢！

背景：

过去一周我非常喜欢开始使用 Maquette.js。我有一个相当大的 AngularJS v1 应用程序，它在很多地方都使用了工具提示。

阻碍我创建更多 Maquette.js 渲染视图的主要因素是我对 Angular 工具提示指令的依赖。

因此，我开始使用tether.js和drop.js以利用它们的下拉定位功能，这样我就不必重写它们了。

I want to use the © entity in maquette, but when I pass it as a child it comes out as plain text. I suppose I could use ©, but what's the fun in that?

我的问题是关于Maquette Javascript 框架中组件之间的通信。

想象一下，我在一个Menu组件中使用了一个子Application组件：该Application实例想知道何时在Menu实例中选择了一个菜单项，以便交换应用程序中显示的主要内容（例如）。换句话说，我需要一种在子组件与其父组件之间进行通信的方法。如何在 Maquette 中实现这一点？

当然，我可以将应用程序实例拥有的回调传递给菜单实例，该实例将在选择项目时调用。但我有点不愿意这样做，因为“选择”事件只是菜单组件的“渲染端”方面，所以我希望该事件不要泄漏到我的MenuAPI 中，而是留在渲染函数中/方法代替。

所以，我想在“渲染端”处理事件。但我想这意味着我必须从 ' 的渲染函数中发送一个CustomEvent并在Menu' 的渲染函数中注册一个CustomEvent处理程序Application，对吗？模型是否支持此用例？CustomEvent我的用例还有其他选择吗？

谢谢！

PS：从票#71转贴在这里以获得更多答案。

我想获取我的 Maquette 视图的 HTML 字符串表示形式，以便将其预呈现为静态 html 文件。React 有 ReactDOMServer.renderToString。Maquette VNodes 有类似的方法吗？

我正在使用 Typescript 使用 Redux 和 Maquettejs 开发一个待办事项应用程序示例。我只编译 typescript，然后使用 browserify 捆绑所有 .js 文件（该文件包含应用程序 .ts 文件和库 [redux, maquettejs]），编译时没有错误，一切正常。

当我尝试在浏览器上查看结果时出现此错误。

至少对我来说这是没有意义的，因为它是明确定义的。我不是判断编译代码的专家，但如果我创建了一个模拟实现http://jsbin.com/tenohitumi/edit?js,console,output并且它按预期工作。我真的不明白发生了什么。

以防万一这是用打字稿编写的“App”类。

我想知道，无论如何，匿名函数之外的东西（在包本身中）是否会影响“this”的值，或者阻止它被设置？

我想使用 Maquette 作为基本的超脚本语言。因此，我不想使用maquette.projector. 但是，我很难让任何maquette.dom功能正常工作。

我究竟做错了什么？为什么dom.create不渲染任何东西？