使用多种聚合物元素时如何避免重复进口聚合物?

时间:2017-08-06 15:24:53

标签: javascript polymer

我是聚合物2的新手,似乎要加载聚合物元素,你导入一个包含这3个html导入的html文件:

def n_l_sum(n):
    s=0
    for i in n:
        if i==list:
            s+=i
        else:
            s+=n_l_s(n)
    return s

如果我然后将5个不同元素的5个聚合物元素html文件导入我的主页面,我将获得上述3个导入的5倍。你如何避免所有重复,并大量导入DOM?

我是否应该手动删除5个文件中的所有import语句?只保留1个?

https://www.polymer-project.org/2.0/start/quick-tour

由于

1 个答案:

答案 0 :(得分:4)

这些都不是必需的,因为HTML Imports是按设计重复数据删除的。

这意味着任何<link rel="import" href="polymer.html">的出现都只能由浏览器下载一次。

另一方面,大多数导入的HTML不会直接包含HTML,而是脚本和HTML templates。然后使用这些模板创建要插入页面的实际HTML内容。最值得注意的是,这些模板定义了自定义元素的外观。

您将看到这些部分如何完成以创建Web组件规范:

  • 自定义元素定义Web组件的构建块
  • 自定义元素的行为和外观(粗略地说),但 HTML模板和脚本
  • 这些脚本作为 HTML导入
  • 使用的自包含HTML文件进行分发