自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 资源 (1)
  • 收藏
  • 关注

原创 el-progress 另辟蹊径简单圆环图

为什么不直接用format 大多数情况下 有上述需求 这中间的值已经和进度没有任何关系了,而且 此时的循环体可以是整个div。业务场景:要个圆环 中间显示不相干的任意值。直接用el-progress的。太懒了,懒得自己css。

2023-04-17 15:16:53 285

原创 vue-treeselect 样式修改

vue-treeselect

2023-02-28 17:27:06 3183 5

原创 前端a标签一次下载多个文件踩坑

业务场景不复杂后端不想打包压缩,呵呵前端一个个下问题:下载的始终是文件数组中最后一个解决:setTimeout把请求时间错开 for(let [index,item] of UploadArr.entries()){ setTimeout(()=>{ UpLoad.download(item.id)//主要处理逻辑放这里 },index*100) }...

2022-04-25 14:08:16 2291 2

原创 前端对象,合并,替换技巧

利用loash提供的_.mergeWith方法对对象进行处理let a = {"A":1,"B":2,"C":{"test":11,"BB":22}};let b = {"A":11,"B":22,"C":{"test":1111,"BB":2222}};function customizer(objValue:any, srcValue:any,key:any) {//官方提供7个参,常用的为这三个 console.log(objValue,srcValue,key)//可以理解每次为取了a的A,

2022-04-20 14:28:29 1036

原创 踩坑:echarts中dataZoom失效 vue3

vue3 dataZoom echarts

2022-02-24 16:42:46 4753

原创 vue3简单打印实现(新测试:vue2打印原理相同)

前端打印 vue2+ 简单实现

2022-02-24 16:24:37 4781 2

原创 js 数组快速求和

数组求和eval(arr.join("+"))

2022-02-17 11:17:02 306

原创 复杂对象下的键值提取-不限层级深度 TS

业务场景:存在任意深度的map对象,每一层都可能存在需要的键值,现要取出做后续处理开搞 const test = { "A":"1", "B":"2", "C":{ "A":"1-2", "D":"4" } } // 判断是否为对象 const isObject = (obj: any) => { return Object.prototype.toString.call(obj) === "[object Object]"; };

2022-01-06 15:27:39 600

原创 echarts 实现y轴位置任意偏移--x轴原理相同

业务场景:多拼接横向柱状图y轴名称偏移直接上代码option = { tooltip: { trigger: 'axis', axisPointer: { // Use axis to trigger tooltip type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow' } }, lege

2021-07-06 09:55:19 9554 8

原创 前端技术体系

持续更新,重在分享都是个人理解,如有不对,欢迎指正也欢迎参与持续更新中

2021-06-30 20:37:55 84

原创 前端单选框,点击文字勾选,简单修改

近期做项目调整给大伙一个忠告-----尽量别让你们后台动前端代码,累点苦点也比改别人代码强使用场景:前端需要在table中加入单选框,要求点击另一个元素块里的按钮实现单选框也被勾选上干货<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2021-06-10 16:10:28 2275

原创 基于js的拖拽方法封装-解决了块级元素内部无法点击问题和范围限定

function drag_TZClass(obj){ var TZ_top = 100; var TZ_left = 30; var TZ_right = 30; var TZ_bottom = 15; obj.onmousedown = function(event){ //阻止冒泡 检测事件类型 if(event.target.nodeName == 'INPUT'||event.ta...

2021-05-27 10:15:52 133

原创 js,前端下载PDF方法总结

目的:前端页面自定义元素生成pdf并提供下载方法1:html2canvas.min.js+jsPdf.debug.js原理:将前端界面通过html2canvas截屏生成图片,再使用jsPdf将生成的图片存入pdf中;//id为pdf元素容器id;function toPdfDown(id) { var d = new Date(); $("#"+id).css("overflow-x","visible")////关闭页面滑动,防止生成

2021-03-18 14:08:38 7493

原创 node.js+vue跨域问题

问题描述:使用node.js+express+vue建立项目,后台接口写完后Postman测试正常使用,前端调用过程中出现错误提示;因跨域请求被浏览器截断Access to XMLHttpRequest at 'http://localhost:3000/login' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass acce

2020-08-22 10:59:47 772

原创 vue 构建项目not found: python2.7等问题

问题:vue cli 创建项目出现无法创建成功报错not found: python2.7等问题描述:vue create test正常创建,在建立依赖时出现问题导致错误输出gyp verb cli ]gyp info using node-gyp@3.8.0gyp info using node@14.8.0 | win32 | x64gyp verb command rebuild []gyp verb command clean []gyp verb clean removing

2020-08-20 11:49:06 9935 6

原创 html canvas画布 相关问题

创建画布实现即时绘画画板功能项目中遇见的一些问题1:矩形绘画工具矩形框连接四个点,在用onmousedown和onmousemove绘制时内部无法清空内部以绘制的图形,有两个思路 1在绘制过程中先调用closePath清除以起点到终点的以整块区域,2本身是在画线,就清除上一次所绘制的四个线条不得一提的是,无论1还是2 ,在清除过程中,必然会清除原本在画布上绘制的一些图形,第二种虽然不会出现大面积空白,但在原来图像上会现以线宽为宽度的断点引入分层概念?待续...

2020-07-29 10:56:45 499

原创 HTMl-JS getElementsByClassName()返回HTMLCollection []有内容却没长度

js文件内效果:原因:js外部文件在DOM加载前就已经加载完成,并未读取到相应DOM到数组中解决办法1:在内部结束点写上

2020-06-01 15:02:47 2199 1

js封装拖拽demo,内部可输入可操作,范围限定,调用方便

内部可以输入 调用比较方便

2021-05-27

空空如也

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

TA关注的人

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