[前端] WebComponent: LitElement

LitElement
https://github.com/Polymer/lit-element

LitElement web
https://lit-element.polymer-project.org/

2019年大前端技術趨勢深度解讀
https://pcxiaobai.com/design/front/20190318/610.html

[譯] Web Components 的高級工具
https://juejin.im/post/5caef9f25188251b2b20b20b

LitElement 是一個簡單的羽量級的快速創建 WebComponents 的基類,可以理解成是 Polymer 最小的實現版本。

LitElement 主要的特性包括 WebComponent 生命週期模型支援和單向的資料綁定模型。它遵守 WebComponents 標準,使用 lit-html 模組這個快速的 HTML 渲染引擎定義和渲染 HTML 範本。最重要的是它對流覽器相容性非常好,對主流流覽器都能有非常好的支持。由於 LitHtml 基於 tagged template,結合 ES6 中的 template,使得它無需預編譯、預處理,就能獲得流覽器原生支持,並且擴展能力更強,性能更好。


#LitElement, Component, WebComponent, Polymer, lit-html, template, ES6

留言