自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 css 文件重复类样式删除

【代码】css 文件重复类样式删除。

2024-07-09 10:00:48 475

原创 Git 常用操作 - 显示标签、创建标签、推送标签到远程分支、标签删除

master合并后发布新版本时,请务必进行标签标注,首先使用 ‘git tag’ 查看历史标签数据,然后对版本号进行递增0.01的操作。注:标签不是按时间顺序列出,而是按字母排序的。

2023-10-30 17:30:42 4509

原创 js 一行代码

【代码】js 一行代码。

2023-09-27 11:28:00 4586

原创 vue 浏览器宽度变化实时监听

【代码】vue 浏览器宽度变化实时监听。

2023-09-14 17:53:51 4679

原创 vue列表跳转详情,记录列表滚动不变

【代码】vue列表跳转详情,记录列表滚动不变。

2023-09-14 17:49:35 544

原创 vue网页缓存页面与不缓存页面处理

【代码】vue网页缓存页面与不缓存页面处理。

2023-09-14 17:27:15 5817 1

原创 qiankun 子应用 ant-design-vue快速填坑指南

App.vue 中修改:vue.config.js中修改

2023-09-14 12:04:58 233

原创 vue3 +ts 报错 index.vue 不是模块

那是因为index.vue中创建了一个空的script标签,而且语法使用的是ts语法。vue-cli会用ts语法解析和校验。如果是有状态组件,导出该组件的实例。如果是无状态组件,删掉。

2023-07-24 15:20:11 831

原创 Antv G6 downloadFullImage 导出图片清晰度不够

Antv G6 downloadFullImage

2023-07-20 16:47:31 5434 2

原创 Antv G6 力导向图布局变更,保持 节点的收缩状态

【代码】Antv G6 力导向图布局变更,保持 节点的收缩状态。

2023-07-20 16:44:51 748

原创 Antv G6 force分布式布局 icon“+“ “-“收缩自定义,关系图子节点

【代码】Antv G6 force分布式布局 icon“+“ “-“收缩自定义,关系图子节点。

2023-07-20 16:34:22 1257

原创 element el-table高度自适应

【代码】element el-table高度自适应。

2023-07-20 16:15:56 321

原创 antv G6关系图收缩

【代码】antv G6关系图收缩。

2023-07-20 16:05:15 403

原创 antv G6关系图收缩

【代码】antv G6关系图收缩。

2023-07-14 14:34:19 381

原创 antv G6关系图收缩

【代码】antv G6关系图收缩。

2023-07-14 14:33:23 944

原创 antv G6自定义

*** 绘制节点,包含文本* @param {Object} cfg 节点的配置项* @param {G.Group} group 图形分组,节点中的图形对象的容器* @return {G.Shape} 绘制的图形,通过 node.get('keyShape') 可以获取到*//*** 绘制后的附加操作,默认没有任何操作* @param {Object} cfg 节点的配置项* @param {G.Group} group 图形分组,节点中的图形对象的容器*//**

2023-07-13 14:02:48 967

原创 antv/g6 使用拓扑排序找到最后一层节点

【代码】antv/g6 使用拓扑排序找到最后一层节点。

2023-07-11 10:36:21 285

原创 十六进制color颜色/RGBA/RGB,改变透明度

十六进制color颜色/RGBA/RGB,改变透明度

2023-06-28 17:30:31 318

原创 js 数组依照给定的顺序排序

按照给定的顺序排序

2023-06-28 17:29:11 188

原创 字符串转数组,数组元素类型

let dataArr = ‘1,2,3,4,5,6,7,8,9’console.log(dataArr.split(‘,’)) // [“1”, “2”, “3”, “4”, “5”, “6”, “7”, “8”, “9”]console.log(dataArr.split(‘,’).map(parseFloat)) // [1, 2, 3, 4, 5, 6, 7, 8, 9]

2023-06-28 17:21:07 106

原创 element safari浏览器兼容问题

safari element table 兼容问题

2023-06-27 15:41:53 663

原创 前端excel文件处理,vue2 、file-saver、xlsx, excel文件生成与excel文件链接数据导出

前端excel文件处理,vue2 、file-saver、xlsx, excel文件生成与excel文件链接数据导出

2023-06-27 11:18:40 2649

原创 CSS滤镜 filter 网站灰色设置

CSS滤镜(filter)

2022-12-27 15:39:37 2866

原创 echarts v5. 世界地图,中国地图,设置区块点击后颜色不改变

echarts v5 世界地图,中国地图点击 取消更改 黄色背景

2022-12-08 13:54:16 2041

原创 vue3中引入element-plus的 @element-plus/icons-vue.(已成功)

vue3中引入element-plus的 @element-plus/icons-vue最近使用element-plus开发项目,@element-plus/icons-vue 全局安装依据官网(官网地址)的使用方法不知道什么原因 icon 的 样式一直不显示,搞了半天,不知道什么原因又好了,贴一下代码。安装NPM$ npm install @element-plus/icons-vue全局引用main.ts里面导入引入 iconimport * as Elicons from "@ele

2022-05-13 11:31:30 33447 1

原创 html2canvas 页面截图

// 截图screenshotChange() {var node = document.getElementById(‘goodsDetail’)var width = node.offsetWidthvar height = node.offsetHeightvar scale = 2const a = document.createElement(‘a’)html2canvas(node, {width: width,heigth: height,backgroundColor:

2022-03-24 14:33:29 1038

原创 js 字符截取与分割

