程序员经验分享-hwhale

ES6 模块与 HTML 导入

2024-05-03

HTML 导入 http://www.w3.org/TR/2013/WD-html-imports-20130514/是的一部分网络组件 http://www.w3.org/TR/components-intro/规范并提供一种处理 Web 依赖性的方法。 ES6 模块也做同样的事情，但只是针对 Javascript 代码。

这两者将如何合作有明确的说明吗？

编辑：一个例子：在我最近的一个项目中，我有两个 Javascript 组件（文件），其中一个依赖于另一个，但任何 HTML 代码（这是另一个组件）都可以使用它们中的任何一个。因此，当我在 HTML 中包含依赖脚本时，我不想也包含父脚本（避免手动依赖处理）。除了将 ES6 模块与脚本包含混合之外，似乎没有明确定义的方法可以做到这一点。我看到的唯一选择是为每个组件维护一个单独的文件，并指定所需的文件和依赖项，例如 component.io 所做的。


Web 组件如何与 ES6 模块交互尚未最终确定，但至少有两种选择。

ES6 有这样的概念realms https://gist.github.com/dherman/7568885。如果两个 iFrame 中有 JavaScript，则这两个 iFrame 可以相互通信并来回传递数据。但他们属于不同的领域。这意味着您可以修改Array.prototype对象在其中一个而不影响另一个。每个 Web 组件很可能都有自己的领域，因此它们不会相互干扰。

每个领域都有一堆全局对象，其中包括（很可能，规范尚未最终确定）Loader目的。您可以创建一个新实例Loader并用它来加载模块。领域中已经存在一个，这是默认的。每个Loader实例有它自己的已定义模块列表，因此每个 Web 组件都可以有它自己的Loader实例。

我不确定网络组件是否会被赋予不同的Realms或不同Loader对象，但不同的 Web 组件很可能无法相互干扰。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

ecmascriptharmony

webcomponent

ES6 模块与 HTML 导入 的相关文章

