2024年07月23日 by 张 鑫旭 阅读 25063 次, 今日 12 次

盼星星,盼月亮,我的第5本书《HTML并不简单》已经正式上架了,这里讲讲为什么会想到写一本关于HTML的书籍,介绍下本书的内容结构,签字版购买等信息,希望可以得到大家的正版支持。
阅读全文…
标签: CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 18 条评论 »
2026年09月30日 by 张 鑫旭 阅读 381 次, 今日 61 次

分享一个与滚动交互相关的渐进增强CSS新特性,可以用在地图、画布、大图查看器这类场景中。
阅读全文…
标签: ::scroll-button, DOMMouseScroll, overflow, overscroll-behavior, scroll, scroll-axis-lock, 滚动
发布在 CSS相关 | 没有评论 »
2026年09月29日 by 张 鑫旭 阅读 476 次, 今日 34 次

不知道了吧,除了传统的border-image属性,现在border-shape属性也能轻松实现背景色任意方向的扩展,是不占据布局尺寸的那种哦。😏
阅读全文…
标签: border-image, border-shape, conic-gradient, image(), inset(), linear-gradient
发布在 CSS相关 | 2 条评论 »
2026年09月17日 by 张 鑫旭 阅读 972 次, 今日 15 次

除了rem这个根元素单位外,最近几年,各大浏览器又相继支持了rcap、rex、rch、ric、rlh等根字体单位,不知道你认识几个?
阅读全文…
标签: ch, CSS单位, dvh, ic, lh, line-height, rem, rex, ric, rlh, 单位, 相对单位
发布在 CSS相关 | 没有评论 »
2026年09月15日 by 张 鑫旭 阅读 1235 次, 今日 16 次

不知道了吧,tooltip轻提示效果现在不需要任何JS代码的参与,纯CSS就能实现完整交互,包括演示和动画效果,赶快来大开眼界一番吧。
阅读全文…
标签: aspect-ratio, border-shape, hover, interestfor, max-content, mouseenter, popovertarget, shape(), 锚点定位
发布在 JS实例 | 4 条评论 »
2026年09月10日 by 张 鑫旭 阅读 1259 次, 今日 16 次

书到用时方恨少,没想到,多个浏览器页面同时操作同一个资源的时候,原来有原生的API可以进行“排它锁”一样的管控,关键时刻可真是救命了。
阅读全文…
标签: AbortController, addEventListener, BroadcastChannel, indexDB, localStorage, navigator, Web Locks API
发布在 JS API | 4 条评论 »
2026年09月3日 by 张 鑫旭 阅读 1873 次, 今日 12 次

今天才发现,文件本地持久化存储,最好的技术选型原来是OPFS,而不是IndexedDB,前者性能极好、代码极少,比IndexedDB强的不是一点两点。
阅读全文…
标签: ArrayBuffer, cookie, createWritable, File, getDirectory(), getFileHandle, indexedDB, localStorage, navigator, sessionStorage, showOpenFilePicker, woff2
发布在 JS API | 5 条评论 »
2026年08月28日 by 张 鑫旭 阅读 1794 次, 今日 10 次

HTML-in-Canvas这个特性太特么强了,我从未想过Canvas还有这样的能力,现在Chrome浏览器居然实现了,赶快进来一看究竟吧。
阅读全文…
标签: canvas, drawable, drawElementImage, drawImage, html, html-in-canvas, html2canvas, HTMLElement, layoutsubtree
发布在 Web综合 | 5 条评论 »
2026年08月21日 by 张 鑫旭 阅读 1791 次, 今日 12 次

这么多年了,CSS终于出了个牛逼的text-fit文字排版属性,无论字符数量多少,都可以动态适配容器尺寸,这是连JavaScript计算都很难实现的排版效果,终于支持了,太激动了。
阅读全文…
标签: text-align, text-box, text-decoration, text-emphasis, text-fit
发布在 CSS相关 | 一条评论 »
2026年08月14日 by 张 鑫旭 阅读 1519 次, 今日 11 次

数组求和还在使用reduce()方法吗?Out啦!既麻烦,又有计算精度的问题,从今天开始,改用Math.sumPrecise()方法吧!
阅读全文…
标签: Array, defineProperty, Math, Object, reduce, sumPrecise, toPrecision, 数组
发布在 CSS相关 | 9 条评论 »
2026年08月6日 by 张 鑫旭 阅读 1757 次, 今日 15 次

厉害了,我的CSS,border边框也支持background背景了,原生支持哦,不是之前的那种模拟效果哦,而且Safari和Chrome都支持了哟,就是其貌不扬的background-clip属性
阅读全文…
标签: background, background-clip, background-origin, border-area, border-image, conic-gradient, linear-gradient
发布在 CSS相关 | 3 条评论 »