“JS 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方法,你知道他的作用是什么吗?

阅读全文…

务必谨慎使用JS WeakRef弱引用

2026年04月13日,星期一

WeakRef封面图

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

阅读全文…

浅学WebTransport API:下一代Web双向通信技术

2026年03月17日,星期二

WebTransport封面图

WebSocket还没用明白,现在又出了个WebTransport API,也是用来实现实时通信的,更强大,更完美,所有现代浏览器都已支持,无论是高并发、低延时还是可以丢数据的场景都支持。

阅读全文…

JS正则表达式y标识符之粘性匹配

2026年02月12日,星期四

y标识符封面图

我最近才知道,JS正则除了全局g,不缺分大小写i,换行m,还支持一个名为y的标识符,表示粘性匹配。

阅读全文…

告别insertBefore,使用moveBefore移动DOM元素

2026年01月30日,星期五

moveBefore封面图

起初,我以为moveBefore只是一个简单的DOM API,后来发现此特性居然与Web Components开发还有牵连。

阅读全文…

Promise.try()和Promise.withResolvers()作用速览

2026年01月22日,星期四

Promise封面图

Promise新支持了两个静态方法Promise.try()和Promise.withResolvers(),不知道有多少人知道这两个方法是干嘛用的?

阅读全文…

学会使用CSSStyleSheet构造CSS样式

2026年01月5日,星期一

CSSStyleSheet文章封面图

还在使用style元素和innerHTML在页面中插入CSS代码吗?试试使用CSSStyleSheet构造函数吧,更灵活更方便。

阅读全文…