- 博客(23)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Form动态修改表单校验规则后，表单立即爆红的问题
在页面onMounted初始化时，会根据不同情况动态的修改表单校验规则rules。但此时会立刻出现表单立即爆红一片的情况。
2024-10-08 14:17:55
140
原创 session和local存储数据时使用JSON.parse和JSON.stringify转义的必要性
我们存入a的值是Number类型的1，获取a值后却不等于1。
2024-09-29 10:04:02
140
原创 取消多次发送的请求，只保留最后一个
最近在开发询价功能的时候遇到一个问题，功能是传参调用接口获取价格，并在前端展示出来，每个参数的改变都会调用询价接口，重新获取价格。本来是没什么的，问题在于该接口的入参涉及多个参数，这部分代码的函数又彼此嵌套（吐槽...这部分代码阅读起来极其上头！），一个入参改变就会引起其他参数的改变，导致询价接口发生多次调用。理想情况下，前端只会展示最后一个接口返回的价格。然而实际情况是，接口的处理时间不同，导致最后一个响应的请求≠最后一个发送的请求。
2024-09-26 15:21:45
336
原创 为什么router.currentRoute.value.query解构出的参数类型推断为string|string[]
当url上有多个同名query，router.currentRoute.value.query会返回一个数组，也就是为什么TS会有。对于以上这行代码，TS会将每个参数的类型为。, 所以在对这些参数赋值时，TS一直提醒。在项目应用中，我的参数类型都是。
2024-09-12 16:12:12
145
原创 nextTick的使用
也就是说，在视图上做了某些操作，该操作触发数据A的更新，此时，如果要获取A或者用A赋值给其他变量B，有可能是获取到的还是未更新的A，即便你在页面上已经做了修改A的操作。如果想要在修改数据后，得到更新后的A数据，或者用更新后的A数据进行赋值操作，思路就是把这些操作放在数据变化完成，视图更新过后。当数据发生变化时，Vue将开启一个异步更新队列，页面视图需要等队列中所有数据变化完成之后，再统一进行更新视图。Vue 在更新 DOM 时是异步执行的。延迟执行某个操作，把该操作的执行延迟到下次DOM更新之后。
2024-08-20 16:14:22
235
1
原创 npm install安装报错gyp ERR
如果以上设置完，npm install安装依旧报错gyp err，可能需要手动设置。安装最新版本的 Visual Studio，安装包可以去官网下载，下载速度比较慢。安装特定版本的 Visual Studio后，可以通过以下命令设置 npm 配置路径。由于之前尝试过安装但失败了，所以需要删除项目中的。这个命令很重要，用来安装一些构建工具（环境变量，指向 Visual Studio 的安装路径。配置项不被识别，可以尝试直接编辑 npm 的配置文件。资源管理器地址栏输入。一步一步来，总会解决的！
2024-08-20 11:16:59
615
原创 webpack 的externals配置
webpack 中的 externals 配置提供了的方式。如果需要引用一个库或文件，但是又不让它被webpack打包（减少打包的时间+减少打包后的bundle文件体积），且不影响在程序中以CMD、AMD或者window/global全局等方式进行使用（一般都以import方式引用使用），那就可以通过配置externals来实现。
2024-07-05 17:12:56
681
原创 el-input-number无法过滤e、+、-、.等特殊字符
el-input-number是一种特殊的输入框，用来输入数字。除了可以直接键盘输入数字外，还支持通过上↑、下↓按钮对数字进行调整。然而，el-input-number对于输入字段的处理并不严格限制只能输入数字，而是允许用户输入一些额外的字符，比如+、-、.、e、E，这个问题在原生input事件中也会出现，原因见下文。
2024-06-26 15:56:22
836
原创 el-input的输入内容校验及限制字符输入
记录下最近做的两种校验1. Form 表单的rules校验2. input输入框的@input校验。
2024-06-19 11:48:18
1732
原创 导出功能如何从响应头里面获取fileName文件名
一般是从响应头的字段获取对应的fileName。要成功拿到res.headers['content-disposition']，需要注意以下几点，都是踩过的坑。
2024-06-18 15:33:18
841
原创 scss使用样式穿透动态控制el-dialog的样式
上午在做一个弹窗el-dialog，需要展示导入的失败信息。需求如下：（1）导入限制只能导入模板格式的Excel表，不能导入其他格式文件，否则弹框报错提示：导入失败，请下载模板填写后导入。（2）导入行数限制500行，若超过则无法导入，弹框报错提示：单次导入不能超过500行，请修改行数。（3）导入时，若某行用户账号已存在于政企版用户列表，则该行不导入，其余行导入，弹框提示：总共X行，其中Y行导入失败，其余X-Y行导入成功。失败详情：第1行导入失败，用户账号18800001111已存在；
2024-06-07 15:12:18
823
原创 Unexpected mutation of “xxxx“ prop问题
在接手别人的代码时，发现代码其中一个组件报错：Unexpected mutation of "xxxx" prop。
2024-05-31 15:59:41
919
1
原创 new Date()的setMonth方法关于月底的坑
早上一来被测试提了个bug，时间选择器本来默认都是显示上个月时间的，今天变成了显示本月的时间。原来对于setMonth这个方法，在使用的时候是可能会出现问题的。
2024-05-31 14:27:02
410
原创 各类包和组件相关问题
element-plus的中文包路径/node_modules/element-plus/dist/locale/zh-cn。
2024-05-14 11:26:24
231
1
原创 element-plus中el-date-picker相关问题
以前都用最近在做一个Vue3新项目，也要实现类似功能，但突然发现pickerOptions不好用了，控制台也没有报错，郁闷坏了。由于之前是在Vue2中使用的pickerOptions属性，于是猜测Vue3是不是又把属性改名换姓了，查了一下果然啊。
2024-05-09 18:59:55
1744
原创 从from disk cache看浏览器缓存机制
指浏览器对之前请求过的资源进行缓存，以便下一次访问该资源时可以重复使用。好处就是从缓存读取资源，比向服务端发HTTP请求回来拿到的资源要快很多，提高页面访问速度，节省带宽，降低服务器压力。
2024-03-19 15:39:10
1398
原创 Nginx的指令及基础配置
Nginx经常作为反向代理服务器使用。它接收外网的HTTP或HTTPS请求，作为一个代理中间将这些请求转发到内网的后端服务器上；同时也将内网的后端服务器的响应，返回给外网的客户端。也就是说，Nginx作为反向代理，通过合理的配置可以实现内网和外网的“隔离”。让外网用户有条件的通过Nginx访问内网的Web服务资源，同时内网的服务器地址不会暴露给外网，避免外网用户直接访问内网的风险。
2024-03-13 12:00:05
2517
原创 async和await的使用
async会将后面跟着的函数返回值封装成一个Promise对象.（1）async关键字后跟着的函数，该函数本身返回一个Promise对象。（2）async关键字后跟着的函数，该函数本身返回一个直接量，但async会把这个直接量通过Promise.resolve()封装成Promise对象。（3）async关键字后跟着的函数，该函数若没有返回值，则async会封装返回值。
2024-02-28 11:48:42
909
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人