旧雨散尘-优快云博客

原创【elment plus】eltable-filters的用法及消除控制台警告

Vue3+ElementPlus项目中el-table-column的filters属性引发控制台警告问题。原代码将filters设为false时会导致类型校验失败，产生大量警告信息。解决方案是将filters属性改为条件判断：Array.isArray(item.filter) ? item.filter : undefined。因为Element对undefined处理较好，不需要过滤功能时应设为undefined而非false/null。该修改既解决了控制台警告问题，又保持了原有功能正常运作。

2025-12-05 07:45:00 406

原创【react】初学react7-跨域配置、axios

摘要：本文介绍React项目中两种配置代理的方法。方法一在package.json中简单配置，但只能代理单个地址；方法二使用http-proxy-middleware，通过setupProxy.js文件配置多个代理，支持路径重写和修改请求头。还推荐使用axios作为轻量级AJAX库，支持Promise风格，适用于浏览器和Node端。文中包含完整配置示例和组件中使用axios发起请求的代码演示。

2025-10-30 08:00:00 368

原创【react】react初学6-第一个react应用-待办事项

本文介绍了一个React待办事项应用的开发过程，重点讲解了组件拆分、数据传递和状态管理。项目包含Header、List、Item等组件，实现了任务增删改查功能。关键点包括：父子组件通信通过props传递数据和回调函数；状态管理遵循"状态在哪里，操作就在哪里"原则；使用nanoid生成唯一ID。文章还对比了checked/defaultChecked等属性的区别，并提供了完整的代码实现和样式说明。适合React初学者学习基础开发流程。

2025-10-28 08:00:00 1778

原创【react】初学react5-react脚手架搭建中的小众知识

本文介绍了React脚手架环境搭建与项目结构要点。主要内容包括：1）使用npx create-react-app创建项目；2)推荐安装ES7 React插件提高开发效率；3)解析public/index.html中关键配置项；4)说明index.js入口文件的变化；5)推荐使用模块化CSS(.module.css)避免样式冲突。文章还预告了下期将分享待办事项案例。简明扼要地概括了React项目初始化的关键步骤和注意事项。

2025-10-27 13:59:13 756

原创【echarts】折线图添加数据趋势线

本文介绍了使用ecStat库在ECharts中生成数据趋势线的方法。通过引入ecStat.regression()函数，可以选择线性、指数、对数或多项式回归算法对二维数组数据进行拟合。示例代码演示了如何实现线性回归趋势线，并展示了原始数据点与趋势线的可视化效果。文章指出趋势线仅作为参考，不能真正预测未来数据，同时提醒开发者注意数据格式要求。该功能适用于需要展示数据整体趋势的分析场景。

2025-10-22 15:08:25 1800

原创【react】初学react4-新旧生命周期

本文介绍了React新旧两个版本生命周期的差异和使用方法。旧版生命周期包含初始化、更新和卸载三个阶段，常用钩子有componentDidMount、componentWillUnmount等。新版生命周期废弃了部分will系列钩子，需添加UNSAFE_前缀才能使用，并新增了getDerivedStateFromProps和getSnapshotBeforeUpdate两个钩子。文章通过代码示例详细展示了父子组件生命周期钩子的调用顺序，以及强制更新、props变化等场景下的生命周期调用情况。新版生命周期更注重

2025-10-20 18:57:33 2145 1

原创【react】初学react3-refs的几种写法

react中使用频率最高的三大对象：props、state、refs，上一篇文介绍了react中的props、state，本文主要介绍refs。【react】初学react2-state、propsrefs的写法特别多，不过只需要记住createRef创建ref的方法即可，这是react官方推荐的方法。

2025-10-17 08:00:00 576

原创【react】初学react2-state、props

本文介绍了React中state和props的基本用法。state用于管理组件内部状态，必须通过setState方法更新；props是只读属性，可通过prop-types进行类型检查。文章展示了类式组件和函数式组件中如何使用state和props，包括初始化状态、设置默认值、类型限制等。重点说明了构造器中state的写法、setState的使用规范，以及props在两种组件类型中的应用差异，为React初学者提供了基础概念的实践示例。

2025-10-16 08:15:00 437

原创【Vue warn】: Avoid using non-primitive value as key, use string/number value instead.

该错误提示在使用el-breadcrumb组件时，v-for循环中的key值使用了非原始值（如对象/数组）。Vue要求key必须是字符串或数字类型。解决方法是将key绑定为索引index，或确保item.path是字符串/数字值。正确写法应为:key="index"或确保:key="item.path"中的path是基本类型值。这能避免Vue的警告并确保列表渲染性能。

2025-10-14 14:17:35 431

原创【react】初学react1-jsx、虚拟dom、组件渲染

