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
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
留言
張貼留言