简介 `audio-visualization-pro` 是针对 `audio-visualization`开源的强化版本,通过 `WEB-AUDIO-API` 实现的实现的音乐可视化的库，通过本库你可以获取到`当前音频`的音频频谱，并在原作者基础上强化了创建、暂停、销毁等实例方法并提供相应的 API 方法 链接 github npm 方法 方法注…
在日常开发中，前端需要使用 localStorage 、 sessionStorage 等 API 存储业务数据，某些场景下需要考虑存储数据的安全性和时效性。防止第三方数据劫持。 可以借助 crypto 工具对现有存储数据进行 对称加密 ，封装使用如下 const encryption = { encryptData:(data,key…
场景: 在 toC 项目中面向用户会将应用的注册功能暴露给游客,当游客通过注册入口申请某些功能时,需要商务人员第一时间对接到游客信息. 技术点: 服务端发布订阅模式 + SSE推送 技术栈: node Nest.js 服务端 app.controller.js import { Controller, Get, Sse,Param, Query }…
飞书文档水印方案 问题：当用户在F12中修改 css 为 display:none / opacity: 0或者删除元素，水印作用将失效 防删水印解决方案： 思路：利用 MutationObserver API 监听水印元素的变化，只要监听水印元素被用户操作了就手动删除重新创建水印元素 vue3组件实现 <script lang="ts" s…
特征npmyarnpnpm速度慢快飞快磁盘占用大小很小流行度第一队第二队第三队 从上面表格所示 npm 发行于 2010 年,因为集成在 node 环境中所以称为流行度最高的包管理工具，但具有下载速度慢，体积较大的缺点；之所以磁盘占用大，是因为每个项目执行 npm install 命令时都会生成一个独立的 node_modules 。 yarn 发…
以 windows 系统为例 变换主题颜色浏览器页面会根据主题自动切换相应的颜色 话不多说进入正文 CSS解决方案 css 解决方案需要借助 css3的新特性 prefers-color-scheme 返回 no-preference ( 未知 ) \ light ( 浅色 ) \ dark ( 深色 ) 代码 <!DOCTYPE html&…
传统原生表单上传样式已经不满足现在前端发展的需求，现在市场通常采用各种第三方UI组件库满足日常所需。但在开发中包括我在内的不少开发者知其然却不知其所以然，这篇文章让我们彻底搞懂文件上传的各个场景 单一文件上传 实现思路 实现上传功能仍然需要借助 input 的 file 属性，并隐藏隐藏元素 使用 js 手动触发 input 事件 用 html 元…
登录看似是一个简单的功能，实际上随着业务的增多和项目的扩大，早期的JSP、ASP、PHP时代，常用的解决方案只是服务端写一个session就搞定了，前端调用登录接口即可。但现在更多考虑到单点登录、身份加密、OAuth授权等安全场景。 SessionID http本身是无状态协议，服务端和前端通信是相互不认识的，为了能记住每个访问的身份，引入了Ses…
一、远程连接Linux 配置虚拟机以 VMware 为例，点击 编辑--虚拟网络编辑器 提示: 下面的主机端口号和虚拟机端口号默认是22 以 Ubuntu 系统为例，在终端中执行 sudo su -apt-get install openssh-serverssh localhost// 在物理机上运行ssh root@ip 运行成功后会看到下面结…
浅谈前端网站搜索引擎优化SEO 网站搜索引擎优化即SEO，通过优化可以让百度等搜索引擎提升我们的网上搜索排名，从而达到提高网站知名度，客户引流等目的。 说起网站排名有些大佬可能会说只要在动用“钞能力”一切排名都不是问题，这种说法对于“钱多气粗”的公司自然是最有的解决方案，针对于这种解决方案官方管他们叫做“SEM”解决方案，简单来说就是花钱托管给百度…