“JS相关”目录存档

新时代下的tooltip提示效果的最佳实现

2026年09月15日,星期二

tooltip提示封面图

不知道了吧,tooltip轻提示效果现在不需要任何JS代码的参与,纯CSS就能实现完整交互,包括演示和动画效果,赶快来大开眼界一番吧。

阅读全文…

关键时刻可以救命的Web Locks API

2026年09月10日,星期四

Web Locks API封面图

书到用时方恨少,没想到,多个浏览器页面同时操作同一个资源的时候,原来有原生的API可以进行“排它锁”一样的管控,关键时刻可真是救命了。

阅读全文…

别再使用IndexedDB,大文件读写就用OPFS

2026年09月3日,星期四

indexedDB OPFS 封面图

今天才发现,文件本地持久化存储,最好的技术选型原来是OPFS,而不是IndexedDB,前者性能极好、代码极少,比IndexedDB强的不是一点两点。

阅读全文…

Screen.isExtended、getScreenDetails与多显示器开发

2026年07月29日,星期三

封面占位图

在过去,我们无法判断用户是否存在多个显示器,也无法让新窗口在主屏或者辅屏精确位置显示,现在,有了Window Management API,一切问题迎刃而解。

阅读全文…

前端快讯:setHTML()和Element.startViewTransition已支持

2026年07月9日,星期四

封面图

之前有setHTMLUnsafe(),现在新增了setHTML()方法,前有document.startViewTransition(),现在增强为元素也支持startViewTransition方法,都来看看他们的作用吧!

阅读全文…

浏览器原生支持JSON模块导入与开发啦!

2026年06月29日,星期一

JSON原生导入封面图

告别fetch()和JSON.parse(),现在可以直接import JSON文件啦,浏览器内置能力,使用超级方便。

阅读全文…

新特性速递:focus()行为新增focusVisible控制

2026年05月29日,星期五

focusVisible封面占位图

继preventScroll参数之后,JS focus()方法又新增了一个名为focusVisible的可选参数,你知道它的作用是什么吗?(文末有个人碎碎念)

阅读全文…

JSON.rawJSON方法的作用是什么?

2026年05月6日,星期三

JSON示意图

JSON对象新增了rawJSON方法,你知道他的作用是什么吗?

阅读全文…

借助mediabunny纯JS实现视频水印、剪裁、合成等功能

2026年04月17日,星期五

视频合成封面图

mediabunny是一个非常成熟的音视频处理工具库,目前是众多基于WebCodecs API的项目中出类拔萃的那一个,本文就将通过多个案例,展示如何使用mediabunny实现视频的水印、剪裁以及合成等。

阅读全文…

务必谨慎使用JS WeakRef弱引用

2026年04月13日,星期一

WeakRef封面图

先前有WeakMap和WeakSet,现在又出了JS WeakRef弱引用,可以优化内存开销,看案例很有价值,不过无论是官方还是我个人都建议大家谨慎使用,这又是为何呢?

阅读全文…