问题标签 [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 投票
2 回答
1125 浏览

dart - Dart,创建 cookie 并读取它们

我想要一种在我的网页上保存进度/值的方法,这样当有人退出并返回网页时,他们不会丢失任何东西。比如说钱。我正在创建一个游戏,他们赚钱,但如果他们退出并回来,他们将被重置为 0。

我想也许cookies是保存变量值的好主意?此外,当他们返回网页时,它需要检测 cookie 并接收值并相应地设置变量。

我将如何去做,或者有更简单/更好的方法吗?

0 投票
1 回答
486 浏览

3d - Dart WebGL 中的广告牌

我一直在尝试为我正在使用 lwjgl 在飞镖中制作的游戏创建广告牌效果。

我一直在阅读,您应该让每个广告牌顶点位于世界中心位置,然后将它们替换为相机矢量。我不太明白如何做到这一点。

这是我的渲染类:

这是我想渲染为广告牌的树:

0 投票
1 回答
386 浏览

dart - Dart:将 HTML 处理程序连接到 Dart 源代码

我正在尝试我的第一个 Dart Web 应用程序,并试图了解一些示例代码的一部分在做什么。我下载了Dart-Eclipse 插件,然后创建了一个新的Dart Project。它创建了一个项目,其中包含一个示例 dart、HTML 和 CSS 文件。然后我将 HTML 文件修改为如下所示:

当用户按下时,alertBtn我希望运行以下代码:

换句话说,用户按下按钮,屏幕上就会弹出一个警告框。

两个问题:

  1. HTML中的<script/>标签在做什么?它的src="myapp.dart属性直接引用了 Dart 源文件......我的印象是大多数浏览器不支持 Dart,所以它需要先交叉编译(通过dart2jspub build)到 JavaScript?
  2. 如何将 HTML 与 Dart 文件连接起来?换句话说,我如何将它alertBtn与一个onclick处理程序连接起来,以便在用户单击它时运行 Dart 代码?
0 投票
1 回答
67 浏览

dart - 如何在 Dart 中创建可重用的 JavaScript 模式

我正在尝试使用 HTML5 中的模式属性进行客户端验证。

但是,我发现我必须重复 pattern="\w{2,}" 重复。

考虑下面的代码,它是飞镖聚合物的一部分。

是否有某种机制可以让我从标记中提取 \w{2,}" 并将其替换为我现在可以用来表示模式的变量。这样,如果我对模式进行更改,它只会在一个地方而不是多个地方。

谢谢

0 投票
0 回答
363 浏览

dart - Dart VM 中的安全错误

我需要通过 Dart 添加带有 YouTube 嵌入源的 iframe,但它会引发异常:

打破异常:SecurityError: Blocked a frame with origin " http://www.youtube.com " 访问跨域框架。

通过 JavaScript 就可以了。

脚本已更新。

更新:我找到了方法。我添加了带有这些值的沙盒属性:“allow-same-origin allow-scripts”+ 我在 src 中打开了带有后缀“?rel=0&html5=1”的 HTML5。

0 投票
3 回答
1501 浏览

dart - Dart:如何动态设置文档正文的 innerHTML

我看到 Dart 有一个BodyElement类,并且它有一个innerHTML属性。

我还看到您可以通过 访问当前文档的正文window.document.body,但是,此body属性没有 getter/setter 方法。

所以我试图将两者联系在一起:我如何动态设置当前文档正文的内部 HTML?我正在寻找类似的东西:

0 投票
1 回答
1414 浏览

svg - Dart 创建和转换 SVG 路径

我最近开始使用 Dart (www.dartlang.org) 进行编程。现在我尝试显示一个 SVG 路径并缩放路径以适合 20px * 20px 的 div;

我确实有一条路径,并且我确实创建了一个转换矩阵,但是如何将矩阵应用于路径?

到目前为止我的代码:

- 编辑 -

在阅读了 Carlo 的回复后,我现在已经阅读了 MDN 的部分内容。SVG 规范比我预期的要复杂得多。不过我又进了一步。

我现在尝试将转换矩阵应用于 svg,如下所示:

但这并不像我期望的那样应用转换。

print 语句打印 a: instance of 'Transform' ,所以我怀疑我仍然必须以某种方式应用此转换?

--结束编辑--

现在我迷路了。

我将如何应用转换?我找不到任何示例,并且 Dart API 参考没有给我足够的细节来弄清楚。

亲切的问候,亨德里克·扬

0 投票
1 回答
272 浏览

dart - Dart:无需重新加载的动态重定向

请注意,我在这里对基于聚合物、角度或路由的解决方案不感兴趣。我正在尝试在这里学习“纯” Dart,虽然我可能会转而使用其中一个框架,但我需要首先对基础有一个很好的理解。

在 Dart 中,是否可以一次(在应用程序启动时)下载一大堆 HTML“片段”(见下文),然后将它们加载到浏览器中(整个窗口或仅在特定<div>元素内等)。 ) 动态?

