- 博客(75)
- 收藏
- 关注
RSS订阅原创 iframe 预览pdf时 设置不显示工具栏 菜单里 全屏适应元素
search=word: 在文档中执行搜索，word 是搜索的关键词。// #view=FitH: 将文档调整为适应水平宽度。#pagemode=bookmarks: 设置文档打开时显示书签。#pagemode=none: 设置文档打开时不显示任何导航窗格。// #view=FitH: 将文档调整为适应水平宽度。// #toolbar=0: 隐藏工具栏。#view=FitH: 将文档调整为适应水平宽度。#view=FitV: 将文档调整为适应垂直高度。#view=Fit: 将文档调整为适应屏幕。
2025-01-20 16:28:22
555
原创 vue Element Ui Upload 上传 点击一个按钮，选择多个文件后直接上传，使用防抖解决多次上传的问题。
vue Element Ui Upload 上传 点击一个按钮，选择多个文件后直接上传，使用防抖解决多次上传的问题。
2025-01-04 15:00:46
1351
原创 el-table合并单元格之后，再进行隔行换色的且覆盖表格行鼠标移入的背景色的实现
el-table 中有现成的隔行换色功能，只要增加 stripe 属性即可。但是如果有单元格合并的话，这个属性就不可用了。这时候我们就需要动点小心思了。隔行换色：基于表头中的某一列 ，放到一个集合里，根据下标 判断奇偶行。单元格合并：基于表头中的某一列，具有相同值的个数相加进行合并。基于相同字段进行合并。
2024-11-13 14:58:01
585
原创 vue 禁用element-ui calendar 取消非本月日期的点击事件
需求描述：原本的日历组件不是本月的日期是灰色的，且点击后会跳转到对应的月份，现在不想它跳转，需要禁用它的点击事件
2024-11-01 14:51:30
1094
原创 vue canvas 把两个一样大小的base64 4图片合并成一张上下或者左右图片
/ 替换为实际的base64字符串。// 替换为实际的base64字符串。// 假设 base64Image1 和 base64Image2 是两个等大小的base64图片字符串。//得到图片的base64编码数据。// 绘制第二张图片（在第一张图片的下方）// 绘制第二张图片（在第一张图片的右方）// 合并后的图片base64。// 设置Canvas的宽高。// 创建图片对象并加载Base64数据。// 创建Canvas元素。// 或者直接下载图片。// 绘制第一张图片。
2024-11-01 09:00:32
816
原创 前端最常用的25个正则表达式，代码效率提高 80%
说明：密码中必须包含字母、数字、特称字符，至少8个字符，最多30个字符。说明：6至20位，以字母开头，字母，数字，减号，下划线。说明：5-11位数字。
2024-10-10 12:06:03
310
原创 vue + Element UI table动态合并单元格
1、根据名称相同的合并工作阶段和主要任务合并这两列，但主要任务内容一样，但要考虑主要任务一样，但工作阶段不一样的情况。（枞向合并）2、落实情况里的定量内容和定性内容值一样则合并。（横向合并）
2024-09-11 08:59:31
1218
原创 vue+IntersectionObserver + scrollIntoView 实现电梯导航
电梯导航也被称为锚点导航，当点击锚点元素时，页面内相应标记的元素滚动到视口。而且页面内元素滚动时相应锚点也会高亮。电梯导航一般把锚点放在左右两侧，类似电梯一样。
2024-09-10 10:00:08
1532
原创 css问题：display:flex布局+justify-content: space-between； 最后一行不能左对齐
h1>方法2：网格布局 display: grid;问题：flex布局+justify-content: space-between;最后一行不能左对齐方法1：display: flex;/* 一行减去item的宽度后剩下的间距 *//* 一行减去item的宽度后剩下的间距 *//* 每个item左右的间距 *//* 每个item左右的间距 *//* 一行几个 *//* 一行几个 */
2024-09-05 15:24:20
1657
原创 Echarts 图表添加点击事件跳转页面，但只有图表部分点击才会跳转页面，坐标轴，区域缩放等点击不跳转。Echarts 柱状图 给柱子加点击事件 但值太小，点不到
默认的点击事件是这样的：myChart.on('click', function (param) { console.log(param)})这个事件需要点击具体图形才会触发，例如我上面的图，想选择a柱子，就需要明确点击到柱体才行，明显不符合正常的预期，正常预期应该是：点击整个a柱子对应的区域都会触发点击事件，且能对应上a柱子所代表的数据想要实现这一效果首先要监听echarts全图的点击事件，echarts有个api，但官方文档并没有写:echartsI
2024-06-26 10:31:16
955
原创 Chrome VUE position:absolute，z-index:3000 容器被设置元素position:fixed,z-index:200 的元素盖住了，
Chrome VUE position:absolute，z-index:3000 容器被设置元素position:fixed,z-index:200 的元素盖住了
2023-08-30 14:19:20
259
原创 Vue3安装pixi.js 项目无法识别 ?. 语法，导致报错Module parse failed: Unexpected token
You may need an appropriate loader to handle this file type, currently no loaders
2023-08-21 10:25:15
1870
2
原创 Vue3 大屏数字滚动效果
父组件：<template></div>},2000)})</script></style>子组件：<template>
2023-08-08 16:11:45
863
原创 Echarts 地图点击板块高亮，再次点击还是高亮，在地图外点击返回，则不高亮。
/如果惦记的省份和当前高亮的省份不一样，则找到地图数据highlight=true,即当前高亮省份的下标，设置不高亮。然后再遍历地图数据找到点击省份，设置highlight=true，再设置高亮此省份。['香港', '澳门', '南海诸岛','台湾'].includes(param.name)) {if (this.clickCity == '全国') {//设置某个省不高亮 dataIndex 下标。this.clickCity = '全国'//设置全部省不高亮。
2023-07-26 14:34:49
1398
原创 vue2如何将页面生成 pdf 导出 html2Canvas + jspdf
utilsexport const htmlToPDF = async (htmlId, title = "报表", bgColor = "#fff") => {important'scale: 2,});/*根据自身业务需求 是否在此处键入下方水印代码*/// 填充文字，x 间距, y 间距ctx.fillText('水印名', i, j);} else {3.在目标页面引入方法即可。
2023-07-21 11:04:56
1045
1
原创 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/w/2“
重写push和replace方法webSocket页面，但控制台会报很多个这样的警告：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/webSocket/2"声明式导航：router-linkvue官方已经为编程式导航：组件实例的$router.push ，官方没有做，需要重写push函数重写push和replace方法在router.js里。
2023-07-20 15:29:47
358
原创 VUE2 项目其他配置（浏览器自动打开，eslint校验关闭，src配置别名,路由传参等）
VUE2 项目其他配置（浏览器自动打开，eslint校验关闭，src配置别名,路由传参等）
2023-07-20 15:14:13
166
原创 可视化大屏自适应：autofit.js 一行搞定布局
designHeight（可选）：设计稿的高度，默认是 929 ，如果项目以全屏展示，则可以设置为1080。优点：可以动态计算图表的宽高，字体等，灵活性较高，当屏幕比例跟 ui 稿不一致时，不会出现两边留白情况。renderDom（可选）：渲染的dom，默认是 "#app"，必须使用id选择器。参数分别是：设计稿的宽高和你要适配的元素，在vue中可以直接传#app。概述：这名字一听就麻烦，具体方法为获得 rem 的基准值 ，动态的计算。下面的if判断的是宽度固定还是高度固定，当屏幕宽高比小于设计宽高比时，
2023-07-19 09:51:13
608
原创 前端获取电池信息
随着技术的日益发展，web前端技术远比我们想象的强大。浏览器允许网站获取用户设备的电池状态信息，例如电量百分比，剩余电量，充电状态等等。我们可以使用这些信息，根据用户设备的电量调整我们的应用行为。在这篇中，我们将探讨如何在前端中获取电池信息，用到的就是关于。
2023-06-27 15:14:46
248
原创 vue pc端项目使用rem适配后 Element UI table 高度自适应 px转rem
vue pc端项目使用rem适配后 Element UI table 高度自适应 px转rem
2023-04-24 09:41:51
1436
原创 element ui table 单位格条件过滤后请求接口(filter-method、filter-change)
【代码】element ui table 单位格条件过滤后请求接口(filter-method、filter-change)
2023-04-19 16:57:41
2571
原创 vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function的解决方案
这个问题是因为mockjs改动了axios里面XMLHttpRequest对象致使的根据axios源码 l是一个XMLHttpRequest对象mockJs把l变量从XMLHttpRequest对象改为了MockXMLHttpRequest对象因此l.upload是一个空对象 空对象没有 addEventListener方法 因此报错。
2023-04-17 18:27:10
2583
1
原创 解决swiper的自适应图片高度问题的方法，一句CSS搞定。
最近在写项目中用到swiper做标签页切换，因每个标签页的内容不一样，所以需要自适应高度，根据官方API在swiper中添加 autoHeight: true ，但是并没有什么卵用，是ajax的原因还是我自定义个一些样式覆盖掉了swiper.css中的某些样式这个我没有去研究。
2023-04-17 12:45:14
969
1
原创 elementUI步骤条：CSS改变步骤条状态样式，进度条跟随到当前步骤，而不是当前步骤完成了才显示颜色。
elementUI步骤条：CSS改变步骤条状态样式，进度条跟随到当前步骤，而不是当前步骤完成了才显示颜色。
2022-10-09 09:44:37
1577
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人