当前位置:   article > 正文

Web Component-初识_uncaught domexception: failed to execute 'define'

uncaught domexception: failed to execute 'define' on 'customelementregistry

Web Component 有点东西

什么是 Web Component

Web Components 是一套不同的技术,允许您创建可重用的定制元素(它们的功能封装在您的代码之外)并且在您的 web 应用中使用它们。–MDN

简单来讲就是浏览器提供的原生组件复用方案。主要由三种技术方案实现:

  • Custom elements(自定义元素)。可以用来定义标签(元素)

  • Shadow DOM(影子 DOM)。可以用来做样式隔离

  • HTML templates(HTML 模板)。可以用来定义一个基础的组件的dom结构

怎么用 Web Component

实现 Web Component 的最基本流程:

  1. 使用template来定义一个_组件_的dom
<template id="mHeader">
  <div>
    <span class="content" id="content">我是头部</span>
  </div>
</template> 
  • 1
  • 2
  • 3
  • 4
  • 5
  1. 接着基于
    声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/93176
推荐阅读
相关标签