自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 ant a-table 表格校验 行内校验 ,树形表格,展开行校验

ant a-table 表格校验

2024-02-05 16:02:54 383

原创 a-table自定义展开图标

【代码】a-table自定义展开图标。

2024-01-26 14:40:37 217

原创 JS 角度

PI就是圆周率π,PI是弧度制的π,也就是180°。所以,Math.PI = 3.14 = 180°。

2023-12-11 15:22:41 65

原创 前端样式例图

2023-07-14 14:14:56 113

原创 css div上下左右排序

* 排序方式: column-先列后行, row-先行后列 *//* 设计列宽 *//* 设计行高 */

2023-05-05 14:30:55 2398 1

原创 vue2 img加载失败时给默认图片

【代码】vue2 img加载失败时给默认图片。

2023-04-20 16:38:41 140

原创 vue js 脱敏处理

vue js 脱敏处理

2022-12-14 15:21:15 632

原创 el-date-picker 时间范围禁用

el-date-picker 时间范围禁用

2022-07-14 18:54:43 1044

原创 gitHub OpenSSL SSL_read: Connection was reset, errno 10054 解决方法

gitHub OpenSSL SSL_read: Connection was reset, errno 10054 解决方法将原先使用密码提交的方法,更换为使用基于令牌(token)的身份验证提交,获取方法令牌(token)的步骤如下在这里插入图片描述

2022-04-02 16:26:20 913

原创 JS 拷贝

JSON.parse(JSON.stringify(Value))

2022-03-30 14:39:04 105

原创 验证正整数和0,不以0开头的数,如01,02则不通过

const reg = /^(0|[1-9]\d*)$/;

2022-01-10 11:48:01 1131

原创 vscode vue代码片段

