如何在您的网站上使用飞镖

红条纹

您好,我也开始在该论坛上学习飞镖和即时消息,

我用webstorm创建了ubersimple webapp,并编写了一个非常简单的dart脚本和html文档。

我的html文档的头:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="scaffolded-by" content="https://github.com/google/stagehand">
    <title>Das bist du!</title>
   <script defer src="http://das-bist-du.com/main.dart" type="application/dart"></script>
   <script defer src="http://das-bist-du.com/packages/browser/dart.js">    </script>
 </head>

<body>
</body>
</html>

飞镖代码:

import 'dart:html';
import 'dart:math';

ButtonElement rndButton;
ImageElement rndImage;  
var images;
var rng;

void main() {
  rndButton = querySelector('#rndButton');
  rndImage = querySelector('#imgScreen');

  images = ['http://das-bist-du.com/onewebmedia/anN0MBo_700b.jpg', 'http://das-bist-du.com/onewebmedia/du1.jpg', 'http://das-bist-du.com/onewebmedia/du2.jpg', 'http://das-bist-du.com/onewebmedia/du3.jpg', 'http://das-bist-du.com/onewebmedia/du3.jpg', 'http://das-bist-du.com/onewebmedia/du4.jpg', 'http://das-bist-du.com/onewebmedia/du5.jpg', 'http://das-bist-du.com/onewebmedia/du6.jpg'];
  rndButton.onClick.listen(pickYou);
}
 void pickYou (Event e) {
  rng = new Random();
  setYou(rng.nextInt((images.length)));
}

void setYou (var rnd) {
  print(images[rnd].toString());
  rndImage.src =  (images[rnd].toString());
}

我知道代码还不是很漂亮,我只是在测试东西。:)

现在,我想同时在网站上使用,我将html页面的代码和dart.js上传到网站,并将src放在html脚本标记中。

在带有Chromium的Webstorm中进行测试时,它可以工作。但是脚本不会在网站上运行。如何在网站上在线使用飞镖?

提前致谢

贡特·佐赫鲍尔(GünterZöchbauer)

除了Dartium(包括Dart VM的基于Chomium的Dart开发浏览器)外,Dart都不能直接在任何浏览器中运行。

当您pub build在项目目录(pubspec.yaml是)中运行时,您会在子目录中获得输出,该输出build可以上载到Web服务器以供公共使用。

还有一个可用的转换器,可在pub build运行时优化脚本标签https://pub.dartlang.org/packages/dart_to_js_script_rewriter

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

您如何在网站上使用require功能?

来自分类Dev

如何在您的网站上管理您的jQuery库?

来自分类Dev

您如何在现代网站上使用PUT或DELETE HTTP请求

来自分类Dev

您如何在Azure网站上执行提升的cmd?

来自分类Dev

如何在您的网站上处理真钱?

来自分类Dev

如何使用iframe在您的网站上显示极客视频

来自分类Dev

如何在我的网站上使用jquery?

来自分类Dev

您将如何在电子商务网站上列出您的产品?

来自分类常见问题

如何在网站上使用Google的Roboto字体?

来自分类Dev

我应该如何在300多个网站上使用git?

来自分类Dev

如何在网站上上传和使用任何字体?

来自分类Dev

如何在我的AMP网站上使用Google AMP缓存

来自分类Dev

如何在网站上使用python matplotlib代码?

来自分类Dev

如何在网站上使用GSON库?

来自分类Dev

如何在整个LocalBusiness网站上使用微数据

来自分类Dev

如何在网站上使用INTUIT支付网关?

来自分类Dev

如何在Google网站上使用Facebook社交插件?

来自分类Dev

如何在网站上使用Twitter Bootstrap?

来自分类Dev

如何在我的网站上使用 javascript API?

来自分类Dev

如何使用参数(lat,lng)在您的网站上实现google maps

来自分类Dev

您如何使用多个样式表在网站上制作主题?

来自分类Dev

您如何知道用户是否在会员网站上付款?

来自分类Dev

如何从您无权访问源代码的网站上编辑HTML?

来自分类Dev

如何在整个网站上重用HTML

来自分类Dev

如何在自己的网站上实施.SCSS?

来自分类Dev

如何在自己的网站上实施.SCSS?

来自分类Dev

如何在我的网站上运行markdown?

来自分类Dev

如何在网站上支持匿名?

来自分类Dev

如何在盖茨比网站上展示广告?

Related 相关文章

热门标签

归档