- 博客(18)
- 收藏
- 关注
RSS订阅原创 解决element ui tooltip在移动端竖屏的情况下出现多个的问题
在开发移动端过程中，发现在竖屏情况下，表格设置了fixed，tooltip会出现两个的问题，网上找了很久，都没有写解决办法，我就自己想了一个，希望能有所帮助：解决思路：就是手动找到显示的tooltip框，然后手动设置样式去隐藏掉。发现每次要多点话，就会多两个元素，然后就遍历用2来判断 // 解决竖屏下提示框多个的问题 this.$nextTick(() => { const tooltips = document.getElementsByClassName(
2021-10-29 11:30:11
968
原创 空心圆圈里的数字，实现
业务上需要做空心圆圈的数字，原以为要用图标，后来发现用css就能实现。代码如下： .number { border-radius: 50%; width: 18px; height: 18px; color: #dcdcdc; text-align: center; vertical-align: middle; border: #dcdcdc 1px solid; } <div class="nu
2021-09-25 22:37:19
598
原创 element ui 标签页 toolbar没出来的解决办法
tabs是v-mode和name关联用的index当name，发现toolbar没有出来，排查了一下，发现是用的严格等于来判断的index又是数字，就出现了问题，那就转换为字符串，toolbar就有效果了
2021-09-25 16:31:13
917
原创 使用element ui完成动态表格的合并，根据指定字段名称的值
最近在做vue，有个需求根据特定字段名，合并表格，代码如下：1:列表调用合并函数：2:合并函数：// 行合并// 参数分别是，行数据，列，行号，列号 mergeSpan({ row, column, rowIndex, columnIndex }) { const arr = this.tableData let rowspan = 1 let colspan = 1 // 要合并的列数，这个可以看需求自己定制 const spa
2021-09-16 16:39:13
285
原创 mac上使用国内镜像下载vscode
mac使用国内镜像下载vscode，搜了半天，网上一堆地址图片，就是不写地址，真不方便，下面是地址，直接拿来用。https://vscode.cdn.azure.cn/stable/b4c1bd0a9b03c749ea011b06c6d2676c8091a70c/VSCode-darwin-universal.zip
2021-08-24 17:44:01
5851
18
原创 批量生成指定个数的时间数组
项目中常常会用到生成指定数目的时间数组，记录一下：用到了lodash和moment，其实不用也行range可以封装一下，传个数的参数；这里是项目里常用的一些时间格式：打印出来的结果：
2021-08-23 12:06:48
214
原创 websocket完成心跳功能的完整版
这是对以前一篇文章的升级迭代版。因为需求有所改动就做了很多的优化。话不多说直接上代码:1：因为要做到心跳时间可配置，就写了个txt，运维人员可以修改这里关注heart_time就行了2：ajax去读取时间，调用心跳函数 ngOnInit(): void { // 避免重复创建就用变量存到了session if(!sessionStorage.getItem('heart')){ // 请求心跳 读取配置数,默认10秒
2021-08-10 18:30:51
839
原创 用reduce对对象数组指定属性进行累加
遇到累加，第一个反应就是用reduce函数，以前没怎么用过，网上很多都是简单的数组进行累加，对象数组的没有看到，就专门记录下。// body是个对象数组，需求是对对象上的itemsCount属性进行累加let count = 0;count = body.reduce(function(body:any,value:any){ // 看需求而定，不同属性设置不同的值，这里的？可以去掉 return body?.itemsCount + value?.itemsCount });工作上
2021-07-28 09:01:49
1546
2
原创 linux 查找文件，find命令的一些见解
今天要去服务器上改文件，就用到了find命令。下面是一些总结，感谢同事的支持。find命令基本格式：find path expression1.按照文件名查找(1)find / -name httpd.conf #在根目录下查找文件httpd.conf，表示在整个硬盘查找 (2)find /etc -name httpd.conf #在/etc目录下文件httpd.conf (3)find /etc -name ‘srm’ #使用通配符*(0或者任意多个)。表示在/etc目录
2021-07-22 10:04:40
148
原创 websocket完成心跳功能
前端webscoket完成心跳项目里面需要用到心跳功能，第一版使用延时器写的，发现并不能准时请求，于是用socket代替了，代码如下：setHeartWs(){ // 因为传值用到了token，就这么取值了，不用可以去掉 console.log(this.tokenService.getPayload()); const token_:any = this.tokenService.getPayload(); let message = `${token
2021-07-21 22:22:17
1878
4
原创 用setTimeout延时器代替setInterval定时器
今天有个需求，要求前端有个心跳机制，每十秒访问一个指定接口，想到权威指南里一直有提过setTimeout好于setInterval，就磨刀霍霍向代码了。第一版 为了测试,时间改为1秒了t_:number;const that = this;setTimeout(function test(){ that.http.query('/api/heart_beat', {}).subscribe(res => { if(res){
2021-07-16 19:44:10
895
1
原创 Typescript里对象字面量的类型定义
经常用对象字面量的形式定义数据，如果遇到key是数组的话，很容易报错Argument of type ‘string’ is not assignable to parameter of type ‘never’.通常解决方式是用类型断言 as 来解决 // app列表 app = { loading: false, total: 1, visible: false, title: '', name: [] as Array<string>
2021-07-15 19:46:44
2159
原创 mac下 node 版本的切换
工作的时候，碰到了一个老项目，需要用旧的node，就涉及到了切换node版本，就记录下来。先node -v npm -v 查看当前版本然后安装n模块 需要用到管理员权限 sudo npm i -g nn -V 查看n是否安装完毕接下来就是安装指定版本的node，可以去node官网查看sudo n x.x.x完成后，node -v查看是否安装成功通过n ls 查看当前node版本命令行输入 n 配合小键盘的上下键来切换版本工作上的总结，如果能帮助到你，就再好不过了。...
2021-07-14 12:08:30
1103
1
原创 前端实现流下载并设置下载文件名称
下载文件前端一般是两个方式下载1：get下载利用window.open来下载数据优点：简单易操作；缺点：因为get无法设置请求头，所以一般的身份信息就不能在请求头里带了，要么就是get的路径里加上身份信息，方便记录日志。不是很推荐window.open( res.data);2：前端流下载生成blob流的方式来下载文件，比较推荐的方式下面是项目里写的一个方法 // 导出列表 1pdf 2word 3html exReport(type: number) { t
2021-07-13 20:14:49
1638
原创 前端对对象数组按照指定属性分类
前端对对象数组按照指定属性分类后台给了一大串数组，希望前段自己根据属性来分类，写出了这个公共方法。这是后台大哥给的数据，需要按照deviceType分类自己写的处理方法this.devObj = this.handleArrayClassification(res.data,'deviceType');// 处理数组分类 data:分类的数组 label:按照分类的字段 handleArrayClassification(data:Array<any>,label:string)
2021-07-13 20:01:47
667
原创 前端得到上传文件的大小
得到上传文件大小的函数// 格式化文件大小export const formatBytes = function(bytes:any, decimals?:any) { const k = 1024, dm = decimals || 2, sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], i = Math.floor(Math.log(bytes) / Math.log(k));
2021-06-30 19:53:45
593
原创 包含大小写字母数字中文或_-./，不能纯数字的正则
包含大小写字母数字中文或_-./，不能纯数字的正则// 包含大小写字母数字中文或_-./，不能纯数字或者纯空格new RegExp(/^(?!(\d+)$)[\u4e00-\u9fffa-zA-Z\d\./_-]+$/)
2021-06-30 09:26:45
548
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人