例如,我的 HTML 文件可能有一个<div>元素:

我想下载 HTML 的两个“片段”(DOM 子树、HTML 模板),并将其中的任何一个动态加载到containerdiv 标记中。也许其中一个片段如下所示:

另一个片段我的样子:

这两个片段可以放在它们自己的 HTML 文件中,还是我必须将它们放在一个大文件中并提取出我想要加载的“片段”?无论哪种方式,我如何在 Dart 网络应用程序中实现这一点?

0 投票
1 回答
145 浏览

dart - 纯 Dart DOM 的可能性?

我正在学习 Dart,突然顿悟(或者可能是顿悟):

我可以编写一个 Dart 网络应用程序,其中“视图”在 Dart 中 100% 完成吗?

我在说:绝对没有(无/零/nadda)HTML文件(.html)。100% 飞镖代码。就像是:

理论上(也就是我对上面代码的意图),一旦SigninView创建,它就会初始化一堆 DOM 元素并someDivTag用它们填充。

  1. 这可能吗?如果是这样,我是“做对了”,还是对此有不同/首选/标准化的方法?
  2. 这是否会引入我应该注意的任何其他/潜在警告(内存泄漏)、性能或安全问题?
  3. 如果我在整个应用程序中采用这种策略,我是否可以假设应用程序下载速度更快(HTML 文本更少),但执行速度更慢(动态 DOM 元素创建)?如果是这样,有没有办法以某种方式实例化我的应用程序需要的所有 DOM 元素(减慢初始下载时间),然后只使某些元素可见,因为我希望呈现不同的视图/屏幕(从而加快执行时间)?
0 投票
2 回答
507 浏览

dart - 如何让 Geolocation API 在 Dartium 中工作?

我正在尝试使用 Geolocation API 在 Dartium 浏览器中进行测试。特别是我尝试执行以下操作

忽略我在这里使用 window.alert 的事实,我得到的只是以下消息的错误“错误代码:2,错误消息:' https://www.googleapis.com/的网络位置提供程序':返回错误代码 400。”

但是,当我使用“pub serve”时,相同的代码在 Google Chrome 中有效。它也适用于火狐。我该如何克服这个错误,并让它在 Dartium 中工作?甚至可能吗?

更新

我查看了 403 错误并尝试使用此页面http://www.chromium.org/developers/how-tos/api-keys上指定的修复程序,当我第一次尝试这个时,我得到了我的凭据和设置错了,我得到一个 403 错误,但是一旦解决了,所有的 API 都启用了,加上环境设置

我回到了“' https://www.googleapis.com/ '的网络位置提供商:返回错误代码 400。”,所以我断定这不是同一个问题。虽然如果有人能证明我错了,我会很高兴。

进一步更新

这是一个错误。我已经在下面回答了我自己的问题。