c_qianxia5040的博客

基于vue实现canvas自由画线，并填充背景色。

本文以实现可拖拽模态框为例新建2、全局引入，在中引入3、文件中使用直接在需要拖拽的模态框中添加即可

效果图：一、安装依赖二、main.js注册三、代码实现tips：高德地图key申请1、打开高德开放平台网站https://lbs.amap.com,点击右上角注册。2、注册完成之后,进入控制台,点击右上角“创建新应用”,名称随便写。控制台...

需求：想通过加标签的方式给字段加样式极坐标好像和其他的图表不太一样，其他的图表处理formatter时可以自定义样式，加标签处理，但极坐标直接把标签给显示出来了，不去解析标签如返回写成页面也会把毫无保留的显示出来，如下图找到一种曲线救国的方式就是通过属性给某个字段设置样式如果哪位博主能通过加标签的方式写样式，还请评论区留言，多谢...

vue项目引入字体文件在自己的idea中选好字体，打包上线发现字体效果没有显示出来。于是查了vue引入字体文件的方法，记录记录。1.下载字体文件，并放到项目文件中2.创建font.css文件，写入如下代码//font.css文件代码3.main.js文件中引用（全局引用）//main.js文件代码//引入字体4.样式中直接使用其中与font.css中字体的命名对应超级简单，为了方便下次使用，步骤记录下来。提供字体文件—胡晓波男神字体 已上传到资源库...

通过设置参数可以控制滚动方式（无缝或按步）和滚动方向（上下左右）

基于vue+element 省市区三级联动，内含各地区编码

1.直接+’ ‘只有一个字符的空位。2.直接+’ ‘直接会把 输出3.直接+’\xa0’,成功，需要几个空格就拼接几个’\xa0’如下代码：lists为字符串数组

详见原博文

第一步、控制面板回到elements中就有内部结构了给video标签加controlsList=“nodownload” 不显示下载按钮<video src="../../assets/demo.mp4" controls="controls" controlsList="nodownload"></video>1、修改控制面板video::-webkit-media-controls-enclosure { overflow: hidden;}vid

var str = '%%%%%你是%%%安全%%的'// replace默认只替换第一个str.replace('%','#')// "#%%%%你是%%%安全%%的"// 使用正则替换所有str.replace(/\%/g,'') // "你是安全的"

//时间的正则表达式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]+

参数配置，总能找到适合你的"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-

JSON.parse('true') // trueJSON.parse('false') // false

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 + '%'; }

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

直接上代码/*修改滚动条样式*/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

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

// 传入日期判断一个月多少天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')).

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'))...

1、bracket pair colorize 2五颜六色的色彩，让你 的代码一一对应2、Auto Close Tag每次写完开始标签，结束标签就自动补全3、Chinese (Simplified) Language将vscode界面中文化4、CSS Peek快速查看CSS定义用法，按住ctrl点击结构中的类名自动跳转到详情...

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]

支持传入时间戳、日期格式、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