【问题标题】:Template html and template string in web componentsWeb 组件中的模板 html 和模板字符串
【发布时间】:2017-05-28 23:16:33
【问题描述】:

是使用 html 模板(然后是 html 导入)创建 Web 组件还是使用模板字符串更好?这些方法的优缺点是什么?

【问题讨论】:

    标签: web-component template-literals html-imports html5-template


    【解决方案1】:

    使用 html 模板文件 更好地重用:同一个文件可以用于不同的 Web 组件。此外,它们在大多数 IDE 中都能更好地显示,因为它们被识别为完整的 HTML 代码。

    使用 模板字符串 更快(内联)。他们不依赖并非所有浏览器供应商都采用的 HTML 导入。您也可以使用template literals 直接在 DOM 中插入 JavaScript 变量的值。

    实际上并没有太大的差异,因为上面列出的每个差异都有一个解决方法(即,如果将模板字符串保存为文本文件,您可以重复使用它们,或者您可以使用我们的 HTML 导入加载 html 模板)。

    【讨论】:

    • 谢谢。所有浏览器都会采用 HTML Imports 吗?
    • 不是 Mozilla(直到现在),其他的还没有上位,但是 polyfill 很好!
    • 既然不推荐使用 html 导入,这仍然是一个有效的答案吗?
    • @GrantNoe,html模板文件可以通过fetch API导入
    猜你喜欢
    • 2016-12-17
    • 2012-08-15
    • 1970-01-01
    • 2018-06-05
    • 2016-02-23
    • 2018-07-05
    • 1970-01-01
    • 1970-01-01
    • 2016-06-08
    相关资源
    最近更新 更多