国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

什么是Shadow DOM？

jsliang / 1518人閱讀

摘要：什么是幾周前，我寫了一篇關(guān)于究竟是什么的文章。回顧一下，文檔對(duì)象模型是文檔的表示。這些雖然當(dāng)然與原始有關(guān)，但它們指的是截然不同的概念。在以后的文章中，我將對(duì)虛擬進(jìn)行分析。

什么是Shadow DOM？

幾周前，我寫了一篇關(guān)于究竟是什么DOM的文章。回顧一下，文檔對(duì)象模型是HTML文檔的表示。瀏覽器使用它來(lái)確定頁(yè)面上要呈現(xiàn)的內(nèi)容，并通過(guò)Javascript程序來(lái)修改頁(yè)面的內(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?

在過(guò)去幾年中，您可能聽說(shuō)過(guò)“Shadow DOM”和“Virtual DOM”等術(shù)語(yǔ)。這些雖然當(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/53600.html

相關(guān)文章

  • 純?cè)M件化-模塊化的探索

    摘要：純?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ì)影響...

    張金寶 評(píng)論0 收藏0

  • Web Components 是個(gè)什么樣的東西

    摘要：生命周期和回調(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 剛出來(lái)時(shí)的 Directive 到 angular2 的 components，還有 React 的 co...

    XUI 評(píng)論0 收藏0

  • Web Components 是個(gè)什么樣的東西

    摘要：生命周期和回調(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 剛出來(lái)時(shí)的 Directive 到 angular2 的 components，還有 React 的 co...

    wizChen 評(píng)論0 收藏0

  • Web Components 是個(gè)什么樣的東西

    摘要：生命周期和回調(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 剛出來(lái)時(shí)的 Directive 到 angular2 的 components，還有 React 的 co...

    ranwu 評(píng)論0 收藏0

  • JavaScript 是如何工作: Shadow DOM 的內(nèi)部結(jié)構(gòu)+如何編寫?yīng)毩⒌慕M件！

    摘要：向影子樹添加的任何內(nèi)容都將成為宿主元素的本地元素，包括，這就是影子實(shí)現(xiàn)樣式作用域的方式。 這是專門探索 JavaScript 及其所構(gòu)建的組件的系列文章的第 17 篇。 想閱讀更多優(yōu)質(zhì)文章請(qǐng)猛戳GitHub博客,一年百來(lái)篇優(yōu)質(zhì)文章等著你！ 如果你錯(cuò)過(guò)了前面的章節(jié)，可以在這里找到它們： JavaScript 是如何工作的：引擎，運(yùn)行時(shí)和調(diào)用堆棧的概述！ JavaScript 是如何工作...

    godlong_X 評(píng)論0 收藏0

  • 什么是Shadow DOM？

    摘要：什么是幾周前，我寫了一篇關(guān)于究竟是什么的文章。回顧一下，文檔對(duì)象模型是文檔的表示。這些雖然當(dāng)然與原始有關(guān)，但它們指的是截然不同的概念。在以后的文章中，我將對(duì)虛擬進(jìn)行分析。 什么是Shadow DOM？ 幾周前，我寫了一篇關(guān)于究竟是什么DOM的文章。回顧一下，文檔對(duì)象模型是HTML文檔的表示。瀏覽器使用它來(lái)確定頁(yè)面上要呈現(xiàn)的內(nèi)容，并通過(guò)Javascript程序來(lái)修改頁(yè)面的內(nèi)容，結(jié)構(gòu)或樣式...

    SimpleTriangle 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<