全部文章
共 1299 篇文章
又get到了，JS复制图片到剪切板
by from 鑫空间 鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、总要有原因的 为什么会突然想到了解如何使用JS复制图片到剪切板呢？ 因为上周弄了个 ，一开始的时候，图片获取的途径只能是下载到本地。 但很多时候，我是希望这种压缩好的图片可以直接上传，不需要再从本地转一圈。 此时，如果有一个复制功能就好了。 直接点击一个按钮，压缩好的图片复制到剪切板，然后再去上传页面进行上传，多方便，...
如何使用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，和前者的的函数...