“JS相关”目录存档

第1到30页123456789102030...最后一页 »

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

2026年04月17日，星期五

视频合成封面图

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

阅读全文…

标签：, , , , , , ,

发布在 JS实例 | 一条评论 »

务必谨慎使用JS WeakRef弱引用

2026年04月13日，星期一

WeakRef封面图

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

阅读全文…

标签：, , , , , , , ,

发布在 JS API | 3 条评论 »

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

2026年03月17日，星期二

WebTransport封面图

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

阅读全文…

标签：, , , , , , ,

发布在 JS API | 7 条评论 »

点击图片放大查看交互效果的最佳实现

2026年02月25日，星期三

图片放大封面图

前端技术不断发展，还在使用div fixed蒙层，animation动画实现图片大图查看效果吗？out了，现在有了更简单，交互效果也更好的实现方法了。

阅读全文…

标签：, , , , , , , , ,

发布在 JS实例, Web综合 | 5 条评论 »

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

2026年02月12日，星期四

y标识符封面图

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

阅读全文…

标签：, , , , , ,

发布在 JS API | 没有评论 »

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

2026年01月30日，星期五

moveBefore封面图

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

阅读全文…

标签：, , , , , , , , ,

发布在 JS API | 没有评论 »

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

2026年01月22日，星期四

Promise封面图

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

阅读全文…

标签：, , ,

发布在 JS API | 2 条评论 »

学会使用CSSStyleSheet构造CSS样式

2026年01月5日，星期一

CSSStyleSheet文章封面图

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

阅读全文…

标签：, , , , , , , ,

发布在 CSS相关, JS API | 2 条评论 »

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

2025年11月28日，星期五

cookiestore封面占位图

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

阅读全文…

标签：, , , ,

发布在 JS API | 6 条评论 »

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

2025年09月30日，星期二

分词与字符长度

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

阅读全文…

标签：, , , , , ,

发布在 JS API | 2 条评论 »

第1到30页123456789102030...最后一页 »