问题标签 [dart-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
201 浏览

dart - 如何将变量传递到 Dart 中的另一个页面?

我在 Dart 中有一些变量,我想在另一个网页中使用它们。如何将变量传递到另一个页面,以便在其他网页上的另一个 Dart 代码中使用?

0 投票
1 回答
1251 浏览

dart - Dart:以编程方式将子元素添加到 DivElement

假设我想以编程方式将 a 添加ButtonElement到 aDivElement中,这样生成的 HTML 是:

在 Dart 中,我在类中看到了几种方法,但DivElement我不确定哪一种适合于哪种上下文:

任何其他类型的容器也是如此:BodyElement,SpanElement等。将 DOM 元素动态添加到父容器的正确方法是什么?

0 投票
2 回答
347 浏览

forms - 如何将 dart 中的 html 表单序列化为字符串以进行提交

在 jQuery 中,有一个序列化表单元素的函数,例如我可以将它作为 ajax 请求提交。

假设我们有这样的表格:

如果我在 jquery 的帮助下做到这一点

结果是

dart 的 FormElement 中是否有这样的功能,或者我必须自己编写代码?谢谢。

0 投票
1 回答
443 浏览

svg - 使用 viewBox 缩放 SVG(在 Dart 中)不起作用

我最近开始使用 Google Dart (www.dartlang.org) 并使用 SVG。我正在尝试<div>使用 viewBox 缩放生成的 SVG 以适应。

StackOverflow 上的人已经给了我很多帮助。
我现在可以像这样缩放路径:Dart create and transform an SVG path

但似乎 viewBox 是为适应比例而设计的,使用它可以让我免于单独缩放 svg 中的所有路径。这就是我想使用 viewBox 的原因。
我尝试了以下方法:

但是没有缩放发生。我将如何解决这个问题?

0 投票
1 回答
201 浏览

performance - Dart:静态与动态资源利用率

在 Dart 中,当你运行交叉编译的 JavaScript 时,有两种方法可以创建元素的实例,例如ButtonElement

动态(创建一个新按钮并将其添加到浏览器 DOM):

静态(加载浏览器 DOM 中已经存在的现有按钮):

我对上述两种方法之间的速度和内存考虑感兴趣:

  • 哪个更快,为什么?
  • 哪个内存占用更小,为什么?

我的猜测是前一种方法速度较慢,因为它强制 JavaScript 创建ButtonElement(占用 CPU 周期),然后必须将其添加到浏览器 DOM。

但是我完全不知道哪种方法对内存更有效,甚至不知道如何测试这种东西。

0 投票
1 回答
65 浏览

dart - DART 应用中不同页面的最佳实践

应用程序中不同页面的最佳实践是什么,例如从菜单中调用。

你会在 DOM 中为这个页面创建一个新页面并销毁旧页面,还是隐藏旧页面更好(当然可以更多)?

或者还有其他更好的方法吗?

谢谢云母

0 投票
1 回答
157 浏览

ajax - Dart:querySelector 的范围

我有一种情况,我的 Dart Web 应用程序中有 2 个“视图”(屏幕/页面),我想异步获取视图 #2 的 HTML,然后在用户仍在查看视图时将其绑定到 Dart DOM 元素#1。这样,当用户单击 View #1 上的按钮时,会将他们重定向到 View #2,所有 HTML、代码等都准备就绪,应用程序可以立即为他们显示 View #2(因此他们不必等待页面加载等)。

要获得 View #2 的 HTML,我想我需要类似的东西:

在上面的代码中,当我执行 时querySelector("#redButton") as ButtonElement,由于 View #1 当前已“加载”到 window.document 中,它会尝试在 View #1 中查找名为redButton. 相反,我需要它来搜索“ redButton" inside the HTML returned by the HTTP GET toview-2.html”。我该怎么做?

0 投票
1 回答
1143 浏览

internationalization - Polymer.dart 中国际化字符串中的 HTML 标记

我在 Polymer 元素中显示国际化字符串,如下所示:

...并具有以下飞镖代码:

有没有办法将title, subtitle1, paragraph1, subtitle2, and组合paragraph2成一个可观察变量,其中包含<br>and<span>标记?

0 投票
1 回答
357 浏览

dart - Dart SVG 翻译一个对象

我正在尝试用 Dart 翻译 SVG 中的椭圆。除了 SetAttribute 方式之外,我还没有找到任何关于如何做到这一点的解释

我发现 EllipseElement 有这样的符号:

..但它不起作用。我完全不确定 setTranslate 是如何工作的,我想我必须告诉要翻译哪个元素,但我不知道如何翻译。使用 setATtribute 而不是尝试使用其他方法更好吗?

0 投票
1 回答
213 浏览

dart - 如何使用 Dart HTML 的 DirectoryEntry 和 DirectoryReader 类?

我需要一个在 Dart:HTML 中使用 DirectoryEntry 和 DirectoryReader 类的示例。以下代码从 img 目录读取图像文件并将其作为图像元素加载到浏览器中。

这是我的 webapp 目录的结构:

webapp 目录结构

我需要动态列出和使用 img 目录的内容。