Clik here to view.
CSS rex、rlh、ric等根家族单位简介
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12429 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、从rem单位说开去 说起CSS根单位，大家最熟悉的莫过于 rem 单位。 从IE9浏览器就开始支持。...
View ArticleClik here to view.
新时代下的tooltip提示效果的最佳实现
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12403 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、需求背景和手搓实现 富文本输入框中的某个<img>元素hover的时候出现如下图所示的黑色提示效果。...
View ArticleClik here to view.
关键时刻可以救命的Web Locks API
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12396 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、大文件断点续传 大文件上传，为了用户体验良好，通常需要接入断点续传。 相关前端实现我十几年前就有介绍过“HTTP协议下文件上传断点续传”。...
View ArticleClik here to view.
别再使用IndexedDB，大文件读写就用OPFS
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12379 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、Web本地化存储 本来想巴拉巴拉说一堆东西的。 可一想，现在都是快餐时代 + AI时代了，耐心缺失 + 学习热情缺失。...
View ArticleClik here to view.
超级Web特性HTML-in-Canvas初体验
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12309 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、等不及了 Chrome 150+之后，可以通过开启#canvas-draw-element特性体验HTML-in-Canvas的神奇效果。...
View ArticleClik here to view.
卧靠，这是好东西，CSS text-fit属性简介
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12348 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、从动态font-size标题说起 我博客的每篇文章的标题的font-size都是动态的。...
View ArticleClik here to view.
还在reduce求和吗？该使用Math.sumPrecise()方法啦
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12345 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、数组求和新方法 之前大家数组求和，肯定多半都是使用的数组的reduce方法. 例如： const sum = [1, 2, 3, 4, 5,...
View ArticleClik here to view.
background-clip升级，支持边框或文字应用背景
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12341 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、渐变边框的实现...
View ArticleClik here to view.
来了来了，Flex/Grid布局的间隙装饰线它来了
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12316 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、先讲下历史 间隙装饰线其实由来已久，在大多数前端从业人员还未入行的时候就已经支持了，大家如果查看 column-rule 属性的兼容性，会发现极佳。...
View ArticleClik here to view.
Screen.isExtended、getScreenDetails与多显示器开发
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12253 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、如何判断是多显示器 screen.isExtended属性和window.getScreenDetails()都可以判断当前用户是否是多显示器。...
View ArticleClik here to view.
纯CSS实现repeat(–n, anything)循环展示或相加功能
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12312 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、神奇效果抢先看 去年9月有介绍过CSS @function自定义函数，那么有没有可能自定义一个名为repeat(--n,...
View ArticleClik here to view.
CSS新单位dvh、lvmin、vi、cqb等初解
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12289 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、CSS又出新单位了 一不留神，CSS又多了几十个我不认识的单位。 来来来，排排站，给大家露个脸。 dvb, dvh, dvi, dvmax, dvmin,...
View ArticleClik here to view.
前端快讯：setHTML()和Element.startViewTransition已支持
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12246 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、先说setHTML方法 之前有介绍过setHTMLUnsafe()方法，稍等，让我找一下。...
View ArticleClik here to view.
AI时代网站智能体无障碍访问开发指南
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12289 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一些公司信息提前说明：...
View ArticleClik here to view.
浏览器原生支持JSON模块导入与开发啦！
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12241 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、原生JSON模块导入 现在所有的主流浏览都已经支持直接import JSON文件并直接解析为JSON数据了。 过去和现在...
View ArticleClik here to view.
CSS color-scheme属性与light-dark()颜色函数
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12241 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、从light-dark()颜色函数开始 light-dark()这个 CSS...
View ArticleClik here to view.
全是好东西！HTML command属性和JS toggle事件
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12237 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、先说command属性 HTML command属性只能设置在按钮元素上，可以触发元素内置的方法，而这个方法是可以自定义设置的。...
View ArticleClik here to view.
全新的CSS border-shape属性简介
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12232 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一句话，border-shape是用来实现不规则边框效果的。 一、这次不妨从案例入手 首先，我们使用AI生成一个五角星的勾勒路径。 帮我生成一个 五角星...
View ArticleClik here to view.
CSS contrast-color()函数简介
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12109 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、无障碍访问专用颜色函数 CSS contrast-color()函数是专为无障碍访问设计的。 WCAG – Web Content...
View ArticleClik here to view.
新特性速递：focus()行为新增focusVisible控制
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12203 本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、focus()的两种控制 平时让一个输入框聚焦，我们可以这么设置： input.focus();...
View Article
![[LoliHouse] 黑猫与魔女的教室 / Kuroneko to Majo no Kyoushitsu - 24 [WebRip 1080p...](http://files.seeusercontent.com/2026/04/13/rW0x/Kuroneko_800.webp)
![[JMAX] [2026.09.21] BanG Dream! 一家Dumb Rock! - 微笑みの爆弾 (Cover) [FLAC 96kHz/24bit]](http://i.ibb.co/3mnVf2Fn/Cover.jpg)
