- 综合排序
- 最热优先
- 最新优先
- 来自专栏flytam之深入前端技术栈
初识web-components & todolist实现
这应该是css最完美的解决方案了，目前很多组件化css解决方案css modules、各种css in js都不太优雅 // this是custom-element const shadow = templateContent.cloneNode(true)); } }) slot用法则和vue的基本一致 使用 web-components的使用非常方便，有几种方法 1、直接html中使用自定义标签 <custom-element ></custom-element> 2、通过js引入 const CustomElement = customElements.get('custom-element'); const customElement
1K20发布于 2020-01-14 - 来自专栏偏前端工程师的驿站
WebComponent魔法堂:深究Custom Element 之 面向痛点编程
alert', el => new Alert(el)) 总结 千辛万苦撸了个基本不可用的自定义元素模式，但通过代码我们进一步了解到对于自定义元素我们需要以下基本特性: 自定义元素可通过原有的方式实例化(<custom-element ></custom-element>,new CustomElement()和document.createElement('CUSTOM-ELEMENT')) 可通过原有的方法操作自定义元素实例(如document.body.appendChild
1K50发布于 2018-01-18 - 来自专栏ceshiren0001
Playwright初学指南 (3)：深入解析交互操作
阴影DOM(Shadow DOM)穿透 // 直接定位Shadow DOM内部元素 await page.locator('custom-element::shadow div.content').click $eval('custom-element', el => el.shadowRoot.querySelector('.button') ); await handle.click(); 六、等待策略
43811编辑于 2025-08-14 - 来自专栏偏前端工程师的驿站
WebComponent魔法堂:深究Custom Element 之 标准构建
但这种简单粗暴的自定义元素并不是我们需要的，我们需要的是具有以下特点的自定义元素： 自定义元素可通过原有的方式实例化(<custom-element></custom-element>,new CustomElement ()和document.createElement('CUSTOM-ELEMENT')) 可通过原有的方法操作自定义元素实例(如document.body.appendChild,可被CSS样式所修饰等
1.1K100发布于 2018-01-18 - 来自专栏madMen
通过 DOM Clobbering 发现 GMail AMP4Email 的 XSS 漏洞
1;elsevoid0=== c.scriptPresent && (d = this.win.document.head.querySelector('[custom-element="'+ a + "custom-template": "custom-element", a); b.setAttribute("data-script", a);
1.5K20发布于 2019-11-28 - 来自专栏Web行业观察
前端原生开发解决方案
</style> `; customElements.define( "custom-element", class extends HTMLElement { constructor(
1.9K30编辑于 2022-03-15 - 来自专栏终身学习者
VUE3 教程：理工直男都是如何一步一步带妹构建插件？
一些常用插件有vue-router、vue custom-element 和 vue-touch。 然而，总会有时候，没有一个插件能满足我们的需求时，我们就需要自己写个插件满足产品的口味。
62710编辑于 2022-06-15 - 来自专栏厦门SEO
Google - AMP框架分析及外贸站接入解决方案！
jpg" ], "datePublished": "2015-02-05T08:00:00+08:00" } script> <script async custom-element
3.7K70发布于 2018-11-06
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号