Chrome 85に実験フラグ付きで実装されたDeclarative Shadow DOMについて。 `<tempalte>`要素の`showroot`属性で宣言的にShadow Root宣言できる。 SSRの対応、`getInnerHTML()`でのShaowRootの取得、Custom Elementの`attachShadow()`の挙動、細かい挙動の解説

efcl のブックマーク 2020/10/05 23:22

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4692142680515950338/comment/efcl" data-user-id="efcl" data-entry-url="https://b.hatena.ne.jp/entry/s/web.dev/articles/declarative-shadow-dom" data-original-href="https://web.dev/articles/declarative-shadow-dom" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fweb.dev%2Farticles%2Fdeclarative-shadow-dom" data-user-icon="/users/efcl/profile.png">Declarative Shadow DOM  |  web.dev</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/WebComponents">WebComponents</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/article">article</a>]</li></ul><br><p style="clear: left">Chrome 85に実験フラグ付きで実装されたDeclarative Shadow DOMについて。 `&lt;tempalte&gt;`要素の`showroot`属性で宣言的にShadow Root宣言できる。 SSRの対応、`getInnerHTML()`でのShaowRootの取得、Custom Elementの`attachShadow()`の挙動、細かい挙動の解説</p><a class="datetime" href="https://b.hatena.ne.jp/efcl/20201005#bookmark-4692142680515950338"><span class="datetime-body">2020/10/05 23:22</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Declarative Shadow DOM | web.dev

web.dev2020/09/30

Declarative Shadow DOM Stay organized with collections Save and categorize content based on your preferences. Declarative Shadow DOM is a standard web platform feature, which has been supported in ...

16 人がブックマーク・2 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Declarative Shadow DOM | web.dev

はてなブックマーク

公式Twitter

はてなのサービス