2024年07月23日 by 张 鑫旭 阅读 21376 次, 今日 16 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 17 条评论 »
2026年03月30日 by 张 鑫旭 阅读 400 次, 今日 79 次
corner-shape可以生成多种复杂的图形，那么，有没有什么办法把这些图形变成底纹背景呢？
阅读全文…
标签： aspect-ratio, background, corner-shape, foreignObject, repeating-linear-gradient, SVG
发布在 CSS相关 | 一条评论 »
2026年03月17日 by 张 鑫旭 阅读 1831 次, 今日 66 次
WebSocket还没用明白，现在又出了个WebTransport API，也是用来实现实时通信的，更强大，更完美，所有现代浏览器都已支持，无论是高并发、低延时还是可以丢数据的场景都支持。
阅读全文…
标签： encode, HTTP协议, json, NetworkInformation, WebCodecs, WebRTC, WebSocket, WebTransport
发布在 JS API | 6 条评论 »
2026年03月9日 by 张 鑫旭 阅读 1702 次, 今日 52 次
不知道了吧，dialog元素，没错，就是那个模态框弹层元素，现在也支持点击黑色蒙层关闭弹框了，就是这个closedBy属性。
阅读全文…
标签： ::backdrop, closedBy, dialog, popover, showModal
发布在 HTML相关 | 一条评论 »
2026年03月4日 by 张 鑫旭 阅读 2211 次, 今日 44 次
卧靠，不仅点击popover交互纯CSS可以完全实现，现在就连任意Hover悬停交互效果也都只需要HTML和CSS就能实现了，其中的关键就是interestfor属性。
阅读全文…
标签： :interest-source, :interest-target, hover, interestfor, label, popover, popovertarget
发布在 CSS相关, HTML相关 | 5 条评论 »
2026年02月25日 by 张 鑫旭 阅读 2655 次, 今日 24 次
前端技术不断发展，还在使用div fixed蒙层，animation动画实现图片大图查看效果吗？out了，现在有了更简单，交互效果也更好的实现方法了。
阅读全文…
标签： CSS嵌套, dialog, MutationObserver, onpopstate, pushState, sizes, srcset, transition, View Transitions API, 图片放大
发布在 JS实例, Web综合 | 5 条评论 »
2026年02月12日 by 张 鑫旭 阅读 1740 次, 今日 9 次
我最近才知道，JS正则除了全局g，不缺分大小写i，换行m，还支持一个名为y的标识符，表示粘性匹配。
阅读全文…
标签： exec, lastIndex, lastIndexOf, RegExp, sticky, 正则表达式, 粘性定位
发布在 JS API | 没有评论 »
2026年02月6日 by 张 鑫旭 阅读 1742 次, 今日 11 次
新出现了个CSS text-box属性，说是可以解决文字和图标对齐的问题，我实地试验了下，结果大跌眼镜。
阅读全文…
标签： line-height, margin-trim, text-box, vertical-align, 对齐
发布在 CSS相关 | 3 条评论 »
2026年01月30日 by 张 鑫旭 阅读 1761 次, 今日 12 次
起初，我以为moveBefore只是一个简单的DOM API，后来发现此特性居然与Web Components开发还有牵连。
阅读全文…
标签： connectedCallback, connectedMoveCallback, createElement, disconnectedCallback, HTMLElement, insertBefore, moveBefore, MutationObserver, parentElement, prototype
发布在 JS API | 没有评论 »
2026年01月22日 by 张 鑫旭 阅读 1755 次, 今日 11 次
Promise新支持了两个静态方法Promise.try()和Promise.withResolvers()，不知道有多少人知道这两个方法是干嘛用的？
阅读全文…
标签： async, Promise, setTimeout, withResolvers
发布在 JS API | 2 条评论 »
2026年01月19日 by 张 鑫旭 阅读 1740 次, 今日 11 次
CSS下划线，也就是text-decoration属性，现在支持设置下划线的左右缩进了，有兴趣的可以进来快速了解下。
阅读全文…
标签： text-decoration, text-decoration-inset, text-decoration-style
发布在 CSS相关 | 4 条评论 »
我的应用
我的应用