已解決430363個問題，去搜搜看，總會有你想問的

lit-element 和 lit-html 有什么區別？

首頁猿問 lit-element 和...

lit-element 和 lit-html 有什么區別？

JavaScript

炎炎設計 2022-10-08 17:58:54

我一直在學習 Polymer，這就是進來的 - 網絡的未來 ( lit-element & lit-html )我知道lit-html是用于 HTML 模板的，它采用了幾種有效的技術。同時lit-element是一個輕量級的 Web 組件基類，其中包含lit-html。問題：如果lit-element帶有lit-html，我將僅將lit-element用于我的所有目的。lit-html究竟用自己的獨立上下文明確地做了什么。在開發獨立的 Web 應用程序時應該選擇lit-element還是lit-html ？任何有關指導的幫助都會有很大幫助！

查看完整描述

2 回答

慕的地6264312

TA貢獻1817條經驗獲得超6個贊

首先，讓我們澄清以下幾點：

現代瀏覽器默認支持Web Components技術。您可以使用瀏覽器的 API 構建 Web 組件應用程序。
HTML 模板至少從 2013 年就已經存在。

lit-elementlibrary 是 Web Components 的“輕量級”版本。如果你想在 Web Component 中構建一個應用程序，你會使用它，如果你這樣做，你將使用它的內置lit-htmlviahtml來創建HTML 模板

另一方面，正如您所說，lit-html是一個具有創建和更新 HTML 模板的有效機制的庫。無論您為網站使用的框架/庫（如果有）如何，您都可以在需要 HTML 模板時使用它。

例如，您可以使用jQuery或 vanilla Web Components構建網站并lit-html用于創建 HTML 模板。

反對回復 2022-10-08

翻過高山走不出你

TA貢獻1875條經驗獲得超3個贊

lit-html 是一個像其他庫一樣處理 dom 渲染的庫，例如 React 它使用最新的方法來區分 dom 樹，并借助本機標記模板。

var h1 = html`<h1>Header 1 <h1>`

像任何其他框架/庫（例如 JSX）一樣，它還為您提供了在標記模板和指令內的構造以提供幫助。

LitElement 是一個使用 lit-html 作為渲染引擎的輕量級框架。它為您提供觀察到的屬性、屬性和 Web 組件生命周期回調

對于 Web 應用程序，您應該使用 LitElement，如果您不想重新發明數據綁定、緩存、回調等。您肯定需要更多像狀態跟蹤、路由等，您可以從其他庫中使用或開發自己的庫。

反對回復 2022-10-08

2 回答
0 關注
196 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

lit-element 和 lit-html 有什么區別？

lit-element 和 lit-html 有什么區別？

2 回答

添加回答

lit-element 和 lit-html 有什么區別？

lit-element 和 lit-html 有什么區別？