![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工具类
爱吃烧鸭蛋的叶安
这个作者很懒,什么都没留下…
展开
-
cavas画七巧 延伸使用canvas再平面上任意画区域并填充颜色 基于vue
基于vue实现canvas自由画线,并填充背景色。原创 2022-07-19 09:51:38 · 863 阅读 · 0 评论 -
vue自定义指令 拖拽模态框
本文以实现可拖拽模态框为例新建2、全局引入,在中引入3、文件中使用直接在需要拖拽的模态框中添加即可原创 2022-07-13 15:19:05 · 364 阅读 · 0 评论 -
高德地图轨迹图
效果图:一、安装依赖二、main.js注册三、代码实现tips:高德地图key申请1、打开高德开放平台网站https://lbs.amap.com,点击右上角注册。2、注册完成之后,进入控制台,点击右上角“创建新应用”,名称随便写。控制台...转载 2022-07-05 18:14:06 · 842 阅读 · 0 评论 -
echart 极坐标 formatter处理
需求:想通过加标签的方式给字段加样式极坐标好像和其他的图表不太一样,其他的图表处理formatter时可以自定义样式,加标签处理,但极坐标直接把标签给显示出来了,不去解析标签如返回写成页面也会把毫无保留的显示出来,如下图找到一种曲线救国的方式就是通过属性给某个字段设置样式如果哪位博主能通过加标签的方式写样式,还请评论区留言,多谢...原创 2022-06-18 08:02:08 · 544 阅读 · 0 评论 -
vue使用 引入本地字体文件
vue项目引入字体文件在自己的idea中选好字体,打包上线发现字体效果没有显示出来。于是查了vue引入字体文件的方法,记录记录。1.下载字体文件,并放到项目文件中2.创建font.css文件,写入如下代码//font.css文件代码3.main.js文件中引用(全局引用)//main.js文件代码//引入字体4.样式中直接使用其中与font.css中字体的命名对应超级简单,为了方便下次使用,步骤记录下来。提供字体文件—胡晓波男神字体 已上传到资源库...转载 2022-06-17 18:38:25 · 1549 阅读 · 0 评论 -
vue大屏列表 无缝上下左右滚动 vue-seamless-scroll 结合elementUI的表格
通过设置参数可以控制滚动方式(无缝或按步)和滚动方向(上下左右)原创 2022-06-16 16:17:13 · 1912 阅读 · 1 评论 -
超实用的vue省市区三级联动(带地区编码)
基于vue+element 省市区三级联动,内含各地区编码转载 2022-06-15 11:14:09 · 5267 阅读 · 4 评论 -
js字符串中加空格
1.直接+’ ‘只有一个字符的空位。2.直接+’ ‘直接会把 输出3.直接+’\xa0’,成功,需要几个空格就拼接几个’\xa0’如下代码:lists为字符串数组原创 2022-06-03 21:08:01 · 5618 阅读 · 3 评论 -
vue点击按钮添加数据
详见原博文原创 2022-05-19 17:20:34 · 1794 阅读 · 0 评论 -
控制video标签的控件样式
第一步、控制面板回到elements中就有内部结构了给video标签加controlsList=“nodownload” 不显示下载按钮<video src="../../assets/demo.mp4" controls="controls" controlsList="nodownload"></video>1、修改控制面板video::-webkit-media-controls-enclosure { overflow: hidden;}vid原创 2020-07-09 13:44:50 · 8371 阅读 · 1 评论 -
js字符串替换所有的某个字符
var str = '%%%%%你是%%%安全%%的'// replace默认只替换第一个str.replace('%','#')// "#%%%%你是%%%安全%%的"// 使用正则替换所有str.replace(/\%/g,'') // "你是安全的"原创 2022-01-04 11:32:28 · 1636 阅读 · 0 评论 -
正则表达式 (时间、日期、邮箱、手机号)
//时间的正则表达式var reg = /^(20|21|22|23|[0-1]\d):[0-5]\d:[0-5]\d$/;var regExp = new RegExp(reg);if(!regExp.test(value)){ alert("时间格式不正确,正确格式为:12:00:00"); return;}//去掉最后一个:[0-5]\d 表示没有秒表 即12:00二、邮箱/^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+原创 2021-12-24 18:04:21 · 752 阅读 · 0 评论 -
eslint 规则配置参数
参数配置,总能找到适合你的"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名"no-class-assign": 2,//禁止给类赋值"no-转载 2021-12-23 16:42:05 · 162 阅读 · 0 评论 -
将字符串的true false转bool
JSON.parse('true') // trueJSON.parse('false') // false原创 2021-12-23 15:37:20 · 687 阅读 · 0 评论 -
js获取数字在某范围内的所占百分比,范围可以是负数
function getRangeNumber(val, min, max) { if(val < 0){ return ( Math.abs( Math.abs(val)+min ) ) / (max - min) * 100 + '%'; }else if(val == 0){ return (val-min)/(max - min) * 100 + '%'; }原创 2021-12-22 15:11:58 · 923 阅读 · 0 评论 -
js字符串操作 根据下标替换字符 在指定位置添加字符
1、根据下标替换字符vue中的语法// 根据下标替换字符 replaceStr (str, index, char) { const strAry = str.split(''); strAry[index] = char; return strAry.join(''); },str = ‘abcde’this.str = this.replaceStr (this.str,1,'g原创 2021-12-13 15:03:57 · 10520 阅读 · 0 评论 -
修改滚动条样式
直接上代码/*修改滚动条样式*/div::-webkit-scrollbar{ width: 6px; height: 6px;}div::-webkit-scrollbar-track{ background: transparent; border-radius:2px;}div::-webkit-scrollbar-thumb{ background: rgba(0, 0, 0, 0.3); border-radius:10px;}div::-webkit-sc原创 2021-12-09 16:25:34 · 167 阅读 · 0 评论 -
利用reduce求某数组的元素之和
1、数组let arr1 = [1,2,3]arr1.reduce((a,b) => a+b) //62、对象数组let s = [{a:1},{a:2}]s.reduce((a,b) => a.a+b.a) // 3原创 2021-06-21 14:46:07 · 261 阅读 · 0 评论 -
js判断某年的某月有多少天的方法
// 传入日期判断一个月多少天function getDuration (date) { let dt = new Date(date) var month = dt.getMonth() dt.setMonth(dt.getMonth() + 1) dt.setDate(0); return dt.getDate() }, console.log(getDuration('2021-04')).原创 2021-06-17 15:01:52 · 288 阅读 · 0 评论 -
localStrorage 存储对象
1、使用localStorage存储对象,直接存回自动json格式,所以在存取的时候都需要json一下存储时转json字符串JSON.stringify()取出时转json对象 JSON.parse注:setStorage为封装的存储方法this.setStorage('tem_xfInfo', JSON.stringify(info))this.temFloorInfo = JSON.parse(this.getStorage('tem_xfInfo'))...原创 2021-05-26 17:32:48 · 414 阅读 · 0 评论 -
vscode 常用插件
1、bracket pair colorize 2五颜六色的色彩,让你 的代码一一对应2、Auto Close Tag每次写完开始标签,结束标签就自动补全3、Chinese (Simplified) Language将vscode界面中文化4、CSS Peek快速查看CSS定义用法,按住ctrl点击结构中的类名自动跳转到详情...原创 2021-03-30 12:02:42 · 92 阅读 · 0 评论 -
数组去重
function unique(arr){ var resArr = [] for(let i=0;i<arr.length;i++){ if(resArr.indexOf(arr[i])==-1){ resArr.push(arr[i]) } } return resArr } unique([1,1,1,2]) // [1,2]原创 2021-03-19 17:37:00 · 67 阅读 · 0 评论 -
日期格式化转为如2021-03-19 16:26:44的格式
支持传入时间戳、日期格式、new Date()当前时间等function parseTime(time, pattern) { if (arguments.length === 0 || !time) { return null } const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}' let date if (typeof time === 'object') { date = time } else { if ((typeof原创 2021-03-19 16:36:31 · 2649 阅读 · 0 评论