substring()substring(start,end)表示从start到end之间的字符串,包括start位置的字符但是不包括end位置的字符。substring 方法使用 start 和 end 两者中的较小值作为子字符串的起始点start 或 end 为 NaN 或者负数,那么将其替换为0子字符串的长度等于 start 和 end 之差的绝对值 let str = '测试substring' console.log(str.substring(0,2)) // 测试subst

2021-08-20 15:34:13 799

原创 js关于变量提升

js 中,传统声明变量是var、function;es6中是let、const、import。变量提升(var、function)var function 声明的变量都存在变量提升机制,而且function 声明的变量会提前声明+定义。基于 var function 声明的全局变量会给全局对象GO(window)增加一个对应的私有属性,它们之间有一个映射机制(一个修改,另一个也会跟着修改)使用var 声明变量,使用var声明的变量会发生提升,变量提升就是把我们所写的变量声明代码提升到它所在作用域的

2021-08-10 17:35:24 126

转载 前端总结-思维导图(转载)

思维导图转载,转载地址:掘金-伊人a如有侵权,联系删除。不做商用,知识存储

2021-07-29 11:23:04 191

原创 ES6、ES7、ES8、ES9、ES10、ES11、ES12部分运用

ES6 (2015)类 (class) class Man { constructor(obj) { this.text = obj } console() { console.log(this.text); } } const man = new Man("测试类"); man.console(); // 测试类模块化(ES module) // 模块 A 导出一个方法 export const

2021-07-19 16:22:59 204

原创 js常用的数组遍历

filter()filter 遍历数组会返回一个新的数组不会对空数组进行检测、不会改变原数组 let arrUsed = [1,2,3,4,5] let arrNew = arrUsed.filter((item, index) =>{ return item > 3 }) console.log(arrNew, arrUsed) // [4, 5] [1, 2, 3, 4, 5]some()符合条件返回 true ,不符合返回 false依

2021-07-12 15:48:55 339

原创 javascript中apply、call和bind的区别

call、apply、bind的作用是改变函数运行时this的指向callcall 方法第一个参数是要绑定给this的值,后面传入的是一个参数列表。当第一个参数为null、undefined的时候,默认指向window。var arr = [1, 2, 3, 89, 46]var max = Math.max.call(null, arr[0], arr[1], arr[2], arr[3], arr[4])//89applyapply接受两个参数,第一个参数是要绑定给this的值,第

2021-07-05 17:26:17 103

原创 js银行号显示处理

/** * @description 每四位一个空格 保留后四位显示 其余*号隐藏 */ let text = "6217002090002726"; this.textRe = text .replace(/\s/g, "") .replace(/(\d{4})\d+(\d{4})$/, "**** **** **** $2"); console.log(this.textRe);

2021-07-05 13:56:16 279

原创 微信小程序缓存setStorageSync

缓存操作数据写入wx.setStorageSync('key', 'value')数据获取wx.getStorageSync('key')缓存清除wx.clearStorageSync()缓存移除wx.removeStorageSync('key')

2021-07-02 17:27:33 932

原创 rgba 透明度转换十六进制

rgba 透明度转换十六进制 colorChange(color) { let arr = color .replace(/rgba?\(/, '') .replace(/\)/, '') .replace(/[\s+]/g, '') .split(','); let a = parseFloat(arr[3] || 1), r = Math.floor(a * parseInt(arr[0]) + (1 - a) * 2

2021-07-01 10:22:35 1030

原创 解决Vue element ui 表格el-table span-method 表格线未对齐情况

在表格el-table上添加样式.el-table th.gutter{ display: table-cell!important;}或者全局修改

2021-06-23 17:42:11 402

原创 Element image图片组件 el-image-viewer、不循环

1、Image组件中实现图片预览可通过 previewSrcList 开启预览大图的功能。<div class="demo-image__preview"> <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList"> </el-image></div><script> export def

2021-04-14 15:08:13 11031 5

原创 Ant Design 前端页面设计汇总

设计元素规范视觉要素应充分涉取自然界规律,降低用户认知成本主要字体为 14,与之对应的行高为 22多数情况下,只出现 regular 以及 medium 的两种字体重量,分别对应代码中的 400 和 500。在英文字体加粗的情况下会采用 semibold 的字体重量,对应代码中的 600。参考了 WCAG 的标准,将正文文本、标题和背景色之间保持在了 7:1 以上的 AAA 级对比度。建立体系化的设计思路:在同一个系统的 UI 设计中先建立体系化的设计思路,对主、次、辅助、标题、展示等类别的字

2021-02-24 16:49:05 1130

原创 webpack打包的dist文件预览

webpack 打包的dist 文件,查看页面显示效果npm run build项目终端执行 npm run build,打包成功得到一个dist 文件夹,浏览器打开 dist/index.html,样式失效,控制台报错npm install express-generator -g安装成功后终端显示查看 express 版本express --version创建一个 express 项目(demo 项目名称) express demo这时,项目目录中会有一个demo文件夹,把

2021-02-20 16:41:02 657

原创 鼠标、键盘事件,鼠标样式

oncontextmenu禁用鼠标右击事件document.oncontextmenu = function(){return false;}document.oncontextmenu = function(event){event.returnValue = false;}//直接在body上<body oncontextmenu = "return false" ></body>onselectstart禁用网页上选取的内容;document.onselectst

2021-02-19 11:42:59 355

空空如也

空空如也

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

TA关注的人

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