document-register-element

最新推荐文章于 2022-03-12 16:45:55 发布
最新推荐文章于 2022-03-12 16:45:55 发布
阅读量412 收藏
点赞数
原文链接：http://www.cnblogs.com/ruijielou/p/5632610.html
版权
document-register-element

自定义元素的一个规范

 A stand-alone working lightweight version of the W3C Custom Elements specification.

npm install document-register-element 通过npn install 进行全局安装，使用模块儿化开发加入项目依赖

使用commonJS的可以直接在项目里require（‘document-register-element'）

或者可以内嵌到你的html页面，下载文件包，用script标签引入

creatcallback:创建元素实例
attachedcallback：插入实例
deletedcallback：删除实例
attribultChangeCallback:添加移除和修改一个属性


借助document-register-element就可以随心所欲的创建我们的html标签，再也不用div的深层嵌套，
不是一个合法的自定义元素继承自HTMLKnowElement.prototype 这是html的规定
标准的自定义元素继承自HTMLElement.prototype



转载于:https://www.cnblogs.com/ruijielou/p/5632610.html

weixin_34248849
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
document-register-element：W3C自定义元素规范的独立工作轻量级版本
02-21
不推荐使用 这种polyfill在过去6年中一直很好地服务于Web，但是现在是时候使用仅V1的polyfill了，它包括内置的自定义元素，就像以前那样扩展了。 这样的在npm中为 ，它为每个浏览器执行所有功能检测，而无需担心任何事情。 < script src =" //unpkg.com/@ungap/custom-elements " > </ script > < script > // alternatively, if bundlers are around import '@ungap/custom-elements' ; // or require ( '@ungap/custom-elements' ) ; </ script > 但是，如果您需要的是没有内置扩展的自定义元素，那么@ungap/custom-elements ， @ungap/custom-elem
构建angular组件库_使用Angular元素构建可重用组件
culiu9261的博客
07-21 626
构建angular组件库Code reuse can be significant in any software project. By reusing code, developers can drastically cut development and maintenance time for software projects. This is the reason that every...
调试QWebEngineView中的HTML时，调试页面空白，出现document.registerElement is not a function的原因和解决办法
TinyHou的博客
06-22 5647
进入远程调试的页面后没有反应，打开chrome的调试界面出现Uncaught TypeError: document.registerElement is not a function这一错误，可能是由chrome版本问题导致。
前端项目-document-register-element.zip
09-03
前端项目-document-register-element,W3C自定义元素规范的独立工作轻量级版本
miniblink支持Web Components的Document.registerElement了
weolar的专栏
06-09 1744
其实就是把之前干掉的dom/custom目录下的东西加了回来。又增大了点大小了
mithril-elements:mithril.js 和 document-register-element
06-16
秘银元素 使用 mithriljs 和 document-register-element（webcomponent 实现）测试 repo。 还为 CSS 使用 Recycle
custom-element-shim:使用 document-register-element 支持 IE8 和 amd 的 document.registerElement 垫片
06-09
自定义元素垫片 使用 document-register-element 支持 IE8 和 amd 的 document.registerElement 垫片
awesome-webcomponents
05-29
被贬低 这个框架是在最早的时候创建的，用于支持 Web 组件。 不再需要它，而且我...Firefox >=45 支持包含./bower_components/document-register-element/build/document-register-element.js所需的./bower_component
Uncaught TypeError: document.registerElement is not a function at Object.UI.registerCustomElement
Flora_SM的博客
09-23 1012
谷歌浏览器报错： Uncaught TypeError: document.registerElement is not a function at Object.UI.registerCustomElement (shell.js:3109) 原因：谷歌浏览器版本兼容问题， document.registerElement 特性在谷歌80版本下是支持的，但是在80版本之上不支持，所以下载谷歌低版本就能解决该问题。 ...
如何在vue3项目中方便的引入Element plus并且进行配置注册并且方便使用
zayyo的博客
03-12 5738
首先如果我们使用的是volar，在 tsconfig.json 中通过 compilerOptions.type 指定全局组件类型。 // tsconfig.json { “compilerOptions”: { // … “types”: [“element-plus/global”] } } 第二、需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件 npm install -D unplugin-vue-components unplu
Vue3.0中element-plus按需引入
weixin_45389051的博客
08-01 3998
首先安装一个按需导入插件 yarn add babel-plugin-import -D 然后在babel.config.js中，没有的话创建一个 module.exports = { plugins: [ [ 'import', { libraryName: 'element-plus', customStyleName: (name) => { return `element-plus/lib/theme-c
element-resize-detector
最新发布
02-06
element-resize-detector是一个用于检测HTML元素尺寸变化的JavaScript库。它可以帮助你在元素的尺寸发生变化时执行某些操作。它使用了一些技巧来检测尺寸变化，包括使用滚动条和监听resize事件。你可以通过在你的HTML文档中引入该库的脚本文件来使用它，然后通过调用相应的JavaScript函数来使用它。 例如，你可以这样使用它： ``` // 引入 element-resize-detector 脚本文件 <script src="/path/to/element-resize-detector.js"></script> // 使用 element-resize-detector // 获取需要监听尺寸变化的元素 var element = document.getElementById('my-element'); // 创建 element-resize-detector 实例 var erd = elementResizeDetectorMaker(); // 监听尺寸变化 erd.listenTo(element, function() { // 在元素尺寸发生变化时执行这里的代码 console.log('element size changed!'); }); // 停止监听尺寸变化 erd.uninstall(element); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值