日积月累
文章平均质量分 62
日积月累
随笔写
这个作者很懒,什么都没留下…
展开
-
vue使用关于speak-tss插件的详细介绍
voice:要使用的语音,如果未提供,则由浏览器选择默认语音。支持 Microsoft Huihui - Chinese (Simplified, PRC) ,Microsoft Kangkang - Chinese (Simplified, PRC) ,Microsoft Yaoyao - Chinese (Simplified, PRC)lang:语言,如果没有提供,则默认值由您的浏览器决定(下文有声明多种语言)。volume:语音播报的声音,默认为1(音量0-1)。rate: 语速,默认为 1。原创 2024-09-13 16:18:59 · 233 阅读 · 0 评论 -
基于ts写法的一些 项目中会有所用到的功能函数
项目中可能会用到的功能函数,一般定义到外部文件中,hooks中。在此记录一下:一,判断是否ie浏览器 判断ie的版本二,转意符换成普通字符三,'yyyy-MM-dd HH:mm:ss’格式的字符串转日期四,生成随机数五,根据数组生成tree结构六,判断两个对象是否完全相等 数组去重 数字滚动效果七,验证身份证号 的两种方式, 验证手机号八,文件转为链接,base64转为blob,blob转为file,九,判断某个数字是否为质数 及 某个自然数中的质数的个数十,其它到原创 2024-09-11 15:20:02 · 352 阅读 · 0 评论 -
vue3 的 watch监听的多种方式及注意点
1,基本数据类型:可以直接监听,可获取新旧值。2,引用数据类型:需要deep:true深度监听,但是只能获取新值。要想获取新旧值,要想获取新旧值,需要监听目标数据的深拷贝。原创 2024-09-11 11:30:05 · 359 阅读 · 0 评论 -
有关树形结构数据的功能函数
本文主要介绍的是 有关树形结构数据的处理,下面主要写了几个针对相关功能的功能函数,在此记录一下:一,在树形数据中,找到某个节点中id为指定值的数据节点(树形结构中所有节点,包括子节点):二,根据根节点的id将一个一维数组转变为树形数据(rootValue即根节点的id):三,获取树形根节点的status 值为currentStatus的根节点的节点个数:四,获取根节点的个数(树形结构中所有节点个数):五,根据传入的id数组,给该节点添加一个disabled属性值为false,其他节点添加一个disa原创 2024-09-02 17:40:21 · 195 阅读 · 0 评论 -
解决el-avatar及el-image本地路径的图片不显示问题
项目中有个上传用户头像的功能,但是不是必填项,不上传的话显示默认头像,默认头像配置在asset目录下面。组件,发现使用本地图片路径无法显示,但是使用原生img标签却能显示。转载 2024-08-23 17:57:58 · 63 阅读 · 0 评论 -
el-table表格自动滚动实现 + vue-seamless-scroll 插件的实现
先说一说实现过程中遇到的大坑吧。原创 2024-08-23 17:32:08 · 1785 阅读 · 0 评论 -
关于后台数据文件流的下载及导出
这些方法可以根据具体的需求和项目环境选择使用。需要注意的是,后端返回的文件流需要正确设置Content-Disposition响应头,以指定文件的名称和下载方式。当需要请求相关接口或者是 url 时,后端返回文件流的形式供前端下载,导出。以上8种实现下载的方式,根据不同的需求选择不同的方式。原创 2024-08-23 16:32:02 · 367 阅读 · 0 评论 -
11个有用的css编辑网站
官方网站:https://bennettfeely.com/clippy/ 其他: https://www.cssportal.com/css-clip-path-generator/在这里你可以生成多个加载动画并将其下载为SVG、GIF、PNG和其他格式,但它最棒的特点是你可以将这些动画自定义到一个新的水平。官方网站:https://9elements.github.io/fancy-border-radius/可以为Grid生成很棒的css,你可以使用div对其进行自定义,它还将为此创建子元素。原创 2024-08-21 16:04:20 · 1002 阅读 · 0 评论 -
git stash 主要使用
在实际开发过程中应该都会遇到这种情况:目前你在开发一个新的功能在A分支,这时有一个优先级很高的需求或者是bug需要修复。下面来介绍下主要的 git stash 的命令行使用。首先我们直接将我们未开发完的代码 暂存到工作区(修改的内容) 可以多次使用stash,从最近一次的commit读取相关内容。注意: git stash pop 是获取最近一次暂存进去的代码, 如果你stash了很多次,那么恢复的是最新一次的代码内容。有时候 我们开发多了,stash 进去暂存区的内容多了,自己也忘记具体要恢复那次了。原创 2024-08-21 13:51:58 · 260 阅读 · 0 评论 -
Notification 分不同实例关闭
vue3使用 element-plus中的Notification 实现一个 消息通知的功能。需求:,每当 socket 通知到位,系统右下角就会自动弹出一个 notification 弹框通知。对应弹框点击后,做对应推送数据的处理且关闭 具体某个 消息通知。(多个消息通知,到底如何处理呢!还有个关键性问题就是 根据需求,点击某个通知后需el-dialog 弹框中处理内容。此时消息弹框 层级比 el-dialog 高,这样就造成了无限点击 出现多个弹框问题。问题解决,就到此结束啦!原创 2024-08-20 11:27:53 · 286 阅读 · 0 评论 -
img 加载失败特定默认图片
本文讲解一个简单的问题,平常我们开发的时候难免用到标签。当图片src地址不存在 及 加载失败的时候,想给一张加载失败的图片。直接上代码。第二种 在vue中 直接直接使用 @error事件第三种 当你确认src 可能为空或者是错误时 给一个或的条件以上就是 图片加载失败的 显示其它默认图片的处理。看完别忘记点赞哦,小二在此谢过了!原创 2024-08-20 10:32:53 · 514 阅读 · 0 评论 -
element的 ElMessageBox 倒计时操作
组件库中 Feedback 反馈组件(ElMessageBox.confirm),具体需求是在 确定按钮下做一个 自动倒计时,倒计时结束自动触发 确定事件。这里使用element-plus组件库,安装使用看官网。ElMessageBox.confirm 具体使用及配置项 官网都有介绍。页面效果是这样: 倒计时结束自动触发!废话不多说直接上代码。这里简单介绍下: 使用。原创 2024-08-19 16:45:08 · 652 阅读 · 0 评论 -
vue v-html 处理后台返回的不规则 特殊符号 html
有时候会遇到后台直接返回 html 标签, 但是是一些不规则的特殊符号。等。这里直接使用 replace 及配合正则 方法去解决。下面介绍三种不规则 html 标签处理。废话不多说,直接上代码(这里说明一下,以下内容是由其它文章获取,尊重原创)。原创 2024-08-15 11:03:46 · 360 阅读 · 0 评论 -
vue3+vite适配低版本谷歌浏览器
最近使用vue3+ts+vite搭建了一个项目,在chrome112等新版本浏览器上无问题,但是部署到现场页面直接空白,且控制台报错:问题:经过排查是现场谷歌浏览器72版本太老,不支持最新语法和es6这些语法导致故需要做浏览器兼容性处理在mac运行不同版本的chrome浏览器。转载 2024-08-14 17:30:36 · 140 阅读 · 0 评论 -
vue3 打包低版本浏览器问题
vite版本和@vitejs/plugin-legacy版本没有对应,因为plugin-legacy版本为2.x后,vite版本需要为3.x版本,要么@vitejs/plugin-legacy降级为2x一下。原创 2024-08-08 17:10:21 · 359 阅读 · 0 评论 -
实现Element ui 及 plus Message消息提示的倒计时效果
(2)若是Element Plus框架的项目中,先在 main.ts 中引入 elementUtil 工具并配置为全局方法,然后直接在任意一个 vue 页面中使用。框架暂时没有实现这个功能。实例化多个消息提示,每个消息提示都具有自己的倒计时。以及可在Element UI或Element Plus框架上实现。(1)若是Element UI框架的项目中,直接在任意一个 vue 页面中使用。刚好遇到一个需要自动关闭消息提示的需求,可。三、在Element Plus框架上的实现。二、在Element。原创 2024-08-08 16:26:12 · 605 阅读 · 0 评论 -
vue3 + vite + @vitejs/plugin-legacy 兼容低版本浏览器
最近使用vue3+ts+vite搭建了一个项目,在chrome112等新版本浏览器上无问题,但是部署到现场页面直接空白,且控制台报错:问题:经过排查是现场谷歌浏览器72版本太老,不支持最新语法和es6这些语法导致故需要做浏览器兼容性处理在mac运行不同版本的chrome浏览器。转载 2024-08-08 15:35:59 · 391 阅读 · 0 评论