- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 elementplus el-select 宽度随着内容变化
设置个最小宽度，然后css设置成上面这个，就可以实现在保持最小宽度的基础上，自动随着内容变宽，体验更好。
2024-08-19 15:13:48
587
原创 Nuxt3 PM2部署
但有时候会出现pm2: command not found的问题，使用node管理器是能跑但是端口改不了，大概是环境变量PORT设置的问题，后续再研究。都是使用pm2部署，ecosystem.config.cjs文件配置。安装PM2管理器，切换node版本，添加项目即可。然后将生成的代码复制粘贴运行。1、宝塔PM2管理器。
2024-08-06 11:47:37
502
原创 关于echarts一种另类散点图的做法
我和后端那边商量在最大放大档是一小时内数据只显示在这个小时的刻度线上，但只要滚轮放大，就显示到真实的点上。当然还是会有重叠的情况，但没必要去考虑的太细，一方面本省就不符合坐标轴的逻辑，第二那我还要考虑视口宽度，太麻烦了，最后还可能吃力不讨好，觉得做到这种程度其实也差不多，至于到秒级事件触发过于频繁，就需要后端那边去处理了，去掉那些重复事件。目前需求是要做散点图，但要求不能重叠，得横着排，这就很为难，因为我的轴是时间轴，考虑之后打算采取柱状图的方式去实现，隐藏掉柱子，只显示散点图的图标。
2024-06-17 10:47:04
370
原创 关于优化echarts datazoom鼠标滚轮缩放灵敏度的问题
产品那边反应图表缩放要滚很久才能滚到最小的秒级，然后本身echarts datazoom配置是不支持这个功能配置的，于是通过去鼠标wheel事件去优化，思路就是找到鼠标的相对x轴的坐标，通过这个坐标去修改datazoom的start、end，就可以在原有基础上，扩大倍数，基本滚两三下就滚到底了，具体代码如下，我用的是vue-echarts，datazoom是配置的inside，x轴我是时间轴。
2024-06-17 10:08:08
675
原创 关于el-menu ellipsis右侧空余太多的解决办法
研究半天没研究个所以然，直接加margin-right:-150px;，估计是lementplus计算有问题吧。
2024-05-23 15:41:09
324
原创 关于Nuxt3使用svg
3、plugin引入 virtual:svg-icons-register，然后nuxt plugin配一下就行。自定义不管是大小颜色都比官方module那个好用太多。安装vite-plugin-svg-icons。官方的不好用，还是用vite自己自定义的好用。1、自定义svg组件。
2024-05-13 16:19:57
631
原创 关于Nuxt3首屏加载loading的做法
看了网上很多资料，但是都无法实现，最后采用纯css的方法实现了效果，利用css的animation，因为使用js代码的话，总要等到客户端js加载完成才执行。但是我的需求是一个假的loading，就是无论多卡，显示一个几秒的loading，优化首屏的显示效果。接下来是页面的骨架屏，这个我还没搞好，搞好后面补上。这是layout文件。
2024-05-13 12:49:45
1094
1
原创 入职git报错问题 remote: User permission denied
入职git报错，发现是前面有人使用过这个电脑，所以是他的密码，导致我这边没权限返回不了，试了网上很多方法，千奇百怪，最后git重装也没用。最后找到的解决办法是。
2024-04-30 15:45:36
387
1
原创 el-table 通过自定义指令下拉分页
参考网上的el-select下拉框下拉分页，使用自定义指令方式实现table的下拉分页Vue.directive('loadMoreTable', { inserted(el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelectorAll('.el-table__body-wrapper')[0] SELECTWRAP_DOM.addEventListener('scrol
2022-05-18 10:36:02
482
原创 elementUI使用vue-direction-key实现键盘上下左右bug解决办法
最近要求输入框上下左右能实现输入框焦点切换的效果，在网上查了下决定使用vue-direction-key来实现功能，但是实际使用发现vue-direction-key配合element的select和date组件使用有问题，比如select无法展开、切换、关闭，然后对direction.on的方法进行修改，最后实现了功能。页面部分代码，注意x和y必须严格从0开始加1，我没做跳多个的判断，select和date分别使用type，date还需要配置dateIndex和ref<el-form :mode
2022-05-07 10:42:08
2084
3
原创 粗劣的时间计算当天、昨天、上月、本月、本年
在别人获取上月的基础上获取import moment from 'moment'function getPreMonth(date) { date = moment(date).format('YYYY-MM-DD'); var arr = date.split('-'); var year = arr[0]; //获取当前日期的年份 var month = arr[1]; //获取当前日期的月份 var day = arr[2]; //获取当前日期的日 var days = n
2022-04-02 17:00:25
181
原创 关于Vue使用ueditor富文本编辑器上传图片
1、使用的是vue-ueditor-wrap，前面操作网上都有，放到public下即可2、ueditor上传图片会先请求服务器获取配置项，但是考虑我们的上传图片接口本身就有，后台那边也不想配合，只能自己改上传的代码3、serverUrl就填服务器地址就行了，然后去修改UEditor ueditor.all.min.js的代码 // 服务器地址 serverUrl: "http://222.240.44.99:8891", token:getToken(),4、我用的普通图片上传，找到相
2022-04-02 10:22:42
8838
3
原创 关于el-select 远程搜索下拉框消失解决办法
.seclectSearch{ .el-select__caret::before{ content: '\e6e1'; } .is-focus{ .el-select__caret{ transform: rotateZ(0deg); } } }
2022-03-28 15:36:31
3153
1
原创 关于vue取消router-view transition影响的方法
公司要求做一个固定在底部的菜单，由于用的是vue-element-admin，考虑菜单在每个主路由都不同，所以固定以appmain进行绝对定位，但是router-view的transition会影响定位效果，造成闪动。 <transition name="fade" mode="out-in" > <keep-alive :include="cachedViews" > <router-view :key="key" /> &l
2022-03-01 17:06:04
1254
原创 关于uniapp苹果上架审核被打回原因:其他 的解决办法
近期公司app第二版上线，ios端上线失败并且原因显示other，不知道原因就是被卡在那，后面删除再上传审核发现一直都在审核中不通过，到申诉网站申诉加急审核，理由用有道词典翻译成英文即可，亲测第二天就解决通过了，如果被打回，就反复提，至少要知道为甚么被打回。...
2022-01-26 16:44:51
1122
原创 小程序TypeError: Cannot read property ‘dataset‘ of null
uniapp小程序调试报错，但是h5和app段都没问题TypeError: Cannot read property 'dataset' of null经检查调试，发现是三元表达式的问题，删除行内的三元表达式，报错解决
2021-09-06 17:13:26
4556
1
翻译 Webpack简单入门（老师）
https://note.youdao.com/ynoteshare1/index.html?id=743a056d3b312fb417bd71901102fc45&type=note
2021-06-03 17:06:56
107
原创 git 与github配置（老师详细版）
一、git 与githubgit是一个版本管理工具软件。作用可以让你更好的管理你的程序。例如提交修改的代码，查看原来的代码等。github 是一个网站，主要用于开源的代码托管，可以理解为世界上最大的代码仓库。你每次也可以把自己的代码提交到网上，让别人都可以看到并下载你的代码，同时别人可以帮您修改代码。实际上很多著名的开源软件都是通过这种方式开发https://gitee.com/二、安装与配置1）检查一下自己的电脑c:\user\自己电脑名字\ 检查一下有无.gitconfig 这个配置文件2）
2021-05-12 19:36:25
1947
1
转载 event.target 和 event.currentTarget 的区别
笔记https://www.cnblogs.com/yzhihao/p/9398917.html结合下面的例子，就可以很好来理解event.target和event.currentTarget： 上面事件的绑定都是在冒泡阶段的，当我们点击最里层的元素d的时候，会依次输出:target:d¤tTarget:dtarget:d¤tTarget:ctarget:d¤tTarg
2021-05-07 15:03:39
259
转载 纯CSS+HTML自定义checkbox效果
/* 隐藏所有checkbox */input[type='checkbox'] { display: none;}/* 对label进行模拟.背景图片随便拼凑的，不要吐槽品味*//* transition效果是做个背景切换效果，这里单纯演示而已，实际上这个过渡不加更自然*/label { display: inline-block; width: 60px; height: 60px; position: relative; background: url(//ww
2021-05-06 20:31:38
160
转载 浏览器常见的on事件
window.onload = function(){ var msg = "\nwindow.onload 事件：\n\n"; msg += "浏览器载入了文档："; alert(msg);}window.onfocus = function(){ var msg = "\nwindow.onfocus 事件：\n\n"; msg += "浏览器取得了焦点："; alert(msg);}window.onblur = function(){ var msg = "\nwindow.o
2021-04-19 14:31:06
507
转载 关于window.resizeBy()失效的问题
从 Firefox 7 开始，不能改变浏览器窗口的大小了，要依据下面的规则：不能设置那些不是通过 window.open 创建的窗口或 Tab 的大小。当一个窗口里面含有一个以上的 Tab 时，无法设置窗口的大小。相关链接 window.resizeBy.MDN...
2021-04-19 14:21:33
675
原创 JS数组去重常用方法
1、双重for循环去重for(var i = 0;i < arr.length;i++){ for(var j = i + 1;j < arr.length;j++){ if(a[i] == a[j]){ arr.splice(j,1); j--; } }}2、利用object key值得唯一性for(var i = 0;i < arr.length;i++){ if(!obj[arr[i]]{ obj[arr[i]] = true; newAr
2021-04-17 16:39:39
127
原创 JS数组常用排序方法
1、冒泡排序：从第一项起，比较相邻两个元素，比较后交换位置，将最大或最小值冒泡到最后for(var i = 0;i < arr.length;i++){ for(var j = 0;j< arr.length - i;j++){ if(arr[j] > arr[j+1]){ var temp = arr[j]; arr[j] = arr[j+1]; arr[j+1] = temp; } }}2、选择排序：从第一项起，每一项和后面所有项依次比较，交换
2021-04-17 16:31:09
187
原创 JS 计算几位数字之和
1、利用charAt for(var i = 0;i< num.length-1;i++){ result += parseInt(num.charAt(i)); } return result + num%10;2、使用数学计算 for(var i = 0;i< num.length-1;i++){ result += parseInt(num % Math.pow(10,num.length-i)
2021-04-08 11:51:31
453
原创 字符串转数组/对象
1、字符串转数组：str.split(’ ‘)2、数组转字符串：arr.join(’ ')3、JSON字符串转JSON对象JSON.parse(str)4、JSON对象转JSON字符串JSON.stringify(obj)
2021-04-07 11:48:23
233
原创 node三方插件Joi joi.validate is not a function
今天在黑马博客项目安装三方插件Joi在使用joi.validate方法时报错，在网上查询大部分解决办法是：1、npm install joi@14.3.1 安装老版本能成功解决问题2、经过查询文档 joi文档新版本调用这个插件代码如下：//规则const schema = Joi.object({ username: Joi.string() .alphanum() .min(3) .max(30) .required(),
2021-03-26 20:57:24
770
原创 关于iconfont字体图标在IE上无法显示的问题
一开始通过iconfont.css引入，在谷歌上能正常显示，自己多方尝试，发现最蠢的问题。总结一下，查了网上可能的问题有1、有可能是字体文件.eot文件没有引入2、有可能是IE JS禁用最后发现自己在引入iconfont.css时忘记更改默认路径在URL前面加上…/fonts就没问题了...
2021-03-22 11:05:39
1416
原创 初始化GIT
Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。流程一、初始化git仓库右键项目git bashgit init 生成一个隐藏的git目录 用来帮助备份的目录二、设置git当前使用的用户配置用户名：git config --global user.name “xxx”设置邮箱：git config --global user.name “851420437@qq.com”每一次备份时，还会存储这些用户信息三、把代码存储到git仓库(1)git add
2021-03-19 10:15:01
764
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人