了解元素何时可见的 Intersection Observer 的一些功能用途
你可能不知道,但 JavaScript 近年来一直在悄悄地积累着大量的观察者,Intersection Observer 就是其中之一。观察者 是实时发现事物的对象 - 就像观鸟者去 ...
使用 HTML Slot、HTML 模板和 Shadow DOM 从内容中提取文本
书籍中的章节名称、演讲中的引用、文章中的关键词、报告中的统计数据 - 所有这些都是可以隔离并转化为重要内容的高级摘要的类型。
例如,...
使用鲜为人知的 CSS element() 函数创建小地图导航器
W3C 的 CSS 工作组经常为我们提供出色的 CSS 功能来实验。有时我们偶然发现了一些非常酷的东西,它让我们脸上露出笑容,但它很快就会消失,因为我们认为,“这太棒了,但...
使用 box-decoration-break 装饰文本行
机构的座右铭、艺术家的简介、公司的口号、社区的原则、服务的问候... 它们都有一个共同点:它们是一个简短的段落,显示在网站的首页上 - 或者至少在关于页面上!...
使用 CSS 计数器和 CSS Grid 计数
在这篇文章中,我们将演示如何使用 CSS Grid 的源顺序独立性来解决源顺序约束导致的布局问题。具体来说,我们将查看复选框和 CSS 计数器 - 它们都是依赖源顺序的两个概念。