2024年07月23日 by 张 鑫旭 阅读 25169 次, 今日 1 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 18 条评论 »
2026年10月8日 by 张 鑫旭 阅读 397 次, 今日 6 次
好消息，之前只有视频元素才能画中画，现在任意元素都能独立成画中画窗口了，小屏摸鱼有了新选择。
阅读全文…
标签： display-mode, Document, documentPictureInPicture, Picture-in-Picture, requestWindow, window, 画中画
发布在 JS API | 没有评论 »
2026年09月30日 by 张 鑫旭 阅读 831 次, 今日 3 次
分享一个与滚动交互相关的渐进增强CSS新特性，可以用在地图、画布、大图查看器这类场景中。
阅读全文…
标签： ::scroll-button, DOMMouseScroll, overflow, overscroll-behavior, scroll, scroll-axis-lock, 滚动
发布在 CSS相关 | 没有评论 »
2026年09月29日 by 张 鑫旭 阅读 762 次, 今日 3 次
不知道了吧，除了传统的border-image属性，现在border-shape属性也能轻松实现背景色任意方向的扩展，是不占据布局尺寸的那种哦。😏
阅读全文…
标签： border-image, border-shape, conic-gradient, image(), inset(), linear-gradient
发布在 CSS相关 | 2 条评论 »
2026年09月17日 by 张 鑫旭 阅读 1126 次, 今日 3 次
除了rem这个根元素单位外，最近几年，各大浏览器又相继支持了rcap、rex、rch、ric、rlh等根字体单位，不知道你认识几个？
阅读全文…
标签： ch, CSS单位, dvh, ic, lh, line-height, rem, rex, ric, rlh, 单位, 相对单位
发布在 CSS相关 | 没有评论 »
2026年09月15日 by 张 鑫旭 阅读 1429 次, 今日 2 次
不知道了吧，tooltip轻提示效果现在不需要任何JS代码的参与，纯CSS就能实现完整交互，包括演示和动画效果，赶快来大开眼界一番吧。
阅读全文…
标签： aspect-ratio, border-shape, hover, interestfor, max-content, mouseenter, popovertarget, shape(), 锚点定位
发布在 JS实例 | 4 条评论 »
2026年09月10日 by 张 鑫旭 阅读 1398 次, 今日 2 次
书到用时方恨少，没想到，多个浏览器页面同时操作同一个资源的时候，原来有原生的API可以进行“排它锁”一样的管控，关键时刻可真是救命了。
阅读全文…
标签： AbortController, addEventListener, BroadcastChannel, indexDB, localStorage, navigator, Web Locks API
发布在 JS API | 4 条评论 »
2026年09月3日 by 张 鑫旭 阅读 1967 次
今天才发现，文件本地持久化存储，最好的技术选型原来是OPFS，而不是IndexedDB，前者性能极好、代码极少，比IndexedDB强的不是一点两点。
阅读全文…
标签： ArrayBuffer, cookie, createWritable, File, getDirectory(), getFileHandle, indexedDB, localStorage, navigator, sessionStorage, showOpenFilePicker, woff2
发布在 JS API | 5 条评论 »
2026年08月28日 by 张 鑫旭 阅读 1922 次, 今日 2 次
HTML-in-Canvas这个特性太特么强了，我从未想过Canvas还有这样的能力，现在Chrome浏览器居然实现了，赶快进来一看究竟吧。
阅读全文…
标签： canvas, drawable, drawElementImage, drawImage, html, html-in-canvas, html2canvas, HTMLElement, layoutsubtree
发布在 Web综合 | 6 条评论 »
2026年08月21日 by 张 鑫旭 阅读 1896 次
这么多年了，CSS终于出了个牛逼的text-fit文字排版属性，无论字符数量多少，都可以动态适配容器尺寸，这是连JavaScript计算都很难实现的排版效果，终于支持了，太激动了。
阅读全文…
标签： text-align, text-box, text-decoration, text-emphasis, text-fit
发布在 CSS相关 | 一条评论 »
2026年08月14日 by 张 鑫旭 阅读 1589 次, 今日 2 次
数组求和还在使用reduce()方法吗？Out啦！既麻烦，又有计算精度的问题，从今天开始，改用Math.sumPrecise()方法吧！
阅读全文…
标签： Array, defineProperty, Math, Object, reduce, sumPrecise, toPrecision, 数组
发布在 CSS相关 | 9 条评论 »
我的应用
我的应用