最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

什么是 web components

那能不能基于原生的 HTML/CSS/JS 就能封裝的組件規(guī)范呢？那就是 Web Components。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供瀾滄網(wǎng)站建設(shè)、瀾滄做網(wǎng)站、瀾滄網(wǎng)站設(shè)計、瀾滄網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、瀾滄企業(yè)網(wǎng)站模板建站服務(wù)，十年瀾滄做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

Web Components 本身不是一個單獨的規(guī)范，而是由一組 DOM API 和 HTML 規(guī)范所組成，用于創(chuàng)建可復(fù)用的自定義名字的 HTML 標(biāo)簽，并且可以直接在你的 Web 應(yīng)用中使用。

組件的定義以及核心目標(biāo)

我認(rèn)為組件就是內(nèi)部抽象封裝了一定的邏輯功能，并暴露相關(guān)接口給外部調(diào)用。

它能夠完成以下的功能：

• 復(fù)用:組件將會作為一種復(fù)用單元，被用在多處。
• 解耦:組件本身隔離了變化，組件開發(fā)者和業(yè)務(wù)開發(fā)者可以根據(jù)組件的約定各自獨立開發(fā)和測試。
• 封裝:組件屏蔽了內(nèi)部的細(xì)節(jié)，組件的使用者可以只關(guān)心組件的屬性和事件和方法。
• 抽象:組件通過屬性和事件、方法等基礎(chǔ)設(shè)施提供了一種描述??UI?? 的統(tǒng)一模式，降低了使用者學(xué)習(xí)的心智成本。

那 Web Components 怎么做到以上幾點的呢？

Web Components 的核心概念

主要有以下幾點：

• Custom elements（自定義元素）：一組 JavaScript API，允許您定義 custom elements 及其行為，然后可以在您的用戶界面中按照需要使用它們。
• Shadow DOM（影子 DOM）：一組 JavaScript API，用于將封裝的“影子”DOM 樹附加到元素（與主文檔 DOM 分開呈現(xiàn)）并控制其關(guān)聯(lián)的功能。通過這種方式，您可以保持元素的功能私有，這樣它們就可以被腳本化和樣式化，而不用擔(dān)心與文檔的其他部分發(fā)生沖突。
• HTML templates（HTML 模板）：