- 博客(25)
- 收藏
- 关注
RSS订阅原创 搜索关键词高亮
摘要：如何实现搜索关键词高亮功能。首先获取列表数据，成功后调用方法处理高亮。changeColor使用正则表达式匹配搜索关键词，将其替换为带有颜色样式的span标签。实现了assetsName字段中关键词的高亮显示，增强了用户搜索体验。
2025-12-19 11:12:40
195
原创 Leaflet + Turf.js 实现多边形网格生成与空间分析
本文介绍了基于Leaflet和Turf.js实现多边形网格生成的技术方案。通过监听用户绘制事件，在自定义多边形范围内生成指定大小的网格，并进行字母+数字编号（如A1、B3）。利用Turf.js的空间分析功能判断网格与多边形的关系（相交/包含），仅保留有效网格并渲染。关键技术包括：网格编号规则设计、turf.booleanOverlap等空间关系判断方法，以及FeatureGroup图层管理。该方案适用于区域网格化管理等GIS应用场景。
2025-12-04 14:01:44
397
原创 通过打补丁方式修复漏洞
patch-package 是一个用于修复 node_modules 依赖包问题的工具，它允许你对依赖包进行修改并生成补丁文件，确保这些修改在团队协作或重新安装依赖时不会丢失。首先，进入 node_modules 目录找到需要修改的包，直接修改其源代码。重新应用修改并生成新补丁。
2025-11-14 15:38:54
211
原创 标签页之间的通信
跨标签通信主要有四种方案：1) BroadcastChannel API实现同源页面的简单消息广播；2) Service Worker作为中转站实现消息转发和定向通信；3) localStorage配合storage事件实现数据变更监听；4) WebSocket或window.postMessage实现跨窗口通信。其中BroadcastChannel简单易用，ServiceWorker功能最强大但实现较复杂，localStorage适合状态同步场景，websocket则适用于跨域通信。开发者可根据业务需求选
2025-11-05 09:28:17
485
原创 es2025新特性Promise.try的使用
统一包装成一个已启动的 Promise，使同步异常转为 rejected，便于用 then/catch 流式处理；同时把同步/异步结果规范化为 Promise。Promise.try作用：把“
2025-11-04 16:06:02
205
原创 axios使用CancelToken解决重复请求，只保留之后一次请求
本文介绍了通过axios拦截器实现请求取消功能的实现方案。核心思路是使用Map对象存储待取消的请求，通过定义需要取消操作的接口白名单，在请求拦截器中检查并取消重复请求，在响应拦截器中清理已完成请求。具体实现包括：生成请求唯一标识、创建取消令牌、处理取消逻辑及错误处理，确保同一接口的多次请求只保留最新请求，避免资源浪费和潜在冲突。该方法适用于需要防止重复提交或优化请求性能的场景。
2025-11-04 10:14:00
97
原创 el-table中expand-change事件异步赋值时，需要点击两下展开
解决el-table中expand-change事件异步赋值时，需要点击两下展开，只需在el-table中加row-key即可。
2024-07-03 14:54:42
462
1
原创 项目开发过程中无法指向具体错误位置和调试信息
解决这个问题只需在vue.config.js文件中给configureWebpack配置 devtool: 'source-map' 即可。在项目开发中会常常遇到有报错，但是报错却指向到了压缩后或编译后的代码。
2024-04-16 11:26:21
329
原创 npm安装慢
2、修改国内镜像使用命令：npm config set registry=https://registry.npmmirror.com。1、首先使用命令 npm config get registry 查看npm镜像是什么？如果不是国内镜像的话下载会很慢。这样npm install 的速度就快了。
2024-02-27 17:31:48
592
原创 vscode格式化 标签
1、在设置中搜索vetur，找到对应位置，选择js-beautify-html。2、在setting.json中添加代码即可。
2023-12-28 10:39:29
781
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人