日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

什么是 web components

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

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

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

組件的定義以及核心目標

我認為組件就是內部抽象封裝了一定的邏輯功能，并暴露相關接口給外部調用。

它能夠完成以下的功能：

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

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

Web Components 的核心概念

主要有以下幾點：

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