地表最强扫一扫
在很久很久以前，我亲爱的同事们在对接二维码扫描业务的时候，都是使用的微信官方自带的扫一扫，比如这样 所以我扫码就一定得依赖微信，在普通的浏览器中打开就GG，并且还要绑定公众号，烦的一批。 然后我就在想，扫码不就是靠摄像头捕捉图像进行解码出内容嘛，那肯定会有原生的解决方案。 果然是有的，Web API中也提供了一个实验性的功能， 它提供了一个 方法，可以接收图片元素、图片二进制数据或者是 ，最终返回一个包含码信息的 对象。 但是呢，这个功...
汇总前端脚手架开发中常用的第三方库
在前端工程化方面我们使用的各种工具，绝大部分都是使用 写的。 比如，打包工具 webpack 及 rollup；前端框架 Vue 自带的脚手架工具 vue cli；以及 CSS 样式工具scss、less等等。 在日常工作中难免会遇到一些需求，需要自己创建一个脚手架工具来提升整个团队的研发部署效率。 目前，npm上汇集了大量优秀的开发脚手架的第三库，熟练掌握这些库，可以大大提升我们的开发效率。本文将介绍一些在开发前端脚手架方面非常常用的...
用Web Worker优化大文件上传
web worker 是什么 用官方的话说： Web Worker 是一种在浏览器中运行的 JavaScript 脚本，可以在独立的线程中今执行，与主线程并行工作，提供了一种在后台执行复杂计算或处理耗时操作的方式，而不会堵塞主线程的执行。 用我自己的理解 ：就是“开小灶”，众所周知，Js是一种 语言，在传统的 Js 环境中，所有代码都运行在一个主线程中，包括处理用户界面，js代码执行和网络请求。当执行耗时操作时，就会导致用户页面的卡顿和...
又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地址），端口 。 只有当协议，域名，端口都一致的时候，才被称为同源。 而同源策略规定，只有发送请求的那一边和接受请求的那一边处于同源的情况下，浏览器才会接受响应。 举...