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

文章标签
web components

50 篇文章
{
,

}
Web Components 高级工具文章的直接链接
Angular React Vue Web Components

Web Components 高级工具

在本系列五篇文章的前四篇中,我们对构成 Web Components 标准的技术进行了广泛的了解。首先,我们了解了如何创建可重用的 HTML 模板,这些模板可以被…

Avatar of Caleb Williams
Caleb Williams 于 2019 年 3 月 22 日
使用 Shadow DOM 封装样式和结构文章的直接链接
Shadow DOM Web Components

使用 Shadow DOM 封装样式和结构

这是讨论 Web Components 规范的五部分系列的第四部分。在第一部分中,我们从 10,000 英尺的高度查看了规范及其功能。在第二部分中,我们着手构建一个自定义…

Avatar of Caleb Williams
Caleb Williams 于 2019 年 3 月 22 日
从头开始创建自定义元素文章的直接链接
自定义元素 Web Components

从头开始创建自定义元素

在上一篇文章中,我们通过创建一个 HTML 模板来体验 Web Components,该模板存在于文档中,但只有在需要时才会呈现。

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

Avatar of Caleb Williams
Caleb Williams 于 2020 年 8 月 26 日
创建可重用 HTML 模板文章的直接链接
HTML 模板 Web Components

创建可重用 HTML 模板

在我们上一篇文章中,我们高层次地讨论了 Web Components 规范(自定义元素、Shadow DOM 和 HTML 模板)。在本文以及接下来的三篇文章中,我们将对这些技术进行测试并…

Avatar of Caleb Williams
Caleb Williams 于 2019 年 3 月 22 日
Web Components 简介文章的直接链接
自定义元素 HTML 模板 Shadow DOM Web Components

Web Components 简介

前端开发以惊人的速度发展。无数的文章、教程和 Twitter 线程都在抱怨曾经相当简单的技术栈的现状,这证明了这一点。在本文中,我将讨论为什么 Web Components 是…

Avatar of Caleb Williams
Caleb Williams 于 2019 年 3 月 22 日
Web 标准与用户层相遇:使用 CSS-in-JS 为自定义元素设置样式文章的直接链接
CSS-in-JS Web Components

Web 标准与用户层相遇:使用 CSS-in-JS 为自定义元素设置样式

CSS-in-JS 的流行主要来自 React 社区,实际上许多 CSS-in-JS 库都是特定于 React 的。但是,就 npm 下载量而言,最流行的库Emotion是与框架无关的。

使用Shadow DOM在…

Avatar of Ollie Williams
Ollie Williams 于 2019 年 3 月 17 日
使用 HTML Slot、HTML 模板和 Shadow DOM 从内容中提取文本文章的直接链接
Web Components

使用 HTML Slot、HTML 模板和 Shadow DOM 从内容中提取文本

书籍中的章节名称、演讲中的引语、文章中的关键词、报告中的统计数据——所有这些都是可以帮助分离并转化为重要内容高级摘要的内容类型。

例如,…

Avatar of Preethi
Preethi 于 2019 年 3 月 6 日
设置 Web Components 样式文章的直接链接
自定义属性 Shadow DOM Web Components

设置 Web Components 样式

这让我困惑了一会儿,所以我在脑海中清晰的时候写了下来。仅仅因为您使用的是 Web Components,并不意味着它的样式完全隔离。您可能在 Web…

Avatar of Chris Coyier
Chris Coyier 于 2020 年 1 月 10 日
Google Labs Web Components 文章的直接链接
自定义属性 Google Web Components

Google Labs Web Components

我认为看到Google发布有趣的 Web Components 的代码库是一件很酷的事情。它展示了酷炫的新 Web 功能的可能性,并允许他们以与完全 Web 标准兼容的方式发布这些功能。

以下是一个:…

Avatar of Chris Coyier
Chris Coyier 于 2018 年 12 月 10 日
  • 更新
  • 1
  • ...
  • 4
  • 5
  • 6
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

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

© 2024 . All rights reserved.