我穿棉裤了-CSDN博客

原创 (已解决)js禁止用户手动操作页面缩放

本文提供了一个禁止网页缩放的前端代码解决方案，适用于HTML和Vue项目。代码通过监听键盘和鼠标事件，阻止用户使用Ctrl键和鼠标滚轮进行页面缩放。具体实现包括覆盖document.onkeydown事件和body的wheel事件，确保用户无法通过快捷键或滚轮缩放页面。对于Vue项目，只需将代码粘贴到根目录的index.html文件中即可生效。文章最后提醒读者关注作者，以获取更多实用内容。

2025-05-22 09:16:29 179 2

原创 tinymce富文本工具栏

再使用tinymce富文本编辑器的时候点击工具栏上面的三个点然后在不主动关闭的情况下关闭这个页面----这里我要说一下(我这里是一个。查阅了文档之后可以再beforeUnmount生命周期销毁这个富文本的实例。) 当为true的时候这个组件消失，但再没。关闭工具栏的时候会发现工具栏出现在其他页面。布尔值控制这个页面的显示与隐藏。

2025-05-16 09:36:15 130

原创一文解决Element-plus 关闭弹窗再打开报错问题

今日再解决bug的同时，页面有三个按钮弹窗事件，来回点击切换后，突然就报错，点了没反应，一打开控制台报错了。大家请看搜了很多资料原来是因为关闭弹窗后其中的子元素没有被完全销毁掉！！最后查阅了官方文档发现有个方法是专门再弹窗关闭时来销毁其中的元素在头部加上去就好了，完美解决制作不易，点个赞再走吧

2025-05-10 18:03:18 153

原创 Vue+Element-plus 如何使表单自动跳到校验失败项

element-ui 没有这个内置方法，需要手动实现喔！

2025-05-07 17:53:52 276

转载 vue3取消跟踪auto-imports.d.ts，components.d.ts这两个文件的变化

文章转自:原文链接：https://blog.csdn.net/2302_77290281/article/details/143301461。我们每次提交git的时候，auto-imports.d.ts。这样我们的git就不会再追踪这两个文件的变化。在项目.gitignore文件内添加。

2025-04-23 14:53:01 220

原创解决vue 启动问题set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve

今天在启动项目时偶然发现一个问题，解决之后也给大家避个雷。文件里做以下操作即可，方便快捷，直击痛点。

2025-04-21 14:55:45 1063

原创 ElementPlus upload on-progress踩坑记录

钩子函数,但使用了会发现on-progress 有时不触发. 上网百度了一大堆,概而论之大概意思就是由于项目中引入了mock 数据覆盖了原有的xhr请求,但是。项目里一搜一大堆mock,还要保证后端接口数据调取成功，这。思路来自于：https://www.cnblogs.com/best-fyx/p/11363506.html，on-progress用不了，用on-change代替（上传过程中都会调用这个方法，file.上传大文件的时候要显示上传的进度条,需要用到upload on-progress。

2024-08-13 10:10:06 1083 1

原创 Vue2+ElementUI from表单校验上传图片

我们知道from 表单的校验需要rules里面对象的字段和prop对应的字段保持一致才可以触发校验，所以可以先在rules里定义上传图片的字段跟prop保持一致使它触发校验，接着在上传的时候可以自己定义remove事件，把图片url清空，之后再把它原来的规则添加进去就完成了！！！

2024-05-23 13:53:04 594 1

原创 js过滤出来所有符合条件的元素并组成数组

可以直接使用es6 new Set 和has 组成一气呵成。

2024-05-11 11:47:21 471 1

原创 js一个正数，如何除以2，并且向下取整。

可以使用 Math.floor(num / 2);num >> 1 // 方法二: 位运算。

2024-04-29 17:21:19 395

原创改造 console.log！！!让打印一目了然

这样能通过文件路径看到具体是哪一个文件输出的信息，并且都能看到每一个输出值所对应的变量名。就会发现出现很多打印，因为项目中很多个文件都是这么打印的。来定位问题的然后通过打印的东西，去看是否达到预期的结果：比如这段打印。其实我们可以使用个插件，很明确的看出来我们在那个文件写的打印。这时候怎么高效的解决呢？难道一个一个的点进源码里看吗？近期在开发项目中遇到了一个问题，前端定位问题是通过。添加完之后我们重新运行然后再控制台看出来。适用于 webpack 项目。适用于 vite 项目。

2024-04-13 15:50:55 243 1

原创超火前端Radash库，声称要代替Loadsh！！！

随着JavaScript引入了可选链和空值合并操作符，Lodash库中的许多函数显得不那么必要了。同样，随着 JavaScript 和 TypeScript 的最新进展，传统的函数如 .get、.map 和 _.size 等已经变得不那么必需了。更重要的是，就性能而言，像可选链这类语言特性的效率远超过了 Lodash 的 _.get 函数，其速度几乎是后者的两倍。最近 Radash 这个库火的一塌糊涂，这是一个类似于 Lodash 的前端工具库，短短时间内在 github 上就拥有 3.4k star。

2024-04-11 15:45:39 1341 1