自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 关于svg更改部分内容

Gtext.textContent = Gtext.textContent.replace('你需要替换的字段','替换后的文字')//整体替换就将textContent重写。let svgDefs =$(svgDom).children("defs")//获取defs标签。let svgGDom =$(svgObj).children("g")// 获取svg内的g标签。let svgObj =$(svgDom).children("svg")//获取svg标签。//先写一个获取子节点的通用函数。

2023-11-06 15:14:12 480

原创 vue预览pdf文件

/ 改变PDF页码,val传过来区分上一页下一页的值,0上一页,1下一页。this.currentPage = 1 // 加载的时候先加载第一页。pageCount: 0, // pdf文件总页数。currentPage: 0, // pdf文件页码。>上一页下一页

2023-01-05 17:43:13 291

原创 大屏自适应

vue2.0+vue.cli的大屏自适应架构搭建

2022-11-22 15:03:53 406

原创 前端下载二进制文件流

//请求export function xxxxx(params) { return request({ method: 'get', responseType: "blob",// 必须写 url: `xxxxxxxxx/xxx/xx?key=${params}`, })}downExport({ key: value}).then((res)=>{console.log(n...

2022-04-25 16:13:16 1565

原创 elemnetui 自定义上传文件(带进度条)

async handleChange (params) { // this.fileList = [] this.form.fileSize = params.file.size const fileBody = new FormData() fileBody.append('file', params.file) fileBody.append('moduleType', 'unstructured') fileBody.append('key', this.form.s...

2022-04-24 17:12:25 1450

原创 css样式根据子元素对父元素进行更改

const tree = Object.values(document.getElementsByClassName('xxx'))// 获取所有类名为el-tree-node__content的div(更改背景色就是更改xxx的背景色),// 这是一个对象,需要先更改未数组类型再进行判断 其内部所有的子元素也为对象因此在map时均需要进行更改// 直到在第三层找到我们自己定义的id yyy时将xxx的背景色更改掉,其余的同类均改为默认背景色tree.map((item) => { //.

2022-04-18 17:54:05 8097

原创 点击图片复制对应的数据

copyClick(url) { var copyTest = url // 需要复制的内容 var inputTest = document.createElement('input') inputTest.value = copyTest document.body.appendChild(inputTest) inputTest.select() document.execCommand('Copy') inputTest.className = 'oInput' i.

2022-03-29 09:08:50 99

原创 echart 饼状图设置渐变色

const getLinearColor = function(color1, color2, pos) { const p = Object.assign({ x: 0.5, y: 0, x2: 0.5, y2: 1 }, pos) return { type: 'linear', ...p, colorStops: [ { offset: 0, color: color1 }, { of.

2022-03-10 16:27:50 3029

原创 js获取浏览器内核版本信息

var angent=navigator.userAgentconsole.log(angent,'浏览器内核信息')火狐谷歌

2022-02-21 14:51:21 3665

原创 动态生成echart图(拖拽生成echart)并导出json

组合页面代码<template> <div class="hello"> <div style="height: 100%;flex: 1;overflow-y: auto"> <vuedraggable :group="{name:'menu',pull:'clone',put:false}" :sort="false" :list="echartArr" @end="addOne" :clone="cloneArr">

2022-02-15 09:46:57 1478

原创 element-plus tree在ts里的过滤问题

首先在tree里定义ref<el-input placeholder="输入关键字进行过滤" v-model="filterText"></el-input><el-treeref="treeFilter":filter-node-method="filterTreeNode"><el-tree/>setup(){let treeRef = ref<any>(null);let filterTex

2022-01-06 17:35:24 1519

原创 前端crypto-js加密解密

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button type="submits" onclick="displayDate()" >点击</button> </bod...

2021-09-02 11:41:28 1398

原创 vuedraggable拖拽火狐开启新页面问题

vuedraggable拖拽在火狐会打开新页面只要阻断冒泡即可document.body.ondrop = function (event) { event.preventDefault(); event.stopPropagation();}

2021-09-02 11:05:20 476

原创 关于都d2-admin element组件换成新版本的一些问题

d2-admin更新element新版本后因为element组件新版本已经移除了style.css文件,会导致系统无法正常运行,前往vue.config.js内将代码 externalCssFiles: ['./node_modules/element-ui/lib/theme-chalk/style.css']注释/删除即可...

2021-08-30 14:32:14 227

原创 scrollIntoView()导致导致整个页面上移问题

类似与fiexd导致的原因其它连接一堆https://blog.csdn.net/hetingtingitsme/article/details/105034530但是还有一些是纯粹高度造成的,可以尝试更改一下最后一个锚点的高度(很NT的问题,纯粹是写着的失误)...

2021-08-30 14:28:17 2048

原创 vue类似阻断scroll完成

一个页面内有多个滚动条,其中某个滚动条进行了锚点,为防止其它滚动条对其造成影响,只要给其它滚动条使用者(el-scrollbar,el-table设置了height)添加class,在监听时过滤添加了class的滚动事件即可滚动条监听:<div ref='scroll'><el-scrollbar ></el-scrollbar><el-scrollbar class='stopScroll'></el-scrollbar>&.

2021-08-27 11:05:47 349

空空如也

空空如也

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

TA关注的人

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