★Dart-2-Dart工具集

最新推荐文章于 2024-08-29 08:35:01 发布

原创

最新推荐文章于 2024-08-29 08:35:01 发布 · 747 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#dart

本文探讨了Dart语言在Web开发中的应用，对比了Dart+HTML与JavaScript+HTML的组合，并详细介绍了Dart如何与HTML文件相互作用。Dart可以通过dart2js转换为JavaScript，使得在不同浏览器中运行成为可能。文中还讲解了如何导入Dart库，特别是dart:html库，以及如何使用dart:html访问和操作DOM元素。此外，通过示例代码展示了动态创建和添加DOM元素的方法。最后，强调了Dart的工具链，如Dart编辑器和dart2js，对提高开发效率的重要性。

Dart设计为在web浏览器中运行，既可以作为本机Dart运行，也可以转换为JavaScript。要启用转换到JavaScript，应用程序需要与定义主机网页的HTML文件分开存在。幸运的是，Dart编辑器也是这样设计的：当您在Dart编辑器中创建一个新项目时，您可以选择创建一个包含脚本标记的样板HTML文件来运行Dart应用程序。

下面清单显示了使Dart应用程序能够作为Dart或转换后的JavaScript应用程序运行所需的最小HTML。它包含一个链接到现有HelloWorld.dart脚本的脚本标记。它还包含另一个名为dart.js的JavaScript脚本，用于检测主机浏览器是否包含dart VM。如果主机浏览器未启用Dart，脚本会将所有application/dart脚本修改为application/javascript，并将.js后缀添加到这些脚本标记中的任何src属性：例如，它会将HelloWorld.dart更改为HelloWorld.dart.js。Dart应用程序的JavaScript版本可以由dart2js工具创建。

<!DOCTYPE html>
<html>
<body>
<script type="application/dart" src="HelloWorld.dart"></script>
<script

最低0.47元/天解锁文章

★Dart-2-Dart工具集

目录

1.HTML+Dart vs HTML+JavaScript

2.Dart与HTML文件的关系