資訊專欄INFORMATION COLUMN
摘要：什么是幾周前，我寫了一篇關(guān)于究竟是什么的文章。回顧一下，文檔對(duì)象模型是文檔的表示。這些雖然當(dāng)然與原始有關(guān)，但它們指的是截然不同的概念。在以后的文章中，我將對(duì)虛擬進(jìn)行分析。
什么是Shadow DOM？
幾周前，我寫了一篇關(guān)于究竟是什么DOM的文章。回顧一下，文檔對(duì)象模型是HTML文檔的表示。瀏覽器使用它來確定頁面上要呈現(xiàn)的內(nèi)容，并通過Javascript程序來修改頁面的內(nèi)容，結(jié)構(gòu)或樣式。
例如，讓我們采用以下HTML文檔：
My first web page Hello, world!
How are you?
上面的HTML文檔將產(chǎn)生以下DOM樹。
html
head
title
My first web page
body
h1
Hello, world!
p
How are you?
在過去幾年中，您可能聽說過“Shadow DOM”和“Virtual DOM”等術(shù)語。這些雖然當(dāng)然與原始DOM有關(guān)，但它們指的是截然不同的概念。在本文中，我將詳細(xì)介紹Shadow DOM以及它與原始DOM的區(qū)別。在以后的文章中，我將對(duì)虛擬DOM進(jìn)行分析。
一切都是 global 的文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/101271.html
摘要：純?cè)慕M件化模塊化的一次小小的嘗試，用到了如下幾個(gè)新特性對(duì)標(biāo)簽結(jié)構(gòu)的一個(gè)封裝，真正意義上的組件，能保證中的元素不會(huì)被外界影響，內(nèi)部也不會(huì)影響到外部的行為，變成了一個(gè)獨(dú)立的模塊。 純?cè)慕M件化、模塊化的一次小小的嘗試，用到了如下幾個(gè)新特性：shadown-DOM 對(duì)HTML標(biāo)簽結(jié)構(gòu)的一個(gè)封裝，真正意義上的組件，能保證 shadow-DOM 中的DOM元素不會(huì)被外界影響，內(nèi)部也不會(huì)影響...
摘要：生命周期和回調(diào)在這個(gè)的基礎(chǔ)上，標(biāo)準(zhǔn)提供了一系列控制自定義元素的方法。生命周期和自定義元素標(biāo)簽的保持一致。否則，這個(gè)屬性會(huì)返回一個(gè)表示引入的文件的文檔對(duì)象，類似于。相關(guān)的東西不多，而且它現(xiàn)在已經(jīng)是納入生效的標(biāo)準(zhǔn)文檔中了。 前端組件化這個(gè)主題相關(guān)的內(nèi)容已經(jīng)火了很久很久，angular 剛出來時(shí)的 Directive 到 angular2 的 components，還有 React 的 co...
摘要：生命周期和回調(diào)在這個(gè)的基礎(chǔ)上，標(biāo)準(zhǔn)提供了一系列控制自定義元素的方法。生命周期和自定義元素標(biāo)簽的保持一致。否則，這個(gè)屬性會(huì)返回一個(gè)表示引入的文件的文檔對(duì)象，類似于。相關(guān)的東西不多，而且它現(xiàn)在已經(jīng)是納入生效的標(biāo)準(zhǔn)文檔中了。 前端組件化這個(gè)主題相關(guān)的內(nèi)容已經(jīng)火了很久很久，angular 剛出來時(shí)的 Directive 到 angular2 的 components，還有 React 的 co...
摘要：生命周期和回調(diào)在這個(gè)的基礎(chǔ)上，標(biāo)準(zhǔn)提供了一系列控制自定義元素的方法。生命周期和自定義元素標(biāo)簽的保持一致。否則，這個(gè)屬性會(huì)返回一個(gè)表示引入的文件的文檔對(duì)象，類似于。相關(guān)的東西不多，而且它現(xiàn)在已經(jīng)是納入生效的標(biāo)準(zhǔn)文檔中了。 前端組件化這個(gè)主題相關(guān)的內(nèi)容已經(jīng)火了很久很久，angular 剛出來時(shí)的 Directive 到 angular2 的 components，還有 React 的 co...
摘要：向影子樹添加的任何內(nèi)容都將成為宿主元素的本地元素，包括，這就是影子實(shí)現(xiàn)樣式作用域的方式。 這是專門探索 JavaScript 及其所構(gòu)建的組件的系列文章的第 17 篇。 想閱讀更多優(yōu)質(zhì)文章請(qǐng)猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你！ 如果你錯(cuò)過了前面的章節(jié)，可以在這里找到它們： JavaScript 是如何工作的：引擎，運(yùn)行時(shí)和調(diào)用堆棧的概述！ JavaScript 是如何工作...
摘要：什么是幾周前，我寫了一篇關(guān)于究竟是什么的文章。回顧一下，文檔對(duì)象模型是文檔的表示。這些雖然當(dāng)然與原始有關(guān)，但它們指的是截然不同的概念。在以后的文章中，我將對(duì)虛擬進(jìn)行分析。 什么是Shadow DOM？ 幾周前，我寫了一篇關(guān)于究竟是什么DOM的文章。回顧一下，文檔對(duì)象模型是HTML文檔的表示。瀏覽器使用它來確定頁面上要呈現(xiàn)的內(nèi)容，并通過Javascript程序來修改頁面的內(nèi)容，結(jié)構(gòu)或樣式...
閱讀 3110·2021-11-10 11:36
閱讀 3312·2021-10-13 09:40
閱讀 6051·2021-09-26 09:46
閱讀 662·2019-08-30 15:55
閱讀 1410·2019-08-30 15:53
閱讀 1580·2019-08-29 13:55
閱讀 2997·2019-08-29 12:46
閱讀 3204·2019-08-29 12:34
