- 博客(34)
- 收藏
- 关注
RSS订阅原创 行内块元素在垂直方向上对齐问题
在项目中遇到了样式问题，父元素设置了，并且有，但两个子元素在垂直方向上仍然不能对齐，而且查找元素显示的高度也不一样。而且如果我修改padding的值，一个向上跑、一个向下跑。
2026-09-04 14:29:51
148
原创 HBuilder打包web地址的apk，更新dist后如何自动清缓存
关于HBuilder打包web项目APK更新缓存问题的解决方案。可在vite.config.ts中添加配置：输出带hash的资源文件，并注入版本号及缓存控制meta，通过脚本检测版本变化自动清缓存刷新页面。
2026-09-02 09:39:32
235
原创 Cesium（四）Cesium通过kriging.js实现降雨量图
本文介绍了如何在Cesium地球组件中实现克里金插值算法来绘制降雨量图等空间分布图。还提供了完整的代码实现方案，解决了原库在颜色映射和边界计算方面的问题，最终实现了美观的空间分布可视化
2026-07-09 10:15:00
187
原创 Cesium（三）添加标记点、绘制线并清除，添加wms影像底图
添加标记线</button><button onClick={clearEntityAll}>全部清空
2026-07-08 14:14:03
167
原创 Cesium基础（二）-- 视角切换与测量工具
本文介绍了基于React+TypeScript封装Cesium组件，实现了交互式3D地球场景的完整功能，包括基础显示、坐标获取、视角控制和测量工具等WebGIS核心功能。
2026-07-08 11:03:12
258
原创 React+Vite+Cesium实现地球组件
本文详细介绍了如何在React+Vite项目中集成Cesium实现3D地球展示，并优化了组件生命周期管理和性能表
2026-07-07 14:29:37
299
原创 React@18+Vite项目配置env文件
env.development # 开发环境 (如果文件名是 .env.develop 就不行).env.local # 本地覆盖（不提交到git）.env # 所有环境通用。├── .env # ✅ 正确位置。.env.production # 生产环境。Vite 支持多个环境文件：（文件名必须是这样的）.env.test # 测试环境。
2026-03-23 15:15:00
258
原创 React 18 开发环境下useEffect 会执行两次，原因分析及解决方案
方案优点适用场景清理函数 + isMounted简单直接小型项目，简单请求取消重复请求需要取消请求的场景功能完整，自动处理中大型项目，数据密集型。
2026-03-23 10:03:22
102
原创 LogicFlow流程图-自定义节点类型（二）
本文介绍了如何在LogicFlow v1.1.13版本中实现自定义BPMN节点（并行网关和包容网关）。注意事项包括：View定义需使用h函数而非嵌套标签语法，以及避免直接修改MobX的computed属性。
2026-02-03 13:20:07
3061
原创 React使用LogicFlow实现流程图（一）
本文介绍了如何在项目中集成LogicFlow流程图编辑框架。详细展示了实现步骤，并提供了完整的代码示例，实现了基本的流程图编辑功能。
2026-01-30 16:07:48
444
原创 bpmn-js系列（三）-自定义节点属性（双击节点打开弹窗），及官方bpmn-js-properties-panel库的使用
本文介绍了两种在bpmn-js中实现属性面板的方法。第一种是自定义弹窗方案，通过监听元素双击事件触发模态框。第二种方案介绍了官方bpmn-js-properties-panel库的使用，包括Camunda扩展集成和面板初始化配置。
2026-01-20 15:06:27
873
原创 bpmn-js系列-自定义Palette工具（二）
本文介绍了如何自定义修改bpmn-js的左侧工具栏(Palette)。关键点在于定义PaletteProvider.prototype.getPaletteEntries方法，通过返回的字典数据控制工具栏元素的显示和分组。该方法支持自定义元素的组别、样式、提示文本和交互行为。
2026-01-16 14:33:53
728
原创 React+bpmn.js实现基本流程图（一）
本文介绍了在React项目中集成bpmn-js流程图设计器的实现方案。项目基于React 18和bpmn-js 18.8.0版本开发，包含完整的BPMN组件实现，支持新建、导入、保存、导出BPMN/ SVG等功能。
2026-01-16 10:33:30
168
原创 electron-builder打包报错 ENOENT: no such file or directory, rename xxxx的问题
项目完成一段时间后又做了修改，再次打包后出现这个报错，排查了好几种情况，最后的原因竟然是......真是对自己无语了。
2025-12-30 16:17:40
632
原创 canvas实现圆环倒计时
注：0°是指坐标系的右侧，向上是 -90°，即 -(Math.PI / 2)这里我设置的时间是60s，这个可根据需求自定义，以上就实现了环形倒计时。当然你可以把这个封装成一个组件，里面的变量都可以自定义，使用更方便。这样一个静态的环形就画好了，而让时间变化就要靠JS实现了，1. 首先用canvas画出环形。3. 让圆环跟随时间变化而变化。2. JS动态计算剩余时间。创建canvas元素。
2025-12-19 16:06:25
251
原创 canvas绘制图片
项目中有一个点击图片，在点击区域画圆标注的需求，需要知道点击的位置，并判断位置是否正确，类似“找不同”小游戏。这种就需要用到canvas了。
2025-12-18 16:23:22
602
原创 Echarts实现双Y轴，并设置刻度线对齐
在数据可视化场景中，双Y轴图表常用于展示具有不同量纲的数据。但默认配置下，左右Y轴的0刻度线、刻度线可能无法对齐，影响图表可读性。本文将详细介绍该功能的实现方法。
2025-12-17 14:18:37
876
原创 npm下载包失败npm ERR! path D:\xxx\node_modules\node-sass，npm常用命令
摘要：本文介绍了如何解决node-sass与Node.js版本不匹配的问题。还整理了常用npm命令，为Node.js项目开发提供实用参考。
2025-11-27 16:31:07
569
原创 JS循环中调用异步函数，为什么forEach中async、await无效，及解决方法（for循环的使用和终止，Promise.all并行，for await...of 串行）
摘要：本文探讨了在循环中处理异步操作的三种解决方案。1) for循环 可同步执行并支持break终止；2) Promise.all结合map 实现并行处理异步任务，提高效率；3) for await...of 实现串行处理，适用于有依赖关系的异步操作。
2025-11-20 13:53:27
933
原创 ElementPlusError: [ElOnlyChild] no valid child node found
解决ElementPlus组件ElOnlyChild警告的方法
2025-11-12 15:03:16
630
原创 electron+vue3引入fs-extra模块，打包后报错问题解决
本文记录了在Electron打包应用中监听系统文件操作时遇到的问题及解决方案。主要是打包后找不到fs-extra模块。文章提供了完整的main.js、preload.js和package.json代码，详细说明了文件监听功能的实现方法
2025-11-10 17:54:36
342
原创 Vue3中js文件通知Vue组件修改数据
本文介绍了在Vue3中实现JS文件与组件通信的方法：使用自定义事件总线(EventBus)。这种方法解决了非Vue文件与组件间的数据通信问题，相比其他方案更轻量且适用于跨文件通信场景。
2025-11-06 14:29:01
167
原创 Vue+Electron监视本地文件修改，引入chokidar模块打包后报错解决
Electron开发应用中想要监听某个文件，在文件被修改后能自动检测到并立即更新内容。要实现这一功能，需要用到文件监视库。
2025-11-03 17:41:17
401
原创 Vue+Electron监听文件下载后直接打开文件
Electron应用中实现监听下载并打开文件的解决方案：通过主进程监听will-download事件，设置固定下载路径避免弹窗，并在下载完成后通过IPC通信触发文件打开操作。
2025-11-03 16:46:41
199
原创 Vue导出Excel，后端返回的文件流，前端接收后无法打开文件
前端导出Excel文件损坏问题解决方案：在axios请求中设置responseType:'blob'以正确处理文件流，然后通过Blob对象转换并创建下载链接。
2025-10-17 17:41:22
352
原创 正则表达式语法大全
本文介绍了正则表达式的基本语法和常用功能，包括普通字符、限定符、定位点、特殊字符以及修饰符。同时还提供了常用方法和典型应用场景。
2025-10-17 17:26:33
1090
原创 JS正则表达式校验输入框只能输入数字和小数点
本文整理了Vue项目中el-input输入框的内容限制方法。通过正则表达式实现内容过滤，使用replace方法替换非法字符。
2025-10-16 17:29:00
501
原创 Vue3+Vite打包配置，包括分包配置
本文介绍了vite.config.ts文件的基础配置方法，包括环境变量设置、路径别名、跨域代理和生产环境console移除。代码压缩插件(vite-plugin-compression)的安装与配置，以及通过rollupOptions实现分包策略，将第三方库与业务代码分离打包，提升缓存利用率和加载速度。
2025-10-15 15:15:00
433
原创 前端预览PDF
本文介绍了两种在网页中预览文件的方法。对于直接有URL的情况，可使用<iframe>、<embed>或<object>标签嵌入显示。对于后端返回的文件流，提供了两种处理方式：1）将文件流转换为Blob对象生成预览URL；2）使用pdf.js库解析PDF文件流并渲染到Canvas上。两种方案分别适用于不同场景，为网页文件预览提供了灵活的实现方案。
2025-10-14 15:02:19
593
原创 MathLive（math-field）实现数学公式编辑器
本文介绍了Mathlive来实现公式编辑器，包含一些基本的设置，复杂公式的插入和样式调整
2025-09-04 15:49:13
845
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人