自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 echarts饼图数据太多了怎么办?试试分页?

echarts饼图数据过多时,默认展示部分数据,全部数据分页展示

2024-02-04 14:26:16 861

原创 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实现用户数秒未操作后,弹出登录超时框并且退出登录

防抖节流实现用户超时退出登陆

2024-02-02 09:37:44 527

原创 vue3使用Photo-Sphere-viewer浏览全景图片

【代码】使用Photo-Sphere-viewer浏览全景图片。

2024-02-01 17:24:53 387 1

原创 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

原创 前端实现项目内预设图片,选择图片将路径转为base64编码文件上传

前端页面循环出文件夹中图片,取其路径转化为base64编码使用

2023-10-27 11:06:52 387 1

原创 flex:1是什么意思?flex:1和flex:auto有什么区别?

flex:1是什么意思?flex:1和flex:auto有什么区别?

2023-09-12 10:29:21 313

原创 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

原创 Vue3 + Element UI 实现文件上传弹出框

Vue3 + Element UI 实现文件上传

2023-02-13 15:45:41 2876

原创 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中v-if和v-show的渲染区别

vue中v-if和v-show的渲染区别

2022-10-24 17:43:12 727

原创 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

原创 element-ui el-upload实现上传文件以及简单的上传文件格式验证

element-ui实现文件上传以及前端对文件格式的初步校验

2022-08-26 16:12:26 7580

原创 VSCode中git stash list 报错 ‘error: unknown switch `e‘’问题

在VSCode中使用 ’git stash popstash@{}‘时,通常会遇到如‘error: unknown switch `e'’ 此类的报错

2022-08-17 11:25:59 4230

原创 HTML5新特性

HTML5新增特性

2022-06-10 11:11:45 162

原创 Vue样式穿透

在使用vue组件开发的过程中,使用样式穿透修改第三方组件库样式而不去除scoped属性,调整第三方的组件库样式以还原UI图。

2022-05-25 17:21:47 703 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除