Lit？是什么？他能給我們帶來(lái)什么？為什么能統(tǒng)一所有前端組件？
vue、react、angular等等，不管你怎么寫代碼，不可否認(rèn)的是他們都在瀏覽器有使用，現(xiàn)在有很多公共的組件庫(kù)，當(dāng)然也有大廠公司自己的組件庫(kù)，那么有沒(méi)有一個(gè)組件庫(kù)能同時(shí)支持所有運(yùn)行在瀏覽器的組件庫(kù)，它來(lái)了，它走著六親不認(rèn)的步伐，它來(lái)了。Lit?。。?/p>

它的特點(diǎn)：
1.跳過(guò)模版。Lit 建立在 Web Components 標(biāo)準(zhǔn)之上，添加了讓你對(duì)組件所需的一切：反應(yīng)性、聲明性模板和一些周到的功能，以減少樣板并讓您的工作更輕松。每個(gè) Lit 功能都經(jīng)過(guò)精心設(shè)計(jì)，考慮到了 Web 平臺(tái)的演變。
2.占地面積小，即時(shí)更新。重量約為 5 KB（縮小和壓縮），Lit 有助于保持包的大小和加載時(shí)間短。渲染速度非?？欤?yàn)?Lit 在更新時(shí)只接觸 UI 的動(dòng)態(tài)部分——無(wú)需重建虛擬樹并將其與 DOM 進(jìn)行比較。
3.可互操作且面向未來(lái)。每個(gè) Lit 組件都是原生 Web 組件，具有互操作性的超強(qiáng)能力。Web 組件可以在您使用 HTML 的任何地方使用，可以使用任何框架或根本不使用。這使 Lit 成為構(gòu)建可共享組件、設(shè)計(jì)系統(tǒng)或可維護(hù)、面向未來(lái)的站點(diǎn)和應(yīng)用程序的理想選擇。

它的要素：

自定義元素
Lit 組件是標(biāo)準(zhǔn)的自定義元素，因此瀏覽器將它們視為內(nèi)置元素。在手寫的 HTML 或框架代碼中使用它們，從您的 CMS 或靜態(tài)站點(diǎn)構(gòu)建器輸出它們，甚至在 JavaScript 中創(chuàng)建實(shí)例——它們只是工作！

范圍樣式
默認(rèn)情況下，Lit 使用Shadow DOM限定您的樣式。這使您的 CSS 選擇器保持簡(jiǎn)單，并確保您的組件的樣式不會(huì)影響 - 也不會(huì)受到 - 頁(yè)面上的任何其他樣式的影響。

反應(yīng)性質(zhì)
聲明反應(yīng)性屬性以對(duì)組件的 API 和內(nèi)部狀態(tài)進(jìn)行建模。每當(dāng)反應(yīng)性屬性（或相應(yīng)的 HTML 屬性）發(fā)生變化時(shí)，Lit 組件都會(huì)有效地重新渲染。

聲明式模板
Lit 模板基于標(biāo)記的模板文字，簡(jiǎn)單、富有表現(xiàn)力且快速，具有內(nèi)聯(lián)原生 JavaScript 表達(dá)式的 HTML 標(biāo)記。無(wú)需學(xué)習(xí)自定義語(yǔ)法，無(wú)需編譯。

這些已經(jīng)夠了。那么期待，創(chuàng)新的UI出來(lái)吧！可能你就是最新的那個(gè)創(chuàng)造者