跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
custom elements

11篇文章
{
,

}
直接链接到文章“以无障碍和国际化为目标制作日历”
自定义元素 i18n 地区

以无障碍和国际化为目标制作日历

快速搜索 CSS-Tricks,就可以发现制作日历的方法有很多。有些展示了如何用 CSS Grid 有效地创建布局。有些尝试将实际数据融入其中。有些...

Avatar of Mads Stoumann
Mads Stoumann 发表于 2024年5月17日
直接链接到文章“一种懒加载自定义元素的方法”
自定义元素 懒加载 Web Components

一种懒加载自定义元素的方法

我们都是自定义元素的粉丝。它们的設計使它們特别适合懒加载,这可以极大地提升性能。

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

Avatar of Frederik Dohr
Frederik Dohr 发表于 2023年2月13日
直接链接到文章“在 Svelte 中使用自定义元素”
自定义元素 svelte

在 Svelte 中使用自定义元素

Svelte 完全支持自定义元素(例如<my-component>)无需任何自定义配置或包装组件,并在Custom Elements Everywhere中获得了满分。但是,仍然有一些需要注意的细节,特别是围绕...

Avatar of Geoff Rich
Geoff Rich 发表于 2021年6月22日
直接链接到文章“使用 ElementInternals 创建自定义表单控件”
自定义元素 ElementInternals 表单

使用 ElementInternals 创建自定义表单控件

自从人类诞生以来,就梦想着对表单元素有更多控制权。好吧,我可能有点夸大其词了,但创建或自定义表单组件一直是前端网页开发的圣杯...

Avatar of Caleb Williams
Caleb Williams 发表于 2021年6月25日
直接链接到文章“Web Components 比你想象的更容易”
自定义元素 Web Components

Web Components 比你想象的更容易

当我参加会议(当我们能够做这些事情的时候)并看到有人做关于 Web Components 的演讲时,我一直觉得它很不错(是的,显然,我来自1950年),但它总是看起来很复杂...

Avatar of John Rhea
John Rhea 发表于 2022年2月28日
直接链接到文章“将 React 与自定义元素集成的三种方法”
自定义元素 react

将 React 与自定义元素集成的三种方法

在我作为一名网页开发人员,身处设计和代码交汇处的角色中,我被 Web Components 的可移植性所吸引。这很合理:自定义元素是功能齐全的 HTML 元素,可在所有现代...

Avatar of Caleb Williams
Caleb Williams 发表于 2021年1月15日
直接链接到文章“使用 watched-box 和 resizeasaurus 玩转(伪)容器查询”
容器查询 自定义元素

使用 watched-box 和 resizeasaurus 玩转(伪)容器查询

Heydon 的<watched-box> 是一个非常棒的工具。它是一个自定义元素,本质上是通过根据大小断点添加的类名来实现容器查询,这些断点是使用 ResizeObserver 计算的。它就像一个...

Avatar of Chris Coyier
Chris Coyier 发表于 2020年5月4日
直接链接到文章“吐司”
自定义元素

吐司

有一天,突然之间,我开始听到关于吐司的笑话。我不知道上下文是什么。我假设一些朋友只是开始讲吐司笑话,这并不罕见。但事实证明,它...

Avatar of Chris Coyier
Chris Coyier 发表于 2019年7月2日
直接链接到文章“从零开始创建自定义元素”
自定义元素 Web Components

从零开始创建自定义元素

在上一篇文章中,我们通过创建一个在文档中但直到需要时才渲染的 HTML 模板,对 Web Components 进行了实践。

接下来,我们将继续我们的探索,创建...

Avatar of Caleb Williams
Caleb Williams 发表于 2020年8月26日
  • 1
  • 2
  • 更早

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

订阅我们的精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律声明
  • 获取免费额度!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.