2023年10月10日 by 张 鑫旭 阅读 19945 次, 今日 8 次

3年前有更新过JS剪裁audio音频,今天我们再讲讲如何使用原生的JS实现多个音频的拼接或合并,此文可是其他地方见不到的哟。
阅读全文…
标签: ArrayBuffer, audio, AudioBuffer, fetch, getChannelData, wavy, 音频
发布在 JS实例 | 10 条评论 »
2023年10月9日 by 张 鑫旭 阅读 9894 次, 今日 7 次

本文介绍三种改变音频播放音量的方法,其中还有一种方法直接改变音频AudioBuffer数据源的音量,说不定你哪天就会用到。
阅读全文…
标签: ArrayBuffer, audio, AudioBuffer, AudioContext, AudioData, AudioEncoder, GainNodes, howler, wavy
发布在 JS实例 | 6 条评论 »
2023年09月17日 by 张 鑫旭 阅读 23823 次, 今日 9 次

起初以为只是个小需求,实现JS复制图片到剪切板,直到深入了解,才发现,原来涉及到那么多知识,真是不虚此学。
阅读全文…
标签: base64, Blob, clipboardData, drawImage, FileReader, paste, png, 图片上传
发布在 JS实例 | 16 条评论 »
2023年09月15日 by 张 鑫旭 阅读 11243 次, 今日 8 次

自己体验了下,出乎意料,HTML elementtiming属性在性能监控这块,比预想的要实用的多。
阅读全文…
标签: background-image, elementtiming, html, PerformanceObserver, 性能
发布在 HTML相关 | 2 条评论 »
2023年09月12日 by 张 鑫旭 阅读 12337 次, 今日 5 次

坚持探索Web标准下的原生浏览器开发行为,行为驱动和数据驱动的表单开发其实各有千秋,深入HTML,你会发现这个世界比你所知的要精彩的多。
阅读全文…
标签: counter-reset, css reset, form, HTML元素, input
发布在 HTML相关, JS实例 | 8 条评论 »
2023年09月5日 by 张 鑫旭 阅读 21112 次, 今日 6 次

相比于tinypng,我这个工具还自带尺寸设置功能,同时还可以控制压缩率,指定压缩格式,纯前端实现,高性能高效率。
阅读全文…
标签: download, FileSaver, jpeg, png, toDataURL, 图像处理, 图片压缩
发布在 Web综合 | 24 条评论 »
2023年08月30日 by 张 鑫旭 阅读 9524 次, 今日 6 次

一开始看到registerProtocolHandler()方法老激动了,以为又发现了个好玩具,谁知深入体验了一番之后……呵呵~
阅读全文…
标签: API, github, href, HTTP协议, registerPaint, registerProperty, registerProtocolHandler, URLSearchParams
发布在 JS API | 2 条评论 »
2023年08月29日 by 张 鑫旭 阅读 20513 次, 今日 7 次

一个看似简单的HTML属性的底下,可能是一座巨大的冰山,referrer及其相关特性就是如此。
阅读全文…
标签: crossOrigin, meta, noreferrer, referrer, referrerpolicy, rel
发布在 Web综合 | 2 条评论 »
2023年08月27日 by 张 鑫旭 阅读 13712 次, 今日 7 次

Performance和PerformanceObserver,用户 Timing API,哦,学不完,根本学不完,这两周抽时间好好研究了一番,终于了解了个大概了?,特此记录下。
阅读全文…
标签: IntersectionObserver, MutationObserver, Paint API, Performance, PerformanceObserver, ResizeObserver, 前端性能
发布在 JS API | 5 条评论 »
2023年08月10日 by 张 鑫旭 阅读 11888 次, 今日 5 次

nonce可以用来决定哪些内联JS执行,popover可以无JS实现浮层弹出层交互效果。
阅读全文…
标签: Content-Security-Policy, crypto, dialog, html, meta, nonce, popover, unsafe-inline, XSS攻击
发布在 HTML相关 | 7 条评论 »