“JS相关”目录存档

告别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构造函数吧,更灵活更方便。

阅读全文…

醒醒,该使用CookieStore新建和管理cookie了

2025年11月28日,星期五

cookiestore封面占位图

还在使用document.cookie管理cookie吗?太过时了,现在有专门的Cookie操作API了,就是CookieStore,简单又好用,简直完美!

阅读全文…

使用Intl.Segmenter返回更准确的字符长度

2025年09月30日,星期二

分词与字符长度

Intl.Segmenter不仅能精准返回Emoji字符的长度,还能实现中文语言的自动分词,分句效果,这个特性比预想的实用的多了。

阅读全文…

JS正则新特性:安全过滤RegExp.escape方法

2025年07月16日,星期三

RegExp.escape静态函数

RegExp.escape()是所有前端都要熟知的静态函数,用于安全地将字符串转换为正则表达式字面量,目前所有现代浏览器都已经支持。

阅读全文…

JS PageSwap PageReveal事件干嘛用的?

2025年06月4日,星期三

JS PageSwap PageReveal事件封面图

这次介绍的新特性是JS PageSwap PageReveal事件,和View Transitions API一同设计与支持的,有兴趣的了解下。

阅读全文…

介绍两个DOM新方法setHTMLUnsafe和getHTML

2025年04月24日,星期四

setHTMLUnsafe占位图

最新Safari和Chrome在内的现代浏览器支持了N个与HTML字符串读取和解析相关的DOM方法,如getHTML、setHTMLUnsafe和parseHTMLUnsafe,你都知道这些方法的作用吗?

阅读全文…

DOM新特性之caretPositionFromPoint API

2025年04月14日,星期一

封面图,小鹿看鸟

DOM caretPositionFromPoint API可以基于位置访问匹配的节点元素和文本偏移,据此,我们可以实现更加精确的文本操作交互。

阅读全文…

JS EditContext API 简介

2025年04月6日,星期日

EditContext API 简介

canvas画布上输入文字并交互,这个需求不知道大家遇到过没有,现在可以试试使用EditContext API,天生就为了这种高级输入编辑体验设计的。

阅读全文…