自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 canvas画点、线

canvas画点、线

2023-11-17 08:38:00 223

原创 VUE页面导出PDF方案

1,技术方案为:html2canvas把页面生成canvas图片,再通过jspdf生成PDF文件;

2023-11-09 17:09:30 1954 1

原创 谷歌浏览器中input输入框默认填充时的背景色设置

【代码】谷歌浏览器中input输入框默认填充时的背景色设置。

2023-11-02 10:40:47 516

原创 js为啥是设计成单线程而不是多线程呢

js为啥是设计成单线程而不是多线程呢

2023-07-11 16:09:37 500

原创 vue3+vite打包自动生成dist.zip压缩包(输出后的包名可改变)

vue3+vite打包自动生成dist.zip压缩包(输出后的包名可改变)

2023-06-27 09:41:59 1984 3

原创 vue3+vite 如何修改打包后的文件夹名称

vue3+vite 如何修改打包后的文件夹名称

2023-06-26 16:49:19 4257

原创 postcss-pxtorem px不转换为rem的做法

【代码】postcss-pxtorem px不转换为rem的做法。

2023-06-14 14:57:19 1538

原创 elementplus el-date-picker自定义内容设置

【代码】elementplus el-date-picker自定义内容设置。

2023-06-10 15:38:29 2187

原创 vue3 修改naiveui node_modules相关源码

vue3 修改 node_modules相关源码

2023-04-06 10:50:32 463

原创 vue3+vant4 图片上传带图片大小压缩

vue3+vant4 图片上传带图片大小压缩

2023-03-22 15:05:23 1924

原创 vue3 vant 高德地图选择位置

vue3 vant 高德地图选择位置

2023-03-09 15:08:36 1212

原创 vue3+naiveui 富文本编辑器封装公共组件

vue3+naiveui 富文本编辑器封装公共组件

2023-02-16 10:39:30 751 1

原创 vue3+naiveui 图片文件上传封装组件

vue3+naiveui 图片文件上传封装组件

2023-02-16 10:31:04 3039 1

原创 vue3+naiveui 批量新增

vue3+naiveui 批量新增实现方式

2023-02-15 17:22:54 379

原创 小程序calendar被echarts遮挡

小程序中echarts因为小程序原生的canvas层级太高,而导致弹窗这类dom元素无法遮挡住canvas

2023-02-09 17:29:49 352

转载 从零到一建立前端规范

规范能给我们带来什么好处,如果没有规范会造成什么后果?这里主要拿代码规范来说。

2023-02-07 08:52:31 167

原创 如何下载node不同的版本

英文网址:https://nodejs.org/en/download/中文网址:http://nodejs.cn/download/故下载一下红色框中文件 ,版本为v6.10.0。

2022-09-22 15:33:50 2131

转载 Vue集成three.js,并加载glb、gltf、FBX、json模型

Vue集成three.js,并加载glb、gltf、FBX、json模型

2022-09-14 15:09:49 6249

原创 vue3+naive 表格列表显示图片

Naive的表格进行多个或单个图片查看时,结合render的h函数进行,NImage(import { NImage } from "naive-ui";),点击可查看对应大图

2022-06-21 19:48:43 1341

原创 vue3+naive 树tree的子节点点击事件

naive的api官方,@update:selected-keys事件是根据选中项是否变化来监听的,所以点击会出现点击一次能获取到值,点击一次却是空的情况;所以需要采用:node-props="checkCamera"的形式,参数从option中获取;...

2022-06-11 16:16:55 1675 2

原创 rem移动端单位适配

