- 博客(93)
- 收藏
- 关注
RSS订阅原创 Ctrl+鼠标滚动阻止页面放大/缩小
一般在我们做大屏的时候，不希望Ctrl+鼠标上下滚动的时候页面会放大/缩小，那么在有时候，又不希望影响到别的页面，比如说这个大屏是在另一个管理后台中，那么，在管理后台Ctrl+鼠标上下滚动是可以缩放的，但是，跳转到大屏时候是不希望缩放的。这时候我们可以将阻止缩放函数放在大屏的页面中。
2025-05-22 15:05:52
344
原创 多行文字无限滚动，鼠标移入停止，移出继续
在做一些大屏时，会有一些信息，这些信息有时候有点多，但是可展示区域没那么大，这时候就需要做一些文字信息的滚动显示。就像下面那个视频一样：多行文字滚动但是有时候信息可能又有些少，不用滚动就可以展示完全，这时候就不需要滚动展示。就像下面那个视频一样：页面能展示全就不滚动。
2025-05-22 14:31:14
392
原创 uniapp使用mixin分享到朋友圈
在uniapp的项目中，需要每个页面都可以分享到朋朋友圈，那么一个页面一个页面写太麻烦了，可以使用mixin挂全局。
2025-05-07 18:15:30
414
原创 VUE+ElementUI 使用el-input类型type=“number” 时，取消右边的上下箭头
在项目中有时候需要输入框的type=“number”，这个时候，输入框的右边就会出现两个按钮，这两个按钮可以递增/递减，但是这样输入框看上去就不太美观，就需要将其隐藏。
2025-05-07 14:39:07
664
原创 Vue3中到达可视区域后执行
在项目中有时候需要显示一些动态效果，但是如果页面过长刷新页面的时候有些效果在没看到的时候就会执行，那么能滚动到那个区域的时候哪些动态效果就在没看到的时候就已经执行过了，那怎么才能让后滚动到可视区域的时候才执行呢？在Vue 3中，要判断一个元素是否到达可视区域，你可以使用几种不同的方法。最常见和直接的方法是利用Intersection Observer APIIntersection Observer是一个非常强大的API，可以自动“观察”目标元素是否进入其祖先元素或顶级文档视口的可见区域。
2025-04-30 16:57:48
573
原创 css 数字从0开始增加的动画效果
在有些时候比如在做C端项目的时候，页面一般需要一些炫酷效果，比如数字会从小值自动加到数据返回的值css 数字从0开始增加的动画效果。
2025-04-30 16:31:00
735
原创 hover时动画震动效果
在有的相关目中特别是在C端一般都要求做的炫酷一些，这就需要一些简易的动画效果，这里就弄了一个简易的震动的效果如下视频所示让图标一大一小的震动视频。
2025-04-30 16:12:55
437
原创 echarts常见的调动
一般在需要在我们使用echarts插件的时候，需要在原来的基础上做一些改动，那么这些改动都在echarts插件的哪些配置项里面呢？
2025-04-16 10:12:37
156
原创 可以输入的下拉框（下拉框数据过大，页面卡死）
在项目中，有些下拉框的数据过于庞大，这样页面有时候会卡死，在vue3中常用的组件库element-puls中有个组件可以避免在项目中，有些需求要求下拉框选择的同时，可以输入模糊搜索，而且还要求在搜索不到的时候，可以自己手动输入。在vue3中常用的组件库element-puls中同样的，还是这个组件可以做到。
2025-01-06 18:50:29
468
原创 element-puls封装表单验证
在做项目中会有一些简单的表单非空验证，这些验证比较简单，就是代码看着有点多，做起来浪费时间，所以我们可以将这个方法封装起来，然后挂载全局，这样使用起来就方便多了（由于是挂载全局，所以用的时候都不用二次引入了）
2024-12-21 13:03:37
267
原创 vue项目在移动端禁止两个手指放大,禁止复制文本
例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)
2024-12-07 09:00:22
195
原创 父组件提交时让各自的子组件验证表格是否填写完整
例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)
2024-11-18 17:14:18
325
原创 微信小程序调用复制api报错{“errMsg“:“setClipboardData:fail api scope is not declared in the privacy agreement“}
用进行开发的，然后打包成小程序，但是殊途同归，先让我们看一下，怎么调用复制接口的。
2024-09-26 17:00:59
965
原创 uniapp微信小程序，获取上一页面路由
在进入当前页面的时候，判断是不是从某个页面跳转过来的（一般是当前页面为公共页面是出现的），比如 A-->B C-->B ,那么 要在 C跳转到B页面的时候多个提示语什么的 而在A跳转到B时不需要，那么就要判断 上一页面的路由是哪个。
2024-09-26 15:14:34
1357
原创 wx.chooseMessageFile在pc端微信小程序失效解决方法
微信上传方法wx.chooseMessageFile在pc端微信小程序失效的解决方法
2024-09-06 17:48:14
3399
原创 uniapp微信小程序page-container导致滚动失效/向下偏移，返回上一页/左滑取消返回上一页
前提： 使用uniapp来做的微信小程序有两级tab页面 要求手机的两边往中间滑时 要求（调用手机的物理返回按钮--有震动感） 返回上一页。
2024-08-30 16:57:27
1422
原创 对el-table表格的表头操作
看，基本上一样的用法：colspan='number' 属性，设置单元格可以横跨几列（默认一个单元格横向只占据一列）图示3：图示4：代码：效果2：el-table多级表头合并图示1：html部分需要el-table-column标签进行嵌套js部分：图示2：html部分js部分：还可以，直接通过column.label找到对应单元格，然后进行合并单元格操作，不使用rowIndex和columnIndex了 这种方式，在某些情况下，会更加方便
2024-02-29 12:01:15
4045
原创 后面的输入框与前面的联动，输入框只能输入正数（不用正则）
/ 校验数值 必填 可以为0 但是不能为空 ---必填（最多两位小数）callback(new Error('请输入数值,不能为空！'));callback();}else{//如果是千分位的数值，去掉里面的 , 后再验证}else{if(!callback(new Error('请输入最多只有两位小数且为正数的数值！'));else if(newVal.toString().indexOf(".")==-1){//如果没有小数点。
2024-01-19 10:51:03
780
原创 element-ui表单验证同时用change与blur一起验证
当审批时不通过审批意见要必须输入，1：如果用change验证的话删除所有内容时报错是massage的提示，但是在失去焦点的时候报错就成了英文，如下图：2：如果用blur验证的话删除所有内容时报错是massage的提示，但是在失去焦点的时候报错就成了英文，与上面正好相反。
2024-01-16 11:58:16
1731
原创 vuex中action 方法互相调用
在一些项目中，会有一些公共请求由于使用的较多，所以会托管vuex的actions中。那么如果在actions中有两个或者是三个请求的时候，而且这几个请求时相关联的时候，那么就要相互调用了。
2023-12-08 10:41:51
3078
原创 下拉框的watch监听与change事件
watch监听是在赋值的时候就会触发，回显也是赋值，也会触发change在值变更的时候才会触发，回显不属于值的变更，不会触发。
2023-11-21 14:14:10
593
原创 el-select下拉框只回显value不回显label的原因以及解决方法
3：如果 value类型是正确的，下拉框数据也有，还是返显的value，最后可以试一下在el-select加一个change方法中使用this.$forceUpdate()方法如下。el-select的采用的是map的key value结构，因此只显示value而不显示label的原因是，value的类型不正确，将value转换成对应的类型即可。2：如果转换了正确的类型还是返显value而不是label，那么有可能时因为下拉框的数据没有请求出来，因此没有返显相对应的label，
2023-11-16 14:23:02
7236
1
原创 关掉电脑的自动更新
在“常规”界面中点击“启动类型”，把选项改为“禁用”，然后点击下方的“禁止”，再点击“确定”后即可。】，并按一下回车键，打开服务管理器，参考下图。】，打开【运行】窗口，参考下图。、在服务中管理器中，我们找到【】，并双击打开，参考下图。、然后在运行窗口里输入【系统的自动更新功能。
2023-11-09 13:51:54
186
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人