- 博客(28)
- 收藏
- 关注
RSS订阅原创 nodejs 实现Excel数据导入数据库，以及数据库数据导出excel接口（核心使用了multer和node-xlsx库）
本文实现了一个基于Node.js的Excel数据导入导出功能。主要包含：1)使用multer处理文件上传，支持.xlsx和.xls格式；2)通过node-xlsx解析Excel数据并批量插入MySQL数据库；3)实现数据库数据导出为Excel文件功能。代码包含文件类型验证、批量处理、错误处理等机制，并设置了文件自动删除延迟。功能通过RESTful API实现，支持配置参数如文件大小限制、批量处理大小等。
2025-07-29 17:08:11
65
原创 vue2 自定义锚点组件，超简单的使用方式
本文介绍了一个基于Vue的锚点导航组件实现方案。该组件通过扫描容器内带有data-section属性的元素，自动生成层级化目录结构（支持主/子章节标记），实现以下核心功能：1. 动态锚点生成：自动解析DOM结构，主章节标记为data-ismain时会重置子节点序号（如1.1）；2. 双向定位交互：滚动页面自动高亮当前章节，点击锚点平滑滚动至对应位置；3. 响应式设计：支持展开/折叠功能，状态持久化存储；4. 动态渲染支持：通过监听form参数变化，适配v-if等动态渲染场景。组件采用fixed定位+平滑过渡
2025-07-29 16:52:43
218
原创 油猴脚本——2、下载网页上的table表格
这是一个用户脚本，用于在网页表格上添加下载功能。脚本首先查找页面中的表格元素（优先识别ElementUI表格，其次普通HTML表格），为每个找到的表格创建"下载表格"按钮。点击按钮时，使用xlsx.js库将表格数据转换为Excel文件，并通过FileSaver.js保存为"表格.xlsx"。该脚本适用于需要快速导出网页表格数据的场景，支持右键菜单触发，核心依赖xlsx和FileSaver两个JS库实现Excel导出功能。
2025-07-24 10:57:56
124
原创 油猴脚本——1、拦截全局接口，修改参数，接口重发
本文介绍了一个用于拦截和记录网页XMLHttpRequest请求的用户脚本工具。该脚本通过重写XMLHttpRequest的open和send方法，捕获所有XHR请求的详细信息（包括方法、URL、请求头和请求体），并自动排除特定接口。捕获的数据以可视化表格形式展示在页面右上角的浮动窗口中，支持展开/收起功能。表格包含请求详情和"重播"按钮，可重新发送请求进行调试。该工具适用于开发调试、数据监控和安全审计等场景，通过纯DOM操作实现，无需依赖外部库。
2025-07-24 09:43:46
365
原创 监听一般的外链跳转，监听a标签跳转，监听window.open跳转
摘要：本文介绍了两种JavaScript安全防护机制。第一种通过监听body点击事件，拦截a标签跳转，对非https链接和_blank目标进行二次确认。第二种重写window.open方法，同样对非https链接弹出确认提示。两种方法都通过检查URL协议是否为https来确保安全性，防止用户意外访问不安全网站。代码包含事件处理、兼容性方案和用户确认流程，实现了网页跳转的安全控制。
2025-07-04 09:50:58
109
原创 前端如何实现某个div元素全屏显示，并监听退出全屏事件
该代码实现了一个全屏功能，通过获取指定DOM节点并调用requestFullscreen()方法来实现全屏显示。代码还考虑了不同浏览器的兼容性，分别处理了mozRequestFullScreen、webkitRequestFullscreen和msRequestFullscreen等不同浏览器的全屏方法。同时，代码还监听了退出全屏的事件，当用户退出全屏时，会在控制台输出“退出全屏”的提示。该实现方式简单直接，适用于需要在网页中快速实现全屏功能的场景。
2025-05-16 14:04:38
167
原创 element ui 实现el-form表单校验不通过时自动滚动到不通过的第一项去
文章介绍了一种在表单校验失败时，自动将页面滚动到第一个错误提示位置的方法。通过使用JavaScript的scrollIntoView()函数，可以定位到带有is-error类名的第一个元素，并将其滚动到视图中。为了实现平滑滚动效果，可以在滚动元素上设置CSS样式scroll-behavior: smooth;。该方法通过setTimeout延迟执行，确保在DOM更新后进行操作，适用于表单校验不通过时的用户体验优化。
2025-05-12 14:51:41
365
原创 2、electron vue3 怎么创建子窗口，并给子窗口路由传参
接上回，创建完vue3 electron项目后，现在要实现在渲染进程中点击按钮创建一个新的子窗口。
2024-09-20 15:14:28
1421
原创 element plus 图标，在html页面中正确引入，部分生效，部分不生效，可能是你的写法错了
找不到这个标签，因为标签名字写法错误，不能直接在html页面中用官方给的写法（官方(vue模板中)：）,在html中标签不能用驼峰命名（html中：），修改后图标就出来啦
2024-09-05 09:17:53
683
1
原创 Nuxt3 全局变量接口前缀全局配置，全局方法，全局状态管理
在根目录下新建composables文件夹，该文件夹下的文件会被nuxt3自动导入全局，在该文件夹下新建一个ts文件，例如我创建了一个state.ts文件。1.像api前缀这类的全局变量一般配置在nuxt.config.ts文件中。可以在public下定义全局变量，且public 下的变量可以在客户端和服务端使用。在其他任意vue或者js、ts文件中，可通过以下方式获取变量。
2024-08-27 09:27:14
1187
原创 nuxt3 自定义组件，局部注册&全局注册详解
nuxt3框架会把components文件夹下创建的组件自动注册到全局，所以直接在页面中使用即可，但要遵循其命名规则，例如图1中的image.vue组件，在页面中使用要以components下的文件路径首字母大写拼接命名，image.vue在components文件夹下的base文件夹下，那么组件命名就是BaseImage。
2024-08-26 15:28:39
1215
原创 fetch 监听接口进度，显示下载速度，结合el-progress实现下载进度可视化
【代码】fetch 监听接口进度，显示下载速度，结合el-progress实现下载进度可视化。
2024-08-22 15:11:58
487
原创 Nuxt3 安装element plus, Hydration completed but contains mismatches报错,Failed to resolve component警告，解决
Nuxt3 安装element plus，Hydration completed but contains mismatches报错，警告，页面中使用element plus 组件需要在组件外包一层
2024-08-15 10:06:19
1106
原创 Nuxt3 安装详细教程，npx nuxi@latest init失败怎么解决？
这一步很多人基本上都会报错，要解决这个问题，只需要修改下host文件，host文件所在位置：C:\Windows\System32\drivers\etc，用记事本打开host文件在文件最后面加两行以下代码即可。预告，后续更新Nuxt3安装element plus，scss，配置全局样式文件，全局变量，方法，封装请求，全局状态管理，自定义组件。如果无法修改host文件，请先右键打开host文件属性-安全-编辑，勾选修改允许。打开终端输入以下命令，为要创建的项目名称。
2024-08-15 09:32:09
2054
原创 Nuxt3 提示Hydration completed but contains mismatches
这个提示的意思是，服务器渲染（SSR）的结果与你完成加载后显示的内容不同。多半是由于你在浏览器里加载了一些数据，比如 localStorage，或者一些全局变量，然后页面就被重新渲染了。比如我遇到这个问题时，就是因为直接在setup里引用了全局变量，导致报错。在onMounted中去渲染数据。
2024-08-14 17:15:28
3041
2
原创 微信小程序Map地图使用详细教程，获取小程序定位，设置初始位置，设置地图初始缩放程度scale，最大，最小min-scale缩放，地图标点markers，画区域轮廓polygons，绑定地图点击事件
核心： latitude，longitude表示当前显示的位置坐标，bindtap绑定地图的点击事件，bindregionchange监听地图视野变化，bindpoitap点击地图poi点时触发（处理点击地图上的某些图标或者轮廓线不触发点击事件问题），enable-zoom是否支持缩放，scale缩放等级（3~20），min-scale 、max-scale最小最大缩放等级，markers地图标点集合，polygons地图上画范围（轮廓）的集合
2024-08-12 10:46:36
5594
原创 vue 二次跳转同一页面，页面不刷新，跳转路径相同，参数不同，页面不刷新问题解决方法
vue 二次跳转同一页面，页面不刷，加上:key="route.fullPath"
2024-08-12 09:32:01
2865
原创 前端html，vue使用第三方地图详细教程，以百度地图为例，实现地图标注，导航，定位，路线规划，坐标转换
BD09：为百度坐标系，在GCJ02坐标系基础上再次加密。GCJ02：又称火星坐标系，是由中国国家测绘局制订的地理信息系统的坐标系统。由WGS84坐标系经加密后的坐标系。WGS84：为一种大地坐标系，也是目前广泛使用的GPS全球卫星定位系统使用的坐标系。百度地图需要用BD09坐标，如果是天地图坐标（WGS84）,则需要作转化。2、进入控制台 - 应用管理 - 我的应用 - 创建应用，填写相关信息。实现效果，点击地图弹出弹框，输入信息，添加一个标注点。非中国地区地图，服务坐标统一使用WGS84坐标。
2024-08-09 15:45:07
3614
原创 echarts 世界地图(国家名称翻译，地图飞线，地图数据展示，热力显示)
2.准备一份世界地图轮廓数据world.js,可在本文章上方免费下载。1.确保安装了echarts。
2024-08-09 09:58:52
3358
1
原创 vue history模式下打包后本地无法访问除首页外的其他页面
本地直接运行无法打开除首页外的其他页面，这个是正常的，因为还需要在服务器端做配置，来看看。
2024-08-09 09:08:15
556
原创 Echarts响应式 ，饼图-南丁格尔玫瑰图数据差值过大，数据太小显示不全问题， 自定义配置每个扇叶颜色 ，以及响应式设置字体大小，legend大小
Echarts响应式 ，饼图-南丁格尔玫瑰图数据差值过大，数据太小显示不全问题， 自定义配置每个扇叶颜色 ，以及响应式设置字体大小，legend大小
2024-08-08 14:09:42
1580
原创 Echarts 柱状图修改柱子颜色渐变，柱子圆角
修改柱状图柱子背景色渐变和圆角，可通过修改series.itemStyle.normal.barBorderRadius属性实现圆角设置，series.itemStyle.normal.color:new echarts.graphic.LinearGradient()来设置渐变色柱子。
2024-08-08 13:18:39
3016
原创 vue前端思维导图，jsMind使用，配置每项颜色，节点是否默认展开，点击事件监听，jsMind资源文件
动态配置背景，连接线颜色，节点是否默认展开，示例代码，解析详见代码，有问题可留言。
2024-08-08 11:16:23
601
2
原创 element el-table 表格横纵双表头，横纵表头交换，表头样式优化，表头背景色样式设置，列样式设置
双表头这里提供一种思路，可以借鉴一下，表头样式设置header-row-class-name，列样式设置class-name。
2024-08-08 10:24:19
1015
wget-1.14-18.el7-6.1.x86-64.rpm Centos7 wget包 免费资源
2025-02-14
echarts世界地图配置地名中英文转换数据
2024-08-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人