javascript - lit-element 和 lit-html 有什么区别?

标签 javascript web-component lit-element lit-html lit

我一直在学习 Polymer,这是 - 网络的 future ( lit-element & lit-html )
我明白了点亮 html 用于使用几种有效技术的 HTML 模板。
同时点亮元素 是一个轻量级 Web 组件基类,具有 点亮 html 在里面。
问题:如果 点亮元素 自带点亮 html ,我只会使用 点亮元素 为了我的所有目的。 到底是什么意思?点亮 html 用自己的独立上下文明确地做。
应该选择点亮元素 点亮 html 在开发独立的 Web 应用程序时?
任何有关指导的帮助都会有很大帮助!

最佳答案

首先,让我们澄清以下几点:

  • Web Components
    现代浏览器默认支持技术。你可以建立
    使用浏览器 API 的 Web 组件应用程序。
  • HTML 模板至少从 2013 年就已经存在。
  • lit-element library 是 Web Components 的“轻量级”版本。如果你想在 Web Component 中构建一个应用程序,你会使用它,如果你这样做,你会使用它的内置 lit-html通过 html创建 HTML templates

    另一方面,正如您所说,lit-html是一个具有创建和更新 HTML 模板的有效机制的库。无论您为网站使用的框架/库(如果有)如何,您都可以在需要 HTML 模板时使用它。

    例如,您可以使用 jQuery 建立一个网站。或 Vanilla Web Components并使用 lit-html创建 HTML 模板。

    关于javascript - lit-element 和 lit-html 有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62413101/

    相关文章:

    javascript - setProperty 不是函数(...)

    javascript - javascript 变量作用域的问题

    javascript - 导入 serval webcomponent 时,前一个自定义元素被下一个元素覆盖

    polymer - 带 Typescript 的 LitElement,无法访问 ShadowRoot dom

    polymer - 如何通过 shadow-dom 将全局 css 应用到 web 组件

    javascript - 平均多个数组的每一项(不同的数组长度和相同的数组名称)

    javascript - 在没有服务器端渲染(cookie)的情况下使用 CSP 随机数

    javascript - 在另一个 Web 组件中定义一个 Web 组件,而不污染全局命名空间

    javascript - 如何在 Polymer 中使纸菜单按钮下拉透明?

    JavaScript 导入 lit-element 在浏览器中出现 404 未找到错误