- 博客(9)
- 收藏
- 关注
RSS订阅原创 前端优化-图片压缩
最近首页写了几个小卡片的样式，小卡片背景的几个图片是PNG格式，发现第一次登录的时候，图片加载的时候是一块一块加载很卡顿。使用sharp-cli命令行进行图片压缩，无需安装，直接临时调用。sharp 库（Node.js 脚本，适合批量处理）# 基本用法：缩放 + 转格式 + 压缩。现图片每张19.8kb。原图片每张 1.6M。
2026-08-12 13:56:49
230
原创 js中的声明提升
的优先级高于var的声明，如果变量和函数名同名，变量只声明不赋值的情况下，是不会覆盖函数的，变量一旦赋值就会覆盖函数，但是如果是用let const定义的变量重复声明是会报错的。情况 3：变量声明在前面，函数声明在后面 → 还是函数优先。情况 1：变量只声明，不赋值 → 不会覆盖函数。情况 2：变量声明 + 赋值 → 会覆盖函数。如果都是var声明的，那就是后者覆盖前者。
2026-05-02 18:46:46
31
原创 var x=y=1的小坑（HTML和Vue输出差异）
这里有没有人以为var 同时声明的是 x和 y，但其实不是，这行代码的执行顺序是从右向左执行，首先是y=1，没有用关键字就行声明，说明y是全局变量，其次是var x=y，这时候的x才是被var 声明的变量，是一个局部变量。console.log(x) // ❌ 报错：x 未定义（因为是局部变量）console.log(y) // 1（全局）
2026-05-02 14:26:46
177
原创 vue3中computed设置动态图片路径不生效+不可使用require引入图片
Vue3中无法使用require的原因：1) require是Webpack特有语法；2) Vue3默认使用Vite构建工具；3) 直接使用会报错。推荐使用Vite支持的动态引入方式：通过new URL配合import.meta.url实现图片动态加载。静态图片可直接使用路径，但动态路径需特殊处理，因为Vite只会在编译时处理静态导入的路径。计算属性返回的字符串路径不会自动转换，必须使用new URL语法让Vite预构建生成可访问的URL。使用时需确保图片路径正确且计算属性在setup()中正确返回。
2026-04-30 16:09:59
186
原创 电脑内存文件复用的“快捷方式”
文件夹，原本没有node modules文件夹，通过命令操作之后，自动生成一个像快捷方式一样的图标，虽然这个文件里面有超级多的文件，但是他们是没有占据你的内存的。近期拉取的代码分支有点多，每个分支的文件夹中都有一个自己的node modules依赖文件，依赖太多导致系统内存快被占满了，电脑很卡顿。下面附一个大佬的mklink符号联接和软链接和区别，有兴趣的可以看一下。上面是我遇到的问题及自己的见解，如有说的不准确的地方望指出哦~文件夹是目标文件夹，是你要复用。文件夹是你准备复用文件的文件夹。
2024-03-29 16:26:31
318
2
原创 echarts图表在浏览器进行缩放时，会变得模糊的问题
1、我们可以在渲染图表的时候添加一个参数，通过改变该参数来提高图表的像素值，{devicePixelRatio: 2}该参数的意思是设备像素比。theme：指定图表的主题，可选值为字符串类型或者对象类型，echarts默认内置了两套主题：light 和dark。renderer：指定图表的渲染方式，可选值为 ‘canvas’ 或 ‘svg’、或’webgl’。devicePixelRatio：指定图表的设备像素比，用于提高图表的清晰度。模糊情况如下图：字体很虚化。el：图表要渲染到的元素。
2024-03-18 20:17:05
2327
1
原创 【react中引入时报错问题】Export ‘Redirect’ (imported as ‘Redirect’) was not found in ‘react-router-dom’
最近在学习react的过程中遇到了下面这个问题，就是switch和redirect的引入问题，我最开始下载react-router-dom插件的时候没有注意版本问题，所以就直接进行下载啦，但是在引入其中组件的时候会遇到一些问题，就是在进行路由重定向时，使用<Redirect></Redirect>这个标签时报错，最后查询到是react-router-dom在下载时要制定版本。1、先卸载之前的react-router-dom。就可以解决以上报错啦。
2024-02-21 15:00:55
1010
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人