<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[zyhui994的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/zyhui994</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zyhui994]]></copyright><item><title><![CDATA[行内块元素在垂直方向上对齐问题]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/164367170</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/164367170</guid><author>zyhui994</author><pubDate>Fri, 04 Sep 2026 14:29:51 +0800</pubDate><description><![CDATA[在项目中遇到了样式问题，父元素设置了，并且有，但两个子元素在垂直方向上仍然不能对齐，而且查找元素显示的高度也不一样。而且如果我修改padding的值，一个向上跑、一个向下跑。]]></description><category></category></item><item><title><![CDATA[HBuilder打包web地址的apk，更新dist后如何自动清缓存]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/164288728</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/164288728</guid><author>zyhui994</author><pubDate>Wed, 02 Sep 2026 09:39:32 +0800</pubDate><description><![CDATA[关于HBuilder打包web项目APK更新缓存问题的解决方案。可在vite.config.ts中添加配置：输出带hash的资源文件，并注入版本号及缓存控制meta，通过脚本检测版本变化自动清缓存刷新页面。]]></description><category></category></item><item><title><![CDATA[Cesium（四）Cesium通过kriging.js实现降雨量图]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/162697228</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/162697228</guid><author>zyhui994</author><pubDate>Thu, 09 Jul 2026 10:15:00 +0800</pubDate><description><![CDATA[本文介绍了如何在Cesium地球组件中实现克里金插值算法来绘制降雨量图等空间分布图。还提供了完整的代码实现方案，解决了原库在颜色映射和边界计算方面的问题，最终实现了美观的空间分布可视化]]></description><category></category></item><item><title><![CDATA[Cesium（三）添加标记点、绘制线并清除，添加wms影像底图]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/162694729</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/162694729</guid><author>zyhui994</author><pubDate>Wed, 08 Jul 2026 14:14:03 +0800</pubDate><description><![CDATA[添加标记线</button><button onClick={clearEntityAll}>全部清空]]></description><category></category></item><item><title><![CDATA[Cesium基础（二）-- 视角切换与测量工具]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/162685716</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/162685716</guid><author>zyhui994</author><pubDate>Wed, 08 Jul 2026 11:03:12 +0800</pubDate><description><![CDATA[本文介绍了基于React+TypeScript封装Cesium组件，实现了交互式3D地球场景的完整功能，包括基础显示、坐标获取、视角控制和测量工具等WebGIS核心功能。]]></description><category></category></item><item><title><![CDATA[React+Vite+Cesium实现地球组件]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/159010620</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/159010620</guid><author>zyhui994</author><pubDate>Tue, 07 Jul 2026 14:29:37 +0800</pubDate><description><![CDATA[本文详细介绍了如何在React+Vite项目中集成Cesium实现3D地球展示，并优化了组件生命周期管理和性能表]]></description><category></category></item><item><title><![CDATA[React@18+Vite项目配置env文件]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/159381432</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/159381432</guid><author>zyhui994</author><pubDate>Mon, 23 Mar 2026 15:15:00 +0800</pubDate><description><![CDATA[env.development    # 开发环境 (如果文件名是 .env.develop 就不行).env.local          # 本地覆盖（不提交到git）.env                # 所有环境通用。├── .env           # ✅ 正确位置。.env.production     # 生产环境。Vite 支持多个环境文件：（文件名必须是这样的）.env.test          # 测试环境。]]></description><category></category></item><item><title><![CDATA[React 18 开发环境下useEffect 会执行两次，原因分析及解决方案]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/159381026</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/159381026</guid><author>zyhui994</author><pubDate>Mon, 23 Mar 2026 10:03:22 +0800</pubDate><description><![CDATA[方案优点适用场景清理函数 + isMounted简单直接小型项目，简单请求取消重复请求需要取消请求的场景功能完整，自动处理中大型项目，数据密集型。]]></description><category></category></item><item><title><![CDATA[LogicFlow流程图-自定义节点类型（二）]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/157685921</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/157685921</guid><author>zyhui994</author><pubDate>Tue, 03 Feb 2026 13:20:07 +0800</pubDate><description><![CDATA[本文介绍了如何在LogicFlow v1.1.13版本中实现自定义BPMN节点（并行网关和包容网关）。注意事项包括：View定义需使用h函数而非嵌套标签语法，以及避免直接修改MobX的computed属性。]]></description><category></category></item><item><title><![CDATA[React使用LogicFlow实现流程图（一）]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/157547151</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/157547151</guid><author>zyhui994</author><pubDate>Fri, 30 Jan 2026 16:07:48 +0800</pubDate><description><![CDATA[本文介绍了如何在项目中集成LogicFlow流程图编辑框架。详细展示了实现步骤，并提供了完整的代码示例，实现了基本的流程图编辑功能。]]></description><category></category></item><item><title><![CDATA[bpmn-js系列（三）-自定义节点属性（双击节点打开弹窗），及官方bpmn-js-properties-panel库的使用]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/157172214</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/157172214</guid><author>zyhui994</author><pubDate>Tue, 20 Jan 2026 15:06:27 +0800</pubDate><description><![CDATA[本文介绍了两种在bpmn-js中实现属性面板的方法。第一种是自定义弹窗方案，通过监听元素双击事件触发模态框。第二种方案介绍了官方bpmn-js-properties-panel库的使用，包括Camunda扩展集成和面板初始化配置。]]></description><category></category></item><item><title><![CDATA[bpmn-js系列-自定义Palette工具（二）]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/157021723</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/157021723</guid><author>zyhui994</author><pubDate>Fri, 16 Jan 2026 14:33:53 +0800</pubDate><description><![CDATA[本文介绍了如何自定义修改bpmn-js的左侧工具栏(Palette)。关键点在于定义PaletteProvider.prototype.getPaletteEntries方法，通过返回的字典数据控制工具栏元素的显示和分组。该方法支持自定义元素的组别、样式、提示文本和交互行为。]]></description><category></category></item><item><title><![CDATA[React+bpmn.js实现基本流程图（一）]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/156749626</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/156749626</guid><author>zyhui994</author><pubDate>Fri, 16 Jan 2026 10:33:30 +0800</pubDate><description><![CDATA[本文介绍了在React项目中集成bpmn-js流程图设计器的实现方案。项目基于React 18和bpmn-js 18.8.0版本开发，包含完整的BPMN组件实现，支持新建、导入、保存、导出BPMN/ SVG等功能。]]></description><category></category></item><item><title><![CDATA[css实现圆点背景]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/156763705</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/156763705</guid><author>zyhui994</author><pubDate>Fri, 09 Jan 2026 14:43:33 +0800</pubDate><description><![CDATA[【代码】css实现圆点背景。]]></description><category></category></item><item><title><![CDATA[electron-builder打包报错 ENOENT: no such file or directory, rename xxxx的问题]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/156419350</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/156419350</guid><author>zyhui994</author><pubDate>Tue, 30 Dec 2025 16:17:40 +0800</pubDate><description><![CDATA[项目完成一段时间后又做了修改，再次打包后出现这个报错，排查了好几种情况，最后的原因竟然是......真是对自己无语了。]]></description><category></category></item><item><title><![CDATA[canvas实现圆环倒计时]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/156082699</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/156082699</guid><author>zyhui994</author><pubDate>Fri, 19 Dec 2025 16:06:25 +0800</pubDate><description><![CDATA[注：0°是指坐标系的右侧，向上是 -90°，即 -(Math.PI / 2)这里我设置的时间是60s，这个可根据需求自定义，以上就实现了环形倒计时。当然你可以把这个封装成一个组件，里面的变量都可以自定义，使用更方便。这样一个静态的环形就画好了，而让时间变化就要靠JS实现了，1. 首先用canvas画出环形。3. 让圆环跟随时间变化而变化。2. JS动态计算剩余时间。创建canvas元素。]]></description><category></category></item><item><title><![CDATA[canvas绘制图片]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/156056619</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/156056619</guid><author>zyhui994</author><pubDate>Thu, 18 Dec 2025 16:23:22 +0800</pubDate><description><![CDATA[项目中有一个点击图片，在点击区域画圆标注的需求，需要知道点击的位置，并判断位置是否正确，类似“找不同”小游戏。这种就需要用到canvas了。]]></description><category></category></item><item><title><![CDATA[Echarts实现双Y轴，并设置刻度线对齐]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/156008085</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/156008085</guid><author>zyhui994</author><pubDate>Wed, 17 Dec 2025 14:18:37 +0800</pubDate><description><![CDATA[在数据可视化场景中，双Y轴图表常用于展示具有不同量纲的数据。但默认配置下，左右Y轴的0刻度线、刻度线可能无法对齐，影响图表可读性。本文将详细介绍该功能的实现方法。]]></description><category></category></item><item><title><![CDATA[npm下载包失败npm ERR! path D:\xxx\node_modules\node-sass，npm常用命令]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/155314880</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/155314880</guid><author>zyhui994</author><pubDate>Thu, 27 Nov 2025 16:31:07 +0800</pubDate><description><![CDATA[摘要：本文介绍了如何解决node-sass与Node.js版本不匹配的问题。还整理了常用npm命令，为Node.js项目开发提供实用参考。]]></description><category></category></item><item><title><![CDATA[JS循环中调用异步函数，为什么forEach中async、await无效，及解决方法（for循环的使用和终止，Promise.all并行，for await...of 串行）]]></title><link>https://blog.youkuaiyun.com/zyhui994/article/details/155033950</link><guid>https://blog.youkuaiyun.com/zyhui994/article/details/155033950</guid><author>zyhui994</author><pubDate>Thu, 20 Nov 2025 13:53:27 +0800</pubDate><description><![CDATA[摘要：本文探讨了在循环中处理异步操作的三种解决方案。1) for循环 可同步执行并支持break终止；2) Promise.all结合map 实现并行处理异步任务，提高效率；3) for await...of 实现串行处理，适用于有依赖关系的异步操作。]]></description><category></category></item></channel></rss>