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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

炎炎設計 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
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號