- 博客(45)
- 收藏
- 关注
RSS订阅
原创 vue2组件化开发（顶部导航、左侧导航等、根据宽度展开隐藏标签行、文件上传组件）持续更新
组件化开发目前有：顶部导航，左侧列表导航,根据宽度展开隐藏标签行，文件上传组件
2023-12-06 17:15:42
2410
1
原创 vue2超实用功能-可修改标题、点击显示全部，折叠内容、自定时间线显示、文字超出隐藏、数组去重、多版本依赖、特效网站、文字走马灯组件、el-scrollbar滚动条、vue监听（持续更新中）、环境变量
vue2超实用功能-可修改的标题框。点击按钮显示全部，或者折叠内容。自定时间线显示。文字超出隐藏。使用el-menu，默认展示其中某个内容，不使用default-openeds。 toFixed保留小数。（判断数据类型）在添加依赖的时候 使用不同的依赖版本（示例为echarts）和强制定义下载地址（本地依赖库）。文字走马灯组件。el-scrollbar滚动条。vue深度监听vue调用本地配置环境变量
2023-07-13 10:10:11
940
1
原创 关于el-table的修改，冻结行列，首列合并，单元格色阶 Vue2
1. 表格可以全屏放大2. 表头冻结，左侧两列冻结，右侧一列冻结3. 首列单元格合并4. 第二列单元格点击和高亮5. 最后一列冻结6. 单元格色阶设置7. 滚动条自定义8. 列头也有合并9. 表格的自适应10. 单元格的表格线也是自己画的
2023-05-24 11:44:24
2954
1
原创 前端遇到的问题总结-持续更新，有bug就写
echarts雷达图，回到顶部，echarts饼图，v-for控制，显示问题，json，blob返回结果处理， require引入变量问题,在本地能找到js静态文件，但是服务器上找不到，在使用el-dropdown-menu下拉的时候，修改不了下拉的框的问题,在前端使用transition时候之前的数据延迟删除了，在前端接口被重复调用，响应时长不同，结果被覆盖的问题，transition因为设置了display=none导致动画失效，echarts使用地图时没有地图json文件了，数据返回覆盖问题
2023-04-24 17:32:24
1237
2
原创 echarts使用graphic强行给图增加一个边框（边框根据自己的图形大小设置）- 适用于无法使用dom的样式
这篇文章介绍了如何在ECharts图表中正确添加边框并通过pdf-lib导出为PDF。主要要点包括：1）直接给DOM元素加边框会在PDF导出时丢失，必须通过ECharts本身添加边框；2）使用grid配置可以添加图表内部边框；3）通过graphic图层为整个图表添加外边框；4）必须固定图表尺寸；5）提供了完整的代码示例，展示了如何配置双边框（红色内框和灰色外框）并设置SVG渲染模式。文章还附有页面显示效果和PDF导出效果的对比图片。
2025-06-09 16:36:47
258
原创 前端vue2-完全前端生成pdf-＞pdf-lib,html2canvas+jspdf,原生打印，三种方式（打印带有echarts图的pdf）
本文介绍了四种生成PDF的方法及其优缺点。pdf-lib可以精确控制输出内容，但操作复杂；html2canvas将HTML页面转为图片后插入PDF，操作简便但难以控制图片大小；原生浏览器打印无法控制输出；pdfkit存在兼容性问题，且对格式要求严格。文章还提供了相关依赖的下载命令和字体资源链接，并展示了如何使用html2canvas和jspdf将HTML内容导出为PDF的代码示例。
2025-05-23 10:41:36
707
原创 前端vue2修改echarts字体为思源黑体-避免侵权-可以更换为任意字体统一管理
前端vue2修改echarts字体为思源黑体-避免侵权-可以更换为任意字体统一管理
2025-04-29 16:27:39
266
原创 echarts模板化开发，简易版配置大屏组件-根据配置文件输出图形和模板（vue2+echarts5.0）
dataHandle.js-数据转换方法代码echartsGet.vue-图形中转代码外部框架-循环图形echartsTempCss.css-图形，模板样式代码functionEcharts.vue-图形上方控制按钮index.vue-主要引用，数据查询provinceSetting.json-精细控制-更具省份区分temp.json-图形模板主要设置
2025-04-22 17:33:18
325
原创 前端操作document的小方法，主要功能-获取当前页面全部的a标签页，并根据链接中必要的字段进行判断，然后把这些链接放入iframe去打开（会有降频和内存溢出问题-未解决）
获取当前页面全部的a标签页，并根据链接中必要的字段进行判断，然后把这些链接放入iframe去打开
2025-04-14 18:11:25
269
原创 前端页面用html2canvas下载为图片*新增图片放大缩小失真问题修改
如何使用 html2canvas 将 ECharts 图表导出为图片*新增图片放大缩小失真问题修改
2025-04-08 16:50:36
671
原创 各种网址整理-vue开发，vue组件，linux部署，ai前端开发，前端基础开发，各种开发能用到的网址和一些有用的博客
各种网址整理-vue开发，vue组件，linux部署，ai前端开发，前端基础开发，各种开发能用到的网址和一些有用的博客。一直放在chrome书签里面实在是不好找，抽空总结
2025-03-28 17:51:03
481
原创 前端-选中pdf中的文字并使用，显示一个悬浮的翻译按钮（本地pdfjs+iframe）不适用textlayer
选中pdf中的文字并使用，显示一个悬浮的翻译按钮（本地pdfjs+iframe）实现监听选中（不适用textlayer），选中之后悬浮一个翻译的按钮方案1：获取选择文本内容的最前面的字符坐标的位置（这种写法会导致如果选择超出pdf容器的高度之后，导致按钮显示不出来，这种方法显示位置固定）方案2：获取选择文本最后鼠标离开位置的坐标（目前没发现bug，这种方法显示的位置不固定）这个方法在最下面，核心位置计算方法handleTextSelectionPdf，updateToolPositionPdf
2025-03-20 09:28:22
408
原创 eventbus前端父子组件通信使用及重复实例问题解决（保留最新的一个）如果出现bug请在评论指出，看到会改
eventbus前端父子组件通信使用及重复实例问题解决（保留最新的一个）如果出现bug请在评论指出，看到会改
2025-03-18 14:19:01
214
原创 解决前端文字超高度有滚动条的情况下padding失效（el-scrollbar）使用
如果采用这种写法会导致最下吗的padding-bottom失效，内边距在文章的最下面。解决方案：使用el-scrollbar。
2025-03-17 17:53:01
324
原创 vue中echarts-中国地图，世界地图显示（echarts5.6版本本地导入)
vue中echarts-中国地图，世界地图显示（echarts5.6版本本地导入)地图去掉南海诸岛右下角的框显示（因为显示的不是现在的10段线）资源里面主要是有个改好的中国地图json其他的无所谓，用现有的json也行，主要是为了解决10段线的问题
2025-01-20 15:09:48
597
2
原创 python爬虫-下载高德地图区域（省，市，区）
python爬虫，用于下载：https://datav.aliyun.com/portal/school/atlas/area_selector 的中国地图及其下钻省市区的json文件。如果adcode的最后两位不为00，检查dist目录下是否已经存在adcode_full.json文件，如果不存在，则下载并保存。检查dist目录下是否已经存在adcode.json文件，如果不存在，则下载并保存。如果有失败的下载，尝试重新下载失败的文件。下载并解析all.json文件。输出下载结果和跳过的文件列表。
2024-11-19 16:50:31
894
1
原创 vue2使用pdfjs-dist实现pdf预览+多版本适配（iframe形式，不修改pdfjs原来的ui和控件，dom层可以用display去掉一部分组件）
vue2使用pdfjs-dist实现pdf预览使用本地的pdfjs-dist用的原生的pdfjs-distui没变，但是应该可以在源码删掉一些工具和组件（在iframe中使用不能拿样式去删组件）chrome内核版本需要大于等于103多版本适配
2024-10-14 18:37:57
2872
原创 echarts地图-单独给香港和澳门画引导线
因为香港特别行政区和澳门特别行政区的名字特别长又需要显示全名所以显示在地图上会挤在一起，所以根据天地图的坐标来加了两个引导线（echarts5以下！！！）
2024-08-27 16:28:33
675
原创 Springboot+vue实现webScoket
因为在做的项目中，有多个网站登录同一个用户，故想在某一个页面登录或者退出的时候，对其他页面进行相同的操作目前实现的需求是vue2组件获取浏览器的唯一指纹来确定给后台的信息标识，比如我打开了10个有这个组件的页面 那么就是会有10发10个消息，但是他们的id是相同的，如果这1个页面中有一个退出页面 那么其他9个也会跟着退出，这样做目前有个问题是如果开的太多了不确定压力测试能不能过
2024-08-22 15:58:16
565
原创 前端/python脚本/转换-使用天地图下载的geojson（echarts4+如果直接使用会导致坐标和其他信息不全）
公司是因为可能用之前的旧版本的地图数据可能会导致侵权或者是没显示重要内容，天地图里面的地图绝对是很正确的（国内地图）解决方法是使用python脚本来补全其他信息：center，level，adcode等内容。前提是必须有一个之前使用的json文件（需要全一点的数据供echarts使用） 地图效果不让放上去
2024-07-10 10:28:45
676
原创 前端数组操作，方法（持续更新）findIndex,find,indexOf,some,slice,map,filter
前端数组操作，方法-findIndex,find,indexOf,some,slice,map,filter
2024-06-26 17:25:10
359
原创 vue2动态横条图（横条图样式定时切换）
组件代码 – 动态变化的柱子还可以用其他的img图去替换，修改makeOption(type, symbol, datas) symbol的值代表了图，注意type为bar设置symbol无效。调用代码 – 因为我同时调了4个 所以传了个id。
2024-06-18 16:23:15
385
原创 vue2 bug求助！！！（未解决，大概是浏览器缓存的问题或者是路由的问题）
页面a点击a标签->到页面b->页面b用户退出刷新页面->点击浏览器的返回按钮返回上一页返回页面后页面没有刷新导致用户名还显示这
2024-05-31 17:06:13
626
1
原创 前端Referer头只返回简化头问题
我的代码默认的是 origin-when-cross-origin导致我在调用不同域名的接口的时候在调用后端给的权限接口时我无法发送完整的Referer头 可以解决
2024-05-27 10:29:27
337
原创 jqery版本低的安全漏洞问题
其实这是最好与最简单的修复方式，但是最新版的jquery不兼容旧版本，很多的api被废除了，所以如果升级到最新版的话，容易崩，还有个方式就是jquery团队推出的一个插件migrate。具体使用方法自行去jquery查询。最近在做项目的时候扫描除了很多js版本过低的问题，主要集中在1.x 2.x 还有1.12jQuery&
2024-05-22 10:11:08
1311
原创 在vue中一个页面内重复调用同一个echarts组件(桑基图5.0+)，减少冗余文件
众所周知，如果id重复的话 echarts调用会只渲染一个，所以就需要用父组件传参进入，多穿穿参就能少写几个重复的屏幕发生变化后resize（），占满整个div
2024-04-11 15:46:42
372
原创 史诗级大无语事件之火狐/safria对于flex的兼容性问题，flex-flow: colum wrap；不计算排序后的宽的问题
在火狐和safria中flex排列和writing-mode失效的问题解决（火狐是writing-mode失效问题，safria是没有writing-mode只能用flex去写）
2024-04-07 09:44:09
819
5
原创 在vue2，cli5的情况下配置ie的兼容或者直接不兼容并且提示或者跳转
遇到的问题就是有些样式可能不能正常显示，还有就是词云图里面有报错。或者直接不兼容
2024-02-28 13:59:33
1566
原创 vue2中使用file-saver，html-docx-js实现html直接下载为word文档
vue2中使用file-saver，html-docx-js实现html直接下载为word文档。
2024-02-27 16:38:12
763
原创 在vue2中使用全局监听浏览器窗口变化，适配手机端判断
有三个属性可以使用`windowWidth(窗口宽度)，windowHeight（窗口高度），MobileVerification（是否是在手机端）`当然还可以加其他的内容
2023-12-27 15:10:37
1860
3
原创 Linux上部署vue-cli并使用vue-ui可视化创建项目，暂时没发现这个有什么太大的用，希望有知道作用的评论一下
Linux上部署vue-cli并使用vue-ui可视化创建项目，暂时没发现这个有什么太大的用，希望有知道作用的评论一下
2023-11-23 16:24:36
636
原创 EchartsConvert（在word中把echarts生成为图片放在word里）操作攻略（前端向）
EchartsConert操作攻略（修改版前端向），处理复杂echarts的
2023-06-28 11:12:37
868
1
echarts-中国地图，世界地图显示（echarts5.6版本)
2025-01-20
echarts+echarts原json+天地图geojson+转换之后的json
2024-07-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人