- 博客(22)
- 收藏
- 关注
原创 mac使用electron打包报错(证书签名问题Developer iD Application、找不到安装包wincodesign-2.6.0.7z: status code 404)
大多数在网查到的解决方案就是在淘宝镜像或者github上面下载下来wincodesign-2.6.0.7z 然后放在lectron-builder缓存文件中,但是我觉得比较麻烦,而且这个报错不是网慢的问题而是404,所以如果http://npm. taobao.org/mirrors/地址不在的话可以换一个淘宝镜像的地址。因为可能会是临时的环境变量没有应用到用户的全局变量中,会导致再次打包失败。所以当我们在bash_profile设置了再打开的时候就会没有,所以可以在zprofile或者zshrc中设置。
2024-08-28 14:31:26
13
原创 vue+element-plus+ts 实现点击输入计算公式
就是要出一个计算组件,可以帮助用户快速出计算公式,点击输入数字和运算符号得出一个(2+3)-4+5类似的格式,而我们需要得出两种 一种就是既要知道输入的数字公式,另一种就是得出字母代替的公式比如:(A+B)-C+D。正则需要满足条件为:公式不能以运算符开始和结束;()不能只出现一边,()前后符号出现问题;两个输入数字之间必须要有运算符;
2024-08-14 14:14:29
37
原创 vue3+ts实现PC端和客户端模拟鼠标右键出现下拉框并且下拉框内容区分文件和文件夹
首先实现第一步:新建一个rightMenu.vue, 文件夹和文件靠fileType区分(fileType='folder’是文件夹,fileType='file’是文件)。在pc端和客户端要展示用户上传的文件夹和文件,效果等同于我们在电脑上右键点击文件夹和文件时出现的下拉框,只是下拉框里面的内容要是自己定义的对于文件夹的操作,如下显示。第一步先建一个公共的下拉框组件,组建里面包括了所有的操作(文件夹的和文件的),然后在组件中进行根据类型做判断,判断文件夹的只显示文件夹的,文件只显示文件的。
2024-07-02 10:35:27
76
原创 vue3+ts+echarts实现渐变色间隔柱状图和渐变色仪表盘
此次项目有许多图表,这次先总结两个处理好的。一个是渐变色柱状图(柱状图有间隔),一个是渐变色仪表盘表示进度。
2024-06-27 10:32:14
93
原创 vue3+ts+xlsx、xlsx-populate页面上显示表格并导出excel
要用到的就是xlsx-populate,用它生成和页面上显示的一样的样式并且导出。以上代码就是如何在页面上展示的表格,接下来要说的就是如何导出excel表格,且导出的excel表格内容与页面上一致。以及如何导出pdf格式的内容。页面上需要显示一个数据的excel表格,样式为固定左侧两列和表头(如下图所示),导出的时候结构也要和页面上是一致的。3.数据拿到了以后要处理一下,把拿到的表头数据添加到tableData中,便于td遍历。以上就是小编要分享的关于xlsx进行导出展示的内容啦~2.如何导出pdf格式。
2024-06-03 16:55:32
119
原创 新手如何用git创建分支、提交分支以及在使用过程中遇到的问题
git使用过程中合并代码、拉取分支、推送分支、证书过期、git pull和git push 冲突报错,代码撤销等一系列git操作说明
2024-05-31 17:24:41
49
原创 vue+ts+electron从客户端跳转网页,public文件中的图片不显示如何解决以及动态环境配置中数据获取不到
首先要明确因为本地和打包后安装的不是同一路径,本地是不需要拼接资源路径的,只有打包安装的时候才是需要的,所以在页面上进行拼接的时候要注意这一点,不能因为要为了解决部署安装以后的问题而影响到本地调试运行。我们之前经常在环境配置中设置的信息(比如下面代码中设置的),但是在客户端的时候因为会涉及到选环境 所以环境配置中的某些数据就没用了,但是有的页面上还是会用到所以就要改到store中获取。所以为了解决这个问题首先第一步要找到安装路径拼接到此路径前面,第二步就是修改页面上的路径,在页面上引用。
2024-05-25 15:11:41
96
原创 vue+js如何实现旋转动画
我是分为两种方式进行旋转动画显示的,一种是原生js一种是vue+js。主要的效果如下图显示:当点击具体的某一块的时候,该元素会旋转到圆盘最前面的中间位置显示,同时要有透视效果,就是远小近大(远处的盒子最小,近处的盒子最大。透明度同理。)第一种方法纯原生,代码如下:(根据代码给出解释)这种首先给出了一个元素运动的运动轨迹以及动画。主要是既改变自身元素的旋转也改变背景圆盘的旋转。主要是用css完成。第二种方法是用vue+js 用js代码去控制多个小球的时候运动轨迹
2024-05-18 15:53:23
513
原创 vue3+ts+electron+sqlite3 模拟消息聊天框(滚动未读消息变已读消息、定位聊天消息位置、消息卡片时间显示以及新消息提示)
基于vue3+typescript+electron+sqlite3实现模拟消息对话框,主要实现的功能有鼠标滚动可视区域内未读消息变已读消息,定位聊天位置,消息显示时间,以及消息时间格式,以及新消息提示文字
2024-05-08 15:55:09
357
2
原创 vue3+ts+vite+electron electron-builder等文件打包参数配置说明
前端vue3+ts+vite+electron 打包electron-builder.json、electron-builder.yml等配置文件参数说明
2024-04-29 16:16:14
429
原创 vue3+ts+echarts折线图超出阈值变红、visualMap报错问题处理
vue3+ts+echarts制作折线图,折线图超出阈值变红,visualMap报错 TypeError: Cannot read properties of undefined (reading 'coord'),Cannot set properties of undefined (setting 'hoverState')
2024-04-28 09:47:26
290
原创 vue.js实现循环轮播图(点击小图显示大图效果)
要先获取到点击的图片的索引或者唯一标识,然后在数组中查找到该一项,然后获取到到此项之前的数据(上面代码中的befores)再插入到数组中就完成了。最近有一个新需求,当右边点击小图的时候,左边要显示点击的对应的信息或者图片,并且顺序一定是1-2-3-4-5-6-7连接的这种。当点击第4张小图的时候的顺序应该为 4-5-6-7-1-2-3。补充如果想实现动态循环效果的话,就不需要改变数据顺序,需要改变的就是盒子位置,让dom盒子进行移动。希望能帮到各位实现效果啦~
2023-05-26 15:06:03
1054
原创 vue 修改动态api地址(打包后实现动态修改api服务地址)
目前来说,前端和后端是分开的,然后运维那边想要换服务器,如果总换服务器,那api地址也是总换,就要不停的打包部署,现在就是想要实现打一次包就可以在打包的dist文件夹里动态修改api地址,在网上查到有两种方法都可以实现这种直接在dist文件里面进行修改,无需反复打包第一种:在public增加config.js文件window.ipConfigUrl = { baseURL:"http://192.168.0.76:31900"}在public下的index.html引入config
2021-08-17 17:34:15
5321
7
原创 vue 解决多次点击一个路由引起的报错问题
当点击页面的时,如果点击的是同一个路径的话会报以下错误:如何解决这个问题?那就是需要在main.js当中插入一下几句话就可以了import Router from 'vue-router'Vue.use(Router);const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catc
2020-11-02 15:26:44
213
1
原创 vue+vue-router+Element ui 怎么点击导航不跳转页面但是可以弹出弹框
怎么利用vue-router+Element ui点击导航不跳转页面但是可以弹出弹框我们每次在点击导航的时候总是会跳转组件,现在的功能需要就是不跳转页面但是点击某一个导航按钮可以弹出弹框,这就要在写路由的时候动一下手脚,也就是在写路由的时候我们需要的就是把path设为空,而且不需要写component,即写完以后,导航是遍历出来的,然后在利用的时候就是分两种,一种就是除了弹框页面点击跳组件的,一种就是点击弹出弹框的,即在遍历的时候需要分开写在遍历导航的时候,在==‘YAML创建的时候’,也就是会弹
2020-09-16 13:55:04
2167
原创 vue中如何改变时间戳或标准格式的时间为几天前的形式
如果你在vue当中得到的是时间格式是时间戳格式或者是标准的时间格式(比如:2020-09-08 12:12:34),然后想让这些种格式变成几天前、几小时前的这种输出的话,我们需要做的是什么?首先写一个函数,该函数用来处理当前时间减去得到的时间最后显示出来的‘几天前、几小时前’的格式,那这个函数我是把它放在了外面然后在组件中通过过滤方式来进行调用export function timeago(dateTimeStamp) { // dateTimeStamp是一个时间毫秒,注意时间戳是秒的形式,在
2020-09-09 14:34:04
1115
原创 vue 后台给出接口怎么掉?简单实现vue调接口
**如何实现在开发中调用后台给出的接口?**第一步 :先看一看后台给出的接口比如:URL: /secret/getSecretTypeRequestMethod: GET返回示例:{“code”: 200,“message”: “成功”,“data”: [“Opaque”, – secret类型“Docker 仓库密码”]}这个简单的接口给出的信息就是接口的地址是/secret/getSecretType,方式是get方式,返回的对象就是返回示例,示例中的code=200代
2020-09-05 17:02:04
2600
原创 图标按钮css特效 跑马灯效果(会转会发光的按钮)
这种按钮比较简单,主要就是结合css3伪类选择器before和after以及定位实现的,阴影是通过hover效果划过实现的主要效果为:主要代码为:html代码: <body> <a href="#">按钮1</a> <a href="#">按钮1</a> <a href="#">按钮1</a> </body>css代码:body{ display:flex; flex-direc
2020-08-11 14:48:11
1147
原创 关于在设置时内部高度超出外部盒子产生滚动条的清除方法
第一步是加伪类::-webkit-scrollbar{display: none;}但是这样不能清除火狐浏览器的滚动条,还需要在父盒子设置overflow-y: scroll !important;scrollbar-width: none;-ms-overflow-style: none;
2020-07-23 15:21:49
763
nuxt.js框架调试接口并解决跨域问题
2023-02-22
vue中使用css预处理器scss解决body隐藏滚动条问题
2023-02-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人