- 博客(21)
- 收藏
- 关注
原创 vue Element-Ui tabs+badge组合使用 并根据数量修改tabs的badge颜色
项目中经常会使用到tabs标签页,该项目需求是在每一个tab右上角显示该页面数量,按照数量多少决定颜色或随机颜色
2024-02-02 17:52:43 408 1
原创 vue实现防抖搜索--中文输入法即时查询
在实际项目中经常会用到input输入框来实现键入搜索,一般的步骤就是用户在输入后点击查询按钮进行查询调接口就完事了.但是有的时候会要求输入时就进行搜索了,那么此时会出现即使使用的中文输入法,也会输出单个的字母,如图所示。:如果你持续触发一个事件,防抖的作用是延迟执行,直到在一定时间内没有新的触发,再执行一次。这种技术通常用于处理连续的输入,例如用户在搜索框中输入时,只有在用户停止输入一段时间后才发送请求。简单来说,防抖是“一定时间内只触发一次”,而节流是“一定时间内只处理一次”。
2024-02-02 10:14:46 353
原创 vue实现飘窗动图效果
悬浮的时候利用的是onmouseover时间, 还记得初始化的时候备注里提到设置的定时器吗?项目需求,要求弹窗只在某一个时间段显示即可,所以增加了对时间的判断,设置开始/结束时间,加载页面的时候判断是否在时间内决定是否显示。飘窗嘛先随便写个盒子加上你想要的样式就ok了,完事整上position:fixed,利用固定定位使飘窗在页面窗口上移动。开启下一个定时器之前要确保之前的定时器已经被清除掉了,保证只有一个定时器能让飘窗移动才行,这样才能好好的延续路线。老发言了,清理定时器,关掉设置显示的v-show。
2024-02-01 16:20:29 488 1
原创 Vue前端嵌套系统实现在iframe框架中传值给子系统实现单点登录或其他操作
将token或其他值传入子系统中,使得在iframe加载后自动登录或者传递信息的功能
2024-02-01 14:04:47 1046 1
原创 修改回显pdf标题问题 使用window.open(url)打开文件时谷歌浏览器title显示错误问题
有时候打开pdf谷歌浏览器网页标题会和pdf的名称不一样,但是其他的浏览器打开又是正确的,这是为啥呢?在wps-文件-文档属性中可以看到有这个标题名称但是无法更改,如何解决呢?
2024-01-18 14:39:58 645 3
原创 记录一些写项目常用到的东西(保持更新中)
shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。末项移到首项:Arr.unshift(iArr.pop());将首项移到末项:Arr.push(Arr.shift());pop() 方法用于删除数组的最后一个元素并返回删除的元素。新元素将添加在数组的末尾。该方法将改变数组的数目。此方法改变数组的长度。此方法改变数组的长度!
2023-11-10 09:54:57 310 1
原创 vue docx-preview实现docx文件在线预览
之前一般做项目进行文件浏览的时候基本都是用的window.open+url的形式打开文件,进行浏览操作的,但是这种打开方式只能够在线浏览如jpg、png、pdf这类文件,对于文档类型docx这种则是用下载的方式打开的。这次甲方爸爸想要直接预览文档,于是就来使docx-preview这个在线预览组件了。(这个插件只能够实现docx后缀的文件,doc文件打不开滴)
2023-02-20 16:03:09 17325 5
原创 Vue3 + vue-web-screen-shot 前端实现页面截图64编码转图片文件上传
Vue3 + vue-web-screen-shot 浏览器-在网页中使用自定义截图功能,并将64编码转图片文件上传
2023-02-17 11:06:52 4009 1
原创 Windows 64-bit with Unsupported runtime (83) For more information on which environments are suppor..
Syntax Error: Error: Node Sass does not yet support your current environment:Windows 64-bit with Unsupported runtime..报错解决
2022-11-16 11:32:04 1582 1
原创 vue项目关于:Error Cannot find module ‘xxx\bin\vue-cli-service.js‘的解决方案
vue项目关于:Error Cannot find module ‘xxx\bin\vue-cli-service.js‘的解决方案
2022-09-29 16:51:25 7165
原创 VSCode中git stash list 报错 ‘error: unknown switch `e‘’问题
在VSCode中使用 ’git stash popstash@{}‘时,通常会遇到如‘error: unknown switch `e'’ 此类的报错
2022-08-17 11:25:59 4230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人