使用 dart 而不是 JavaScript 来操作 DOM,你需要一个 pubspec 文件吗?

Posted

技术标签:

【中文标题】使用 dart 而不是 JavaScript 来操作 DOM,你需要一个 pubspec 文件吗?【英文标题】:Using dart instead of JavaScript to manipulate the DOM, do you need a pubspec file? 【发布时间】:2021-10-11 23:06:02 【问题描述】:

因此,使用标准 html/CSS/javascript 三重奏,您可以编写 html,导入 .js 文件,然后直接进入查询选择器并操作 DOM。

如果我要在三重奏中用 Dart 替换 JavaScript,我可以只导入一个 .dart 文件,导入 dart:html 然后使用查询选择器,还是必须“创建一个 dart 项目”并拥有一个 pubspec 文件?

【问题讨论】:

【参考方案1】:

您不需要 pubspec.yaml,只需使用 dart2js 工具将您的 dart 代码转换为 javascript。

话虽如此,这样做并没有太多优势,您仍然需要一个pubspec.yaml 来使用指向package: 的导入,以便能够调试您的飞镖代码,并使用诸如@ 之类的工具987654324@ 提供/构建您的文件。

注意:您总是需要在 html 文件中引用生成的 javascript 文件(例如 main.dart.js),如果没有转译,您无法导入 dart 文件。

【讨论】:

谢谢!我有兴趣使用产生最快高效网站的网络技术,我在许多地方读到 dart 比 JS 快得多,JS 是一种更现代的进化语言。但是我仍然无法理解,如果它被转换成它应该比它更快的东西,它怎么能更快呢?我觉得 javascript 总是会更快?

以上是关于使用 dart 而不是 JavaScript 来操作 DOM,你需要一个 pubspec 文件吗?的主要内容,如果未能解决你的问题,请参考以下文章

Dart 变量存储对值的引用

如何使用 Hive 在 Dart 中按值(而不是按索引)读取/更新/删除?

为啥我的 Dart 构造函数返回的是动态对象而不是类型对象?

异步编程之 EventLoop

异步编程之 EventLoop

#yyds干货盘点#dart系列之:HTML的专属领域,除了javascript之外,dart也可以