跳到主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 洗牌
搜索

文章标签
web components

49篇文章
{
,

}
文章的直接链接 Web Components 上的回调函数?
Web Components

Web Components 上的回调函数?

来自 Chris Ferdinandi 的宝石,详细介绍了如何使用自定义事件来挂钩 Web Components。更重要的是,Chris 认真解释了为什么自定义事件比回调函数更适合。

使用典型的 JavaScript 库,您传递

…
Avatar of Geoff Graham
Geoff Graham 于 2024 年 8 月 22 日
文章的直接链接 HTML Web Components 使渐进增强和 CSS 封装更轻松!
级联 渐进增强 Web Components

HTML Web Components 使渐进增强和 CSS 封装更轻松!

我必须感谢 Jeremy Keith 和他的 极具洞察力的文章,该文章发布于去年年底,向我介绍了 HTML Web Components 的概念。这对我来说是一个“啊哈!”时刻。

当您将一些现有标记包装在

…
Avatar of Kev Bonett
Kev Bonett 于 2024 年 8 月 6 日
文章的直接链接 与 Dave Rupert 一起进行 Smashing Hour
采访 Web Components

与 Dave Rupert 一起进行 Smashing Hour

Smashing Magazine 邀请我与“Uncle” Dave Rupert 坐下来进行一对一交流,讨论 Web Components,是的,还要了解 Dave 在微软的新工作以及 ShopTalk 的联合主持人目前正在进行的工作。…

Avatar of Geoff Graham
Geoff Graham 于 2024 年 8 月 9 日
文章的直接链接 :defined
Web Components

:defined

:defined 伪类选择器是 CSS 选择器级别 4 规范 的一部分,允许您定位使用 Web Components API 创建并在 JavaScript 中定义的自定义元素。此外,此选择器匹配内置在浏览器中的任何标准元素。…

Avatar of Mojtaba Seyedi
Mojtaba Seyedi 于 2024 年 6 月 7 日
文章的直接链接 懒加载自定义元素的方法
自定义元素 懒加载 Web Components

懒加载自定义元素的方法

我们在这里是 自定义元素 的粉丝。它们的設計使其 特别适合懒加载,这可以有利于性能。

受 一位同事 的实验的启发,我最近开始编写一个简单的自动加载器:每当自定义……

Avatar of Frederik Dohr
Frederik Dohr 于 2023 年 2 月 13 日
文章的直接链接 使用 Next(或任何 SSR 框架)的 Web Components
服务器端渲染 Web Components

使用 Next(或任何 SSR 框架)的 Web Components

在我的 上一篇文章 中,我们研究了 Shoelace,它是一个组件库,具有全套的 UX 组件,这些组件美观、易于访问,并且——或许出乎意料——使用 Web Components 构建。这意味着它们可以用来……

Avatar of Adam Rackis
Adam Rackis 于 2022 年 10 月 5 日
文章的直接链接 介绍 Shoelace,一个独立于框架的基于组件的 UX 库
框架 Web Components

介绍 Shoelace,一个独立于框架的基于组件的 UX 库

这是一篇关于 Shoelace 的文章,它是 Cory LaViska 的组件库,但有其独特之处。它定义了所有标准的 UX 组件:选项卡、模态、手风琴、自动完成以及 更多、更多。它们看起来很漂亮,从……

Avatar of Adam Rackis
Adam Rackis 于 2022 年 10 月 4 日
文章的直接链接 构建与 React 兼容的互操作 Web Components
react Web Components

构建与 React 兼容的互操作 Web Components

我们这些担任了几年 Web 开发人员的人可能都使用过不止一个 JavaScript 框架编写代码。有了所有现有的选择——React、Svelte、Vue、Angular、Solid——这几乎是不可避免的。一个……

Avatar of Adam Rackis
Adam Rackis 于 2022 年 6 月 7 日
文章的直接链接 Web Component 伪类和伪元素比您想象的更容易
::part ::slotted :host Web Components

Web Component 伪类和伪元素比您想象的更容易

我们在这篇关于 Web Components 的 持续系列文章 中讨论了很多关于在内部使用 CSS 的内容,但是有一些特殊的伪元素和伪类,就像好朋友一样,在你……之前会乐于闻到你可能令人反感的呼吸。

Avatar of John Rhea
John Rhea 于 2022 年 3 月 2 日
  • 1
  • 2
  • 3
  • ...
  • 6
  • 较旧的

CSS-Tricks 由 DigitalOcean 提供支持。

通过我们精心制作的新闻稿,

随时了解 Web 开发动态

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 源
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.