随机推荐

  • 如何让iOS 7下的UISwitch不采用其后面视图的背景颜色？

    关闭时看起来像这样 虽然我更喜欢灰色背景 我真的必须使用 UIImageView 吗 以下是我更改 iOS7 UISwitch 的填充颜色的方法 首先您需要导入 QuartzCore import

  • C++中的引用类型是POD类型吗？

    C 中的引用类型也是POD类型吗 是int 是POD类型吗 那么呢 struct Q int i 有人可以帮助我吗 No 设置引用某些内容的成员的唯一方法是通过用户声明的构造函数 因此 您的结构是非 POD 的 Update 答案仍然是否定

  • 如何检查并关闭Excel文件是否已在Java中打开[重复]

    这个问题在这里已经有答案了 可能的重复 Java 检查文件是否已打开 https stackoverflow com questions 1390592 java check if file is already open 我正在制作一个

  • limit 关键字在 gcc/g++ 中是否提供了显着的好处？

    有没有人见过关于是否使用 C C 的任何数字 分析restrictgcc g 中的关键字实际上在现实中 而不仅仅是理论上 提供了任何显着的性能提升 我读过各种推荐 贬低其使用的文章 但我还没有遇到任何实际数字可以证明双方的论点 EDIT 我

  • 如何使用 nuxt 和 @vue/composition-api 提供/注入 Vue 根实例？

    我正在尝试使用 vue apollo 可组合 https v4 apollo vuejs org guide composable setup html 1 install vue apollo composable与我的 Nuxt Ts

  • 找不到我的绑定的 inflate 方法（使用 Android，数据绑定。）

    我正在使用数据绑定来绑定 Android 应用程序中的布局 我已经设置了布局 my custom xml 并生成了绑定类 MyCustomBinding 但 Android Studio 似乎没有立即找到 Binding 类的 inflat

  • 滚动 swiftUI 列表时，未调用单元格的任务修改器。怎么修？

    我写了一个异步图像视图 with swiftui 并在列表单元格中使用 AsyncImgView 使用任务修饰符在 Img 出现时从缓存或网络下载 Img 在 iOS16 之前一切正常 但在iOS16我发现当我滚动列表新细胞的AsyncIm

  • OTP（令牌）应自动从消息中读取

    我正在开发一个 Android 应用程序 其中服务器发送 OTP 用户需要在应用程序中输入此 OTP 才能注册我的应用程序 我想要的是 我的应用程序应该能够自动读取服务器发送的 OTP 我怎样才能实现这个目标 在这方面的任何帮助或指导将不胜

  • 在 ng-repeat 中使用 bootstrap popover

    我有一个引导程序弹出窗口 它在有角度的外部工作ng repeat a href class tt1 Hover over me a 一旦我在 ng repeat 中使用它 它就会停止工作 我在角度控制器构造函数中初始化弹出窗口 tt1 po

  • Ansible 循环直到条件匹配。

    我想进行一系列 API 调用 每次调用后检查结果中的特定参数 如果它大于特定值 则将其保存在寄存器中并继续进一步执行剧本 基本上 我正在对 RHEV 进行 API 调用来检查存储域 然后我想检查存储域是否有足够的空间 如果有 则将该存储域i

  • 如何在 Visual Studio 中打开 .rdl 文件？

    我有一个 rdl 文件 需要在 Visual Studio 中打开 当我尝试打开该文件时 我得到了一个 XML 文件 但是 我无法看到设计器格式 我不知道使用哪个版本的 Visual Studio 创建此 rdl 文件 是否可以在 Visu

  • 如何引导用户为我的应用程序启用辅助功能服务

    我知道不可能以编程方式启用应用程序的辅助功能服务 因此我想将用户引导至此屏幕 System settings gt Accessibility gt app name gt enable disable screen 那可能吗 您可以将它们

  • Java中使用JsonPath解析JSON

    我是 Json Path 的新手 我已将 json path 0 8 0 jar 添加到我的 Eclipse 构建路径中 我从以下位置复制了 JSON http code google com p json path http code g

  • Logback 附加程序将消息作为 HTTP 消息发布

    根据我的要求 我只想将 HTTP 消息发布到另一端 该消息由org slf4j LoggerFactory getLogger 以下 JSON 字符串记录在INFO level studentName My Name Deratment C

  • SwiftUI 检测按下删除按钮

    我正在使用 SwiftUI 但我正在编写自己的自定义文本掩码 但当用户按 删除 键时我需要删除 我正在使用onChange方法 但它不检测何时按下特殊键 目前我正在使用 TextField self placeholder text sel

  • 您可以将 window.location 设置为带有 chrome:// 的页面吗？

    我正在尝试将用户重定向到chrome settings 或者这实际上可以是带有chrome 前缀 但是window location chrome settings or window location chrome crash 不工作 有

  • 参数化单元测试套件

    我正在尝试设置一些参数化测试套件 不幸的是到目前为止还没有任何运气 我有两组参数 我想使用所有可能的组合运行多个测试用例 它们位于不同的类中 我尝试使用 JUnit4 来完成此操作 但无法正确设置 这将是我的基本想法 TestSuite1

  • 使用CefSharp捕获资源响应数据（正文）

    我正在尝试使用 CefSharp 访问 URL 并捕获在加载给定页面期间检索到的特定资源 大概作为每个资源的流或字节数组 CefSharp提供了IRequestHandler接口 您可以创建一个实现此接口的类来响应请求 响应事件 但它不以任

  • 为什么“git diff”在“git add”之后报告没有文件更改

    这是为什么git diff认为没有变化 即使git status将它们报告为modified git status On branch master Your branch is ahead of origin master by 2 co

  • ES6 模块与 HTML 导入

    HTML 导入 http www w3 org TR 2013 WD html imports 20130514 是的一部分网络组件 http www w3 org TR components intro 规范并提供一种处理 Web 依赖性

热门标签