有些前端开发可能还不知道，JavaScript是有能力获取操作系统的内存、CPU/GPU、电量、蓝牙、掉线等信息的。
阅读全文…
标签：chargingchange, deviceMemory, getBattery, history, navigator, platform, webGL, WebGPU 发布在 JS API | 4 条评论 »
基于英文单词的发音规则，精准预估TTS语音合成每段内容所占据的时长，以便实现更精准的字幕同步，冷门应用场景，但却是稀缺的算法资源，值得收藏备忘。
标签：audio, 字幕, 算法, 语音, 语音合成, 音频 发布在 JS实例 | 没有评论 »
最近做的项目用到了一个比较冷门的DOM事件API selectionchange事件，文本选区变化时候触发，简单记录下，希望日后可以帮到遇到类似需求的同行。
标签：Document, dom, range, selection, selectionchange, 鼠标事件 发布在 JS API | 没有评论 »
算是把pixi.js中的颜色矩阵算法滤镜的使用和各种渲染效果给摸了个透，一通百通，对SVG滤镜，canvas 2D滤镜的学习与应用也是颇有帮助的。
标签：brightness, ColorMatrixFilter, feColorMatrix, filter, kodachrome, pixi.js, polaroid, sepia, technicolor, 滤镜, 矩阵 发布在 JS实例 | 没有评论 »
介绍几个JS中非常雷同的方法或者语法，不知道诸位是否可知其中的差异？
标签：Array, Object, Object.is, Promise, slice(), substring 发布在 JS API | 2 条评论 »
好消息，所有现代浏览器都已经支持Map.groupBy()、Object.groupBy()静态分组方法了，我们的JavaScript代码又可以进一步简化了。
标签：Array, groupBy, map, Object, WeakMap 发布在 JS API | 3 条评论 »
Chrome和Firefox浏览器都已经支持scrollend滚动停止事件了，快进来瞅瞅吧。
标签：DOMMouseScroll, scroll, scrollBy, scrollend, scrollTo, 滚动 发布在 JS API | 5 条评论 »
本文通过案例演示如何使用开源JS库实现音频淡入淡出、原生JS又该实现，以及如何从底层对音频进行淡入淡出转换，都是少见的技术分享。
标签：audio, AudioBuffer, fade, GainNodes, howler, wavesurfer 发布在 JS实例 | 一条评论 »
随着Firefox 131也支持了CSS Custom Highlight API，至此，所有现代浏览器下都可以实现无标签的文本内容高亮效果了。
标签：::highlight(), ::marker, createRange, HighlightRegistry, range, text-decoration, text-fill-color, 高亮代码 发布在 CSS相关, JS API | 6 条评论 »
后端这块只会Node.js的前端工程师如何实现每隔一两秒就获取一张小尺寸的视频截图的需求呢？
标签：ffmpeg, fluent-ffmpeg, jszip, nodejs, video, VideoFrame, 截屏, 视频 发布在 JS实例 | 10 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎头条B站Gitee
我的应用
我的应用