月下云生

摘要： 1.安装 npm i stats.js 2.组件引入 import * as Stats from 'stats.js' 3.使用，requestAnimationFrame循环调用的函数中调用方法update()，来刷新时间 //创建性能检测 let stats = new Stats() sta 阅读全文

摘要： 1.引入threejs npm install --save three 在组件内 import * as THREE from 'three' 2.创建容器 创建canvas标签，为3D渲染建立容器 <template> <div> <canvas id="three"></canvas> </d 阅读全文

摘要： 一.命名 1.尽量字母开头字母结尾 2.构造函数以大写字母开头，避免方法（少用构造函数） 3.名字中不允许存在空格，原因在于早期编译器的内存管理，后期未修改规则 4.保留字 arguments await break case catch class const continue debugger 阅读全文

摘要： 参考：https://picsum.photos 1.获取指定大小的随机图，300*400 <img src="https://picsum.photos/300/400" alt=""> 2.若只指定一个,则宽高相,300*300 <img src="https://picsum.photos/3 阅读全文

摘要： 学习新的浏览器api：showOpenFilePicker，showDirectoryPicker，getDirectoryHandle，getFileHandle，removeEntry 之前文件上传使用的是： <input type="file"> 今天看到直接使用浏览器api即可实现文件读取， 阅读全文

摘要： 1.适用到自定义指令的场景 防抖、图片懒加载、一键 Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单 2.个人需求：在后台系统中，有很多表单提交组件，其中很多限制数字且限制条件不同。最初使用 oninput="value=value.replace(/[^\d]/g, 阅读全文

摘要： 今天在运行后台系统时突然发现报以上错误，百思不得其解，因为最近并没有修改过该页面。 源代码如下： 最开始以为是不是用法改了，查询并尝试了许久，并没有什么用，同时发现出现一个css找不到的报错： 猜测是否引用element plus样式版本文件不对。因为昨天有吧node_module删了，更新了新的依 阅读全文

摘要： 1.图片主要格式PNG-8、PNG-24、JPEG、GIF、比较新的格式：WEBP、AVIF、JPEG XL 2.设备独立像素：设备独立像素 = CSS 像素 = 逻辑像素 物理像素：又称为设备像素。显示屏是由一个个物理像素点组成的，1334 x 750 表示手机分别在垂直和水平上所具有的像素点数。 阅读全文

摘要： 碰到运营提出需求，提供了一个.txt文件，要求输入框校验文件提供的敏感词汇，故以此记录： 上传文件： <input @change="uploadFile" type="file"> 操作函数： const fileContent = ref(''); const uploadFile = asyn 阅读全文

摘要： tesseract官网地址：https://tesseract.projectnaptha.com/ github:https://github.com/naptha/tesseract.js#tesseractjs npm安装依赖： npm install tesseract.js 页面引入： i 阅读全文