@webcomponents / 博客 RSS 訂閱

Nov 08 2023

DisLido - 在shadowRoot裏獲取光標(selection)信息

3大瀏覽器,3種不一樣的處理方式😅 getSelectionAndRange() { let selection = document.getSelection(); if (!selection) return null; // 規範 getComposedRanges, CH--FF--SF17 if ('getComposedRanges' in se

富文本編輯器 , webcomponents , HTML , 前端 , Javascript

收藏 評論

Apr 01 2021

Shenfq - 下一代的模板引擎：lit-html

前面的文章介紹了 Web Components 的基本用法，今天來看看基於這個原生技術，Google 二次封存的框架 lit-html。 其實早在 Google 提出 Web Components 的時候，就在此基礎上發佈了 Polymer 框架。只是這個框架一直雷聲大雨點小，內部似乎也對這個項目不太滿意，然後他們團隊又開發了兩個更加現代化的框架（或者説是庫？）： lit-html、lit-ele

模板引擎 , webcomponents , HTML , 前端

收藏 評論