1、文件2、首选项3、用户片段4、新建代码片段这里我创建的文件是vue.json{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded a

2021-12-21 15:01:40 316

原创 vscode,js代码片段配置

1、点击文件2、在弹出的页面中选择首选项3、在首选项的弹出的页面选择用户片段4、在弹出的页面选择新代码片段在这里我创建的文件为javascript.json{ // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trig..

2021-12-21 14:56:03 1364

原创 金额,三位就以逗号分割的形式方法,小数两位

toThousands (num) { const result = []; let counter = 0; const str = (num || 0).toString().split('.')[0]; // 存在小数 const str1 = (num || 0).toString().split('.')[1]; let flag = false; if ((num || 0).toString().includes('.')) { // 存在小数 fl

2021-12-10 09:02:09 217

原创 v-loading的customClass使用方法

<div class="tool-container" v-loading="loading" element-loading-text="数据加载中,请稍后……" element-loading-spinner="el-icon-loading" element-loading-custom-class="loading-icon" > </div>绑定的类loading-ico

2021-12-07 18:55:47 1659 3

原创 查找某个字段在数组中的位置

const index = this.arr.findIndex(item => item.id === val);

2021-11-15 11:28:37 460

原创 CSS 鼠标悬停悬浮

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> body { background-color: #f5f5f5; width: 100%; height: 100%; } div { text-align: c

2021-10-29 10:35:07 465

原创 数据字典转换

<template slot-scope="scope" slot="value"> {{ dictionary(scope.row.value) }} </template> computed: { dictionary () { return (val) => { if (this.dictionaryValue&& this.dictionaryValue.length > 0 &&a

2021-10-18 16:33:25 230

原创 时间范围选择器, 下拉框去除分钟,只显示小时

时间范围选择器, 下拉框去除分钟,只显示小时 ,使用popper-class属性<el-date-picker size="small" v-model="date" type="datetimerange" format="yyyy-MM-dd HH" value-format="yyyy-MM-dd HH" popper-class="pickerDeleteMinutes" range-separa

2021-10-12 16:54:11 975 2

原创 element select滚动隐藏

this.$nextTick(() => { this.$el.querySelector('.el-form').addEventListener('scroll', () => { const el = this.$el.querySelector('.el-select .is-focus'); el && el.click(); }); });

2021-09-08 18:23:10 396

原创 Js 字符串与数组的相互转换

数组转字符串:const arr = ['arr1', 'arr2', 'arr3', 'arr4'];const str = arr.toString();console.log('str', str);结果:字符串转数组:const str = 'str1,str2,str3,str4';const arr = str.split(',');console.log('arr', arr);结果:

2021-08-19 19:12:43 234

原创 el-popover 样式修改

el-popover 样式修改 通过popper-class绑定自定义类名popperOptions,注意popperOptions需放在样式的根文件中原始样式:更改后的样式:<el-popover width="300" trigger="hover" popper-class="popperOptions" placement="top-start" > <div class="operate-btn" s

2021-08-18 10:21:34 9747

原创 Js 正则 大于0的数

const reg = /^([1-9]\d*)(.\d{1,6})?KaTeX parse error: Can't use function '\.' in math mode at position 4: |^0\̲.̲\d{1,6}?/;// 以下正则也是正确的// const reg = /^(?!-)(\d*[1-9]+0*(.\d{1,6})?KaTeX parse error: Can't use function '\.' in math mode at position 3: |0\

2021-08-11 14:59:59 3888

原创 CSS 裁剪 斜线

<template> <div class="container"> <div class="top"> <div class="content"> </div> <div class="num">1</div> </div> </div></template><style lang="less" scoped&

2021-07-02 10:52:20 322

原创 判断对象是否为空

if (Object.keys(obj).length === 0) { console.log('空对象'); } else { console.log('非空对象'); }

2021-07-02 08:45:05 133

原创 git常用命令

2021-06-13 14:13:44 46

原创 软考知识点总结

老七工具包含因果图、流程图、核查表、帕累托图、直方图、控制图和散点图。新七工具包含亲和图、过程决策程序图、关联图、树形图、优先矩阵、活动网络图和矩阵图。

2021-05-17 10:48:37 218

原创 JS 正则表达式

var reg = /^\d+$/; //数字开头,数字结尾 var reg1 = new RegExp("^\\d+$"); var num1 = 123; var num2 = 12.3; var num3 = -123; console.log(reg.test(num1)); // true console.log(reg.test(num2)); // false console.log(reg.test(num3)); // false console.log(reg1.tes.

2021-03-25 15:32:39 229

原创 js截取文件名前缀

文件名 新文件夹.txtlet fileName = '新文件夹.txt';let fileFirstName = fileName.split('.')[0];//fileFirstName = 新文件夹

2021-03-24 16:38:39 540

原创 Js判断浏览器类型

export function browserType () { var userAgent = navigator.userAgent; // 取得浏览器的userAgent字符串 // 判断是否Opera浏览器 if (userAgent.indexOf('Opera') > -1) { return 'isOpera'; } // 判断是否Firefox浏览器 if (userAgent.indexOf('Firefox') > -1) { retu

2021-03-18 15:50:27 137

原创 Google Chrome浏览器旧版本下载

Google Chrome 88.0.4324.190版本链接:https://pan.baidu.com/s/173wgNKhpt9_7VC43YJuYJA提取码:571zGoogle Chrome 64.0.3282.186x64 版本链接:https://pan.baidu.com/s/1i1PmiP_jGbobcIBOoBQUYw提取码:d0gb

2021-03-17 09:03:14 3533

原创 插件

极简插件

2021-03-12 14:30:41 53

原创 显示多张图片,循环方法

一个目录中有多张图片,要想全部显示在页面,使用循环v-for方法比较方便快捷,也可以通过函数改变isShow值,从而达到控制某张图片的显示与隐藏<div v-for="(item, index) in imgList" :key="index"> <span v-if="item.isShow"> <img :src=item.imgSrc alt="" height="100%"> </span></div> dat

2021-03-11 10:43:18 1568

原创 myeclipse-8.5.0-win32下载

myeclipse-8.5.0-win32下载链接:https://pan.baidu.com/s/1fmGy6qI1qUNX1i5Tm1BGXA提取码:2a6j复制这段内容后打开百度网盘手机App,操作更方便哦

2021-03-04 08:48:27 786 5

原创 前端开发常用学习网站

zTree v3.5.46 API 文档2020前端VUE框架最新最全实战课程vueW3SchoolES6 入门教程w3cschool编程狮element UI

2021-02-24 13:56:12 277

原创 阿里云播放器进度条拖拽

// 进度条拖拽开始,不可以前进,可以后退 let start = true; let startProgress = 0; let endProgress = 0; this.Aliplayer.on('startSeek', (e) => { if(start){ start = false; startProgress = this..

2021-02-18 16:47:36 2997 7

原创 element selected 自定义搜索

<el-select size="mini" v-model="value" @change="handleChange" :disabled="readonly" clearable filterable :filter-method="dataFilter" placeholder="请选择"><el-option v-for="item in listTwo" :key="item.id" :label="item.name"

2021-02-10 13:45:23 413

原创 删除数组对象中的某个属性

删除数组对象中的某个属性,如删除id属性for (const key in this.tableData) { // 删除id属性 delete this.tableData[key].id; }

2021-02-02 17:05:10 3787

原创 ztree树拖拽蓝色小箭头

在ztree的CSS中添加如下CSS代码span.tmpzTreeMove_arrow { width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute; background-color:transparent; background-repeat:no-repeat;

2021-01-31 17:55:04 377

原创 CSS文本超出隐藏

<span class="textHidden" >编辑 测试一级分类测试编辑一级分类</span>.textHidden { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 125px; }效果如下图:

2021-01-26 09:59:56 158

空空如也

空空如也

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

TA关注的人

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