如何使用JS检测用户是否缩放了页面
by from https://www.zhangxinxu.com/wordpress/?p=9832 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 介绍我自己知道的几个检测用户是否缩放了页面的方法，这些方法都不算完美，大家根据实际场景自行抉择该使用哪个方法。 一、resize事件 + devicePixelRatio 如果希望知道用户是否执行了缩放行为，则可以在resize事件事件中检测 的变化...
纯JS实现多个音频的拼接或者合并
by from 鑫空间 鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、温故而知新 3年前有更新过 ，昨天更新了 ，今天我们再讲讲如何使用JS实现多个音频的拼接（下图1）与合并（下图2）。 拼接： 合并： 这下子，纯JS操作MP3/WAV音频资源的活儿都齐全了。 操作过程本质上大同小异。 ArrayBuffer转AudioBuffer，然后读取音频信息，对采样信息进行处理。 话不多说，来看...
win11换苹果Mac系统的字体SFMono
首先确定最新苹果系统用的字体 打开终端，按command+， 可以打开描述文件 我们看到当前系统用的是SFMono Regular 11，找到这个字体后，其实全称是SFMono RegularItalic 11.otf 首先你要在win11中安装这个字体下载好这个文件后，记得在左上角点击安装，这样你win11系统就有这个字体了。 打开win11 注册表 1. 计算机\\HKEY\ LOCAL\ MACHINE\\SOFTWARE\\Mi...
前端跨域问题及其解法方法
在前端项目的开发中， 跨域 是我们必须要解决的问题，只要涉及到“向服务器请求资源”、“前后端交互”等功能， 跨域 往往是无法避免的 那么什么是 跨域 问题，又该如何解决它呢？ 跨域 导致 跨域 问题产生的根本原因来自浏览器的 同源策略 同源策略 是浏览器的重要安全策略，它用于限制一个Origin的文档或者它加载的脚本如何能与另一个源的资源进行交互，其中Origin指Web文档的来源，Web 内容的来源取决于访问的 URL的方案 (协议)...
跨域的五种最常见解决方案
这是一篇笔记 跨域不是问题，是一种安全机制。浏览器有一种策略名为 同源策略，同源策略规定了部分请求不能被浏览器所接受。 值得一提的是：同源策略导致的跨域是浏览器单方面拒绝响应数据，服务器端是处理完毕并做出了响应的。 什么是同源策略 一个url由三部分组成: 协议，域名（ip地址），端口 。 只有当协议，域名，端口都一致的时候，才被称为同源。 而同源策略规定，只有发送请求的那一边和接受请求的那一边处于同源的情况下，浏览器才会接受响应。 举...
React Query 快速入门
很早之前就看到 React Query 在 前端 掘金圈子里火了一把，一直想学却因为种种原因没有开始。这一阵子闲下来了一些，快速学习了一下并且在自己的小项目里上手用了一番，体验非常不错。所以在这里以 React Query 为例写一篇 TanStack Query 小小的快速上手指南。 React Query TanStack Query (FKA React Query) is often described as the missi...
Valito React响应式状态库
本篇文章同时收录在公众号《泡芙玩编程》，持续更新内容中，欢迎关注 1.Valtio 是啥玩意 Valtio makes proxy state simple for React and Vanilla 就是让数据管理在 React 和原生 JS (Vanilla) 中变得更加简单的一个库，它类似于 Vue 的数据驱动视图的理念，使用外部状态代理去驱动 React 视图来更新。总的来说，Valtio（用粤语来念就是“我丢”） 是一个很轻量...
valtio使用方式
前言 跳过前言： ，您可以选择直接从第二节开始阅读。 提到 React 状态管理，我最初是接触的 Context，就是用 useContext 和 useReducer 去做状态管理，写多了发现还是挺麻烦的，还会出现 “Provider 嵌套地狱” 的问题，对于不同的 state 也不好组合计算。后面了解到 Redux，固有的模式使得用户需要编写很多重复和复杂的代码，甚至开发者也说了 “Try MobX”。对于 MobX，和前者的的函数...
iNtersectionobserver监听滚动条滚动位置实现图片懒加载
大家下午好。听说在实现一些需要监听滚动条滚动到某个元素需要执行某段神秘代码的需求时，大伙总是不太乐意，现给大家介绍一个不用监听滚动事件就能完成需求的api，希望能给一点点启发。 废话少说，先上效果 懒加载 瀑布流 视频暂停 上代码 HTML JS 完事，下次再见 啊？客官还要解释？那好吧 接下来就是隆重推出今天的主角 IntersectionObserver API，这是一套用来监听 html 元素是否与指定元素有 交叉关系 的API。...