本文介绍了React学习过程中的核心概念与实践方法。主要内容包括：1）通过CDN引入React核心库、ReactDOM和Babel的准备工作；2）虚拟DOM的两种创建方式（JS原生和JSX语法）；3）JSX语法规则和循环渲染示例；4）函数式组件与类式组件的写法区别；5）类式组件的执行原理和类的基本知识回顾。文章重点强调了使用JSX创建组件并进行渲染的方法，以及类式组件的编写规范，为React初学者提供了清晰的学习路径。

2025-10-14 08:30:00 536

原创【html】加载MP4格式动图

【代码】【html】加载MP4格式动图。

2025-10-11 08:30:00 231

原创【cesium】cesium交互之添加点击事件的三种方法

本文介绍了在Cesium项目中实现点击事件的三种方法：1）使用viewer.screenSpaceEventHandler.setInputAction，会覆盖默认点击事件；2）通过new Cesium.ScreenSpaceEventHandler创建独立的事件处理器；3）添加原生click事件监听。其中第三种方法支持在DOM渲染完成后实现自定义弹窗等交互功能。文章指出第一种方法不推荐使用，因为它无法区分项目中的多种单击事件场景。这些方法为Cesium项目开发提供了灵活的事件处理方案。

2025-10-10 16:56:23 641

原创【高德地图API】动态缩放地图的范围

目前的需求是地图界面要根据设备位置，缩放至所有设备点可见范围本文介绍了动态缩放地图范围的一种思路，希望能够帮助到大家(▽。

2025-10-09 10:16:35 906

原创【elment plus】el-table限制多选数量，去掉全选按钮

本文介绍了在el-table中限制多选数量和去除全选按钮的方法。通过监听selection-change事件，当勾选数量超过4个时，自动移除最早选择的项。去除全选按钮则通过CSS隐藏复选框实现。主要代码包括处理勾选逻辑的JavaScript方法和隐藏全选按钮的CSS样式。文章提供了完整的实现方案，适用于需要控制多选数量的场景。

2025-09-30 16:39:09 200

原创【高德地图API】点聚合，并在展点后添加对话框

本文介绍了如何利用高德地图API实现类似Leaflet的点聚合功能。通过初始化地图、准备坐标点数据、添加聚合点等技术步骤，实现了在最大缩放等级时点击聚合点弹出对话框的功能。关键点包括：使用MarkerClusterer插件创建聚合点、自定义聚合点样式、通过click事件控制对话框显示，以及将经纬度坐标转换为像素坐标展示对话框。最终效果是在地图上显示聚合点，点击后可查看详细信息并跳转到设备页面。该方案基于vue+Leaflet框架实现，解决了高德地图中相同经纬度坐标点无法展开的问题。

2025-09-30 14:26:52 790

原创【echarts】警告：已处理 series not exists. Legend data should be same with series name or data name.

Echarts图表警告"series not exists"问题解决：当出现该警告时，通常是因为legend的data与series中的name属性重复定义。解决方案是移除legend中的data属性，直接使用series中的name作为图例数据源，避免重复赋值。这样既能消除警告信息，又能保持图表正常显示。

2025-09-29 14:14:10 355

原创【Leaflet】初始化Leaflet对象中crs配置项的选择

本文介绍了Leaflet地图库中CRS坐标系统与瓦片图加载的关键知识。作者发现若CRS参数设置不当会导致地图数据偏移，重点解析了EPSG3857、EPSG3395和EPSG4326三种常用投影坐标系。文章通过实例代码展示了Leaflet对象的初始化配置和瓦片图加载方法，并列举了center、zoom等核心参数的使用说明。最后强调了正确设置CRS对地图数据匹配的重要性，为开发者提供了实用参考。

2025-09-29 09:39:33 387

原创【Leaflet】安装leaflet.pm报错

摘要安装leaflet.pm时出现peer依赖和平台不兼容警告，解决方法是在安装命令后添加--legacy-peer-deps参数。具体操作：npm install leaflet.pm --legacy-peer-deps。该问题主要由Vue相关依赖版本冲突和macOS专属包fsevents在Windows平台无法安装导致。

2025-09-28 15:36:50 453

原创【python】读取各种地理数据

本文总结了Python处理地理数据的常见文件读取方法：1）使用geopandas读取JSON格式地理数据；2）通过matplotlib.image读取PNG瓦片数据（需添加'rb'参数）；3）利用pandas读取CSV文件。文章还提到未来将补充XLS、SHP、GeoJSON等格式的读取方式。这些方法适用于地理数据处理项目的初始文件读取阶段。

2025-09-28 14:10:28 387

原创【python绘图】python实现地图瓦片拼接

本文介绍了基于Python实现等温图生成的技术方案。由于HTML+JS方案在持续生成图片方面存在困难，最终采用Python开发。关键技术包括：1)使用matplotlib.image加载瓦片图；2)计算瓦片图位置和范围；3)通过坐标转换实现瓦片拼接。相比前端地图框架，Python方案需要手动处理瓦片位置计算和拼接，但更适合自动化生成任务。该方法可用于内网环境下的定时气象数据可视化需求。

2025-09-28 10:53:55 590

qq_38667523的博客