纯H5移动端的适配,一般方案都是rem自动转px方案,自适应手机屏幕;只需将以下自执行的js引入即可: (function (doc, win) { var docE1 = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function () { v

2022-03-04 20:54:33 88

原创 js将“true“转化为Boolean类型

如果遇到element-ui的radio取值时,后台要求是Boolean类型的true或false时,就需要单独进行转换再传值(ps:最好让改成字符串String类型):1,正则匹配法:/^true$/.test('true') 输出结果:true/^true$/.test('false') 输出结果:false2,evallet a="true";a = eval(a.toLowerCase());console.log(a);------- truelet a="fa..

2022-03-02 21:54:44 3812

原创 js的防抖和节流,不同场景的应用

真正搞懂js的防抖和节流函数的应用场景

2021-12-27 23:07:42 75

原创 echarts type: ‘pictorialBar‘的双圆形柱状图第一个数据为0时多出来一条线

3.0中支持barMinHeight:1的设置,立体柱状图能显示一个底圈,这样线圈就不会出现。

2021-12-27 16:13:44 969 1

原创 js中this的用法及判断上下文

如何用好js的this

2021-12-27 15:46:29 246

原创 js深拷贝和浅拷贝

针对对象或者数组的二次修改,并且不影响原数据的需求,需要用到js的拷贝,根据具体需求和业务场景来选择使用拷贝方法:<script>let obj = {a: 111,b: "abc",c: { c1: 222 },d: [1, 2, { d1: 111 }],e: new Set([{ e1: 2222 }])}// 浅拷贝const clone1 = { ...obj };//es6的扩展运算符const clone2 = Obj...

2021-12-17 13:09:28 72

原创 js 判断字符串对象

function isString(str){ return Object.prototype.toString.call(str) == "[object String]";}注:typeof只能判断是否为字符串,二者共同判断时;jQuery源码中toString = Object.prototype.toString* isString(new String('hello')) = true* isString('hello') = tru...

2021-05-12 22:30:06 1254

原创 echarts点击事件多次执行问题修复

在on事件之前先执行off事件;

2020-12-03 15:15:07 373

原创 el-date-picker 开始月份和结束月份选择区间不交叉设置

开始月份和结束月份选择区间不交叉设置: 开始月份:<el-date-picker v-model="formdata.dateA"type="monthrange"range-separator="至"start-placeholder="开始月份"end-placeholder="结束月份"value-format="yyyyMM":picker-...

2020-11-26 13:46:01 969

原创 echarts label的formatter自定义设置样式

rich的a对应到formatter里面涵盖的对应内容,示例为type:"pie":

2020-11-26 13:37:47 15282 1

原创 js 日期格式转换

1,将"20180604231436"转换为2018-06-04 23:14:36,支持8位、10位、12位、14位的转换:let occurTime = "20180604231436"; //原字符串 console.log(dateFormat(occurTime)); //调用方式 function dateFormat(date){ let newOccurTime; if(date.length==14){ ne...

2020-11-25 09:21:17 773

原创 vue中导出功能

//导出bjkacrjrybhtjExport为接口名,this.form是参数exportExcel(){bjkacrjrybhtjExport(this.form).then(res=>{consttype="application/vnd.ms-excel;charset=utf-8";//excel文件//consttype="application/x-msdownload;chars...

2020-11-17 14:28:50 379

原创 element input输入框格式校验

1,禁止输入特殊字符:global.js中设置://文本输入框的特殊字符禁止输入Vue.prototype.validSpecialZf=function(valInput){valInput=valInput.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘’,。、]/g,'').replace(/\s/g,'');return...

2020-11-17 14:16:06 3882

原创 echarts柱状图的背景色设置

echarts柱状图的背景色设置方法,官方推荐的例子中是又添加一组最大值来当背景(不建议),设置backgroundStyle即可:series:{name:'违法违规国家排行',type:'bar',barWidth:'15',showBackground:true,back...

2020-09-17 16:24:58 26878 7

原创 echarts tooltip自动轮循显示

方法定义://echarts动效chart是echarts对象,op是echarts的内容,sec是动画时间间隔dynamic(chart,op,sec){op.currentIndex=-1;lettimer;timer=setInterval(function(){letdataLen=op.series[0].data.length...

2020-09-03 10:21:50 952

原创 echarts tooltip样式设置

tooltip:{trigger:"axis",axisPointer:{type:"shadow",//背景色shadowStyle:{color:"rgba(0,246,255,0.1)"//背景色设置...

2020-09-03 10:17:11 4602

原创 echarts 柱状图每个柱子的默认背景色添加

在series中设置如下(避免使用barGap: '-100%', ): showBackground:true,backgroundStyle:{color:'rgba(22,208,144,0.15)'},...

2020-09-02 10:03:09 5868 2

原创 vue3 添加postcss-pxtorem,浏览器窗口放大缩小内容也放大缩小

vue.config.js中配置如下,单独的rem.js配置完后在main.js中import即可。

2020-08-21 15:28:57 1136

原创 element ui 输入框只能输入数字限制

<el-inputv-model="formAdd.xh"placeholder="请输入序号"maxlength="2"@input="formAdd.xh=formAdd.xh.replace(/^(0+)|[^\d]+/g,'')"...

2020-08-20 16:07:51 1830

原创 vue中实现打印功能

1,引入print.js ,放入项目路径中;2,在页面中引入js文件后在打印方法里面调用方式如下:引入:import printJS from "@/assets/js/print.js";调用:```// printable是打印目标的div的id名称,print.min.css是自己创建css,调整打印文件样式printJS({ printable: 'printTarget'...

2020-04-16 16:19:48 2087

空空如也

空空如也

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

TA关注的人

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