2024年07月23日 by 张 鑫旭 阅读 20967 次, 今日 1 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 17 条评论 »
2026年02月25日 by 张 鑫旭 阅读 936 次, 今日 14 次
前端技术不断发展，还在使用div fixed蒙层，animation动画实现图片大图查看效果吗？out了，现在有了更简单，交互效果也更好的实现方法了。
阅读全文…
标签： CSS嵌套, dialog, MutationObserver, onpopstate, pushState, sizes, srcset, transition, View Transitions API, 图片放大
发布在 JS实例, Web综合 | 5 条评论 »
2026年02月12日 by 张 鑫旭 阅读 803 次, 今日 9 次
我最近才知道，JS正则除了全局g，不缺分大小写i，换行m，还支持一个名为y的标识符，表示粘性匹配。
阅读全文…
标签： exec, lastIndex, lastIndexOf, RegExp, sticky, 正则表达式, 粘性定位
发布在 JS API | 没有评论 »
2026年02月6日 by 张 鑫旭 阅读 1070 次, 今日 5 次
新出现了个CSS text-box属性，说是可以解决文字和图标对齐的问题，我实地试验了下，结果大跌眼镜。
阅读全文…
标签： line-height, margin-trim, text-box, vertical-align, 对齐
发布在 CSS相关 | 3 条评论 »
2026年01月30日 by 张 鑫旭 阅读 1342 次, 今日 4 次
起初，我以为moveBefore只是一个简单的DOM API，后来发现此特性居然与Web Components开发还有牵连。
阅读全文…
标签： connectedCallback, connectedMoveCallback, createElement, disconnectedCallback, HTMLElement, insertBefore, moveBefore, MutationObserver, parentElement, prototype
发布在 JS API | 没有评论 »
2026年01月22日 by 张 鑫旭 阅读 1395 次, 今日 2 次
Promise新支持了两个静态方法Promise.try()和Promise.withResolvers()，不知道有多少人知道这两个方法是干嘛用的？
阅读全文…
标签： async, Promise, setTimeout, withResolvers
发布在 JS API | 2 条评论 »
2026年01月19日 by 张 鑫旭 阅读 1407 次, 今日 1 次
CSS下划线，也就是text-decoration属性，现在支持设置下划线的左右缩进了，有兴趣的可以进来快速了解下。
阅读全文…
标签： text-decoration, text-decoration-inset, text-decoration-style
发布在 CSS相关 | 4 条评论 »
2026年01月16日 by 张 鑫旭 阅读 2152 次, 今日 3 次
借助CSS锚点定位，现在，我们可以使用CSS绘制折线，以连接任意位置的任意两个图形，有兴趣的可以进来了解下实现原理。
阅读全文…
标签： @container, anchor-size(), container-type, cqw, linear-gradient, mask, opacity, 锚点定位
发布在 CSS相关 | 2 条评论 »
2026年01月5日 by 张 鑫旭 阅读 2444 次
还在使用style元素和innerHTML在页面中插入CSS代码吗？试试使用CSSStyleSheet构造函数吧，更灵活更方便。
阅读全文…
标签： :scope, @media, adoptedStyleSheets, attachShadow, createElement, CSSStyleSheet, replaceSync(), Shadow DOM, text-shadow
发布在 CSS相关, JS API | 2 条评论 »
2025年12月29日 by 张 鑫旭 阅读 2284 次, 今日 2 次
CSS容器查询，继尺寸查询、滚动查询、锚点查询后，还支持样式查询，直接匹配CSS变量，更关键的是，和attr()、if()等函数配合使用后，场景适应性更是直线攀升。
阅读全文…
标签： @container, anchor-name, attr(), container-name, content, CSS函数, if(), scroll-state, style, 容器
发布在 CSS相关 | 2 条评论 »
2025年12月22日 by 张 鑫旭 阅读 2474 次, 今日 1 次
CSS锚定定位虽然强大，实用，但是还是有个不足，就是如果元素在边缘处触发候补定位，浏览器是无法感知的，导致很多交互效果并不能纯CSS实现，功亏一篑，现在，Chrome最新版本已经补全了这个不足，CSS锚点定位已经趋于完美，赶快学习起来吧。
阅读全文…
标签： @container, container-type, position-try-fallbacks, 浮动层, 锚点, 锚点定位
发布在 CSS相关 | 没有评论 »
我的应用
我的应用