2023年10月29日 by 张 鑫旭 阅读 17805 次, 今日 28 次

想要提高网页的加载体验,其实有个非常简单且实用的技巧,那就是改变请求资源的加载优先级,这也可以改变?没错!
阅读全文…
标签: fetchPriority, link, loading, prefetch, preload, rel, 性能优化, 预加载
发布在 Web综合 | 4 条评论 »
2023年10月10日 by 张 鑫旭 阅读 22744 次, 今日 31 次

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

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

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

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

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

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

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

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

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