2026年03月4日 by 张 鑫旭 阅读 3263 次, 今日 24 次
卧靠，不仅点击popover交互纯CSS可以完全实现，现在就连任意Hover悬停交互效果也都只需要HTML和CSS就能实现了，其中的关键就是interestfor属性。
阅读全文…
标签： :interest-source, :interest-target, hover, interestfor, label, popover, popovertarget
发布在 CSS相关, HTML相关 | 5 条评论 »
2026年02月25日 by 张 鑫旭 阅读 3657 次, 今日 34 次
前端技术不断发展，还在使用div fixed蒙层，animation动画实现图片大图查看效果吗？out了，现在有了更简单，交互效果也更好的实现方法了。
阅读全文…
标签： CSS嵌套, dialog, MutationObserver, onpopstate, pushState, sizes, srcset, transition, View Transitions API, 图片放大
发布在 JS实例, Web综合 | 5 条评论 »
2026年02月12日 by 张 鑫旭 阅读 2386 次, 今日 27 次
我最近才知道，JS正则除了全局g，不缺分大小写i，换行m，还支持一个名为y的标识符，表示粘性匹配。
阅读全文…
标签： exec, lastIndex, lastIndexOf, RegExp, sticky, 正则表达式, 粘性定位
发布在 JS API | 没有评论 »
2026年02月6日 by 张 鑫旭 阅读 2387 次, 今日 25 次
新出现了个CSS text-box属性，说是可以解决文字和图标对齐的问题，我实地试验了下，结果大跌眼镜。
阅读全文…
标签： line-height, margin-trim, text-box, vertical-align, 对齐
发布在 CSS相关 | 3 条评论 »
2026年01月30日 by 张 鑫旭 阅读 2470 次, 今日 33 次
起初，我以为moveBefore只是一个简单的DOM API，后来发现此特性居然与Web Components开发还有牵连。
阅读全文…
标签： connectedCallback, connectedMoveCallback, createElement, disconnectedCallback, HTMLElement, insertBefore, moveBefore, MutationObserver, parentElement, prototype
发布在 JS API | 没有评论 »
2026年01月22日 by 张 鑫旭 阅读 2396 次, 今日 32 次
Promise新支持了两个静态方法Promise.try()和Promise.withResolvers()，不知道有多少人知道这两个方法是干嘛用的？
阅读全文…
标签： async, Promise, setTimeout, withResolvers
发布在 JS API | 2 条评论 »
2026年01月19日 by 张 鑫旭 阅读 2371 次, 今日 19 次
CSS下划线，也就是text-decoration属性，现在支持设置下划线的左右缩进了，有兴趣的可以进来快速了解下。
阅读全文…
标签： text-decoration, text-decoration-inset, text-decoration-style
发布在 CSS相关 | 4 条评论 »
2026年01月16日 by 张 鑫旭 阅读 3446 次, 今日 23 次
借助CSS锚点定位，现在，我们可以使用CSS绘制折线，以连接任意位置的任意两个图形，有兴趣的可以进来了解下实现原理。
阅读全文…
标签： @container, anchor-size(), container-type, cqw, linear-gradient, mask, opacity, 锚点定位
发布在 CSS相关 | 2 条评论 »
2026年01月5日 by 张 鑫旭 阅读 3435 次, 今日 24 次
还在使用style元素和innerHTML在页面中插入CSS代码吗？试试使用CSSStyleSheet构造函数吧，更灵活更方便。
阅读全文…
标签： :scope, @media, adoptedStyleSheets, attachShadow, createElement, CSSStyleSheet, replaceSync(), Shadow DOM, text-shadow
发布在 CSS相关, JS API | 2 条评论 »
2025年12月29日 by 张 鑫旭 阅读 3161 次, 今日 21 次
CSS容器查询，继尺寸查询、滚动查询、锚点查询后，还支持样式查询，直接匹配CSS变量，更关键的是，和attr()、if()等函数配合使用后，场景适应性更是直线攀升。
阅读全文…
标签： @container, anchor-name, attr(), container-name, content, CSS函数, if(), scroll-state, style, 容器
发布在 CSS相关 | 2 条评论 »
我的应用
我的应用