- 博客(43)
- 收藏
- 关注
原创 【React Native 性能优化:虚拟列表嵌套 ScrollView 问题全解析】
React Native 虚拟列表嵌套 ScrollView 会导致性能问题,触发警告"VirtualizedLists should never be nested inside plain ScrollViews"。主要原因在于两者滚动机制冲突:ScrollView 全量渲染,而虚拟列表仅渲染可视区域。解决方案包括:1) 使用单一虚拟列表替代嵌套结构;2) 禁用内层滚动;3) 采用不同滚动方向。优化建议:合理配置 windowSize、maxToRenderPerBatch 等参数,预计算项目高度(ge
2025-06-13 11:18:13
379
原创 【从前端到后端导入excel文件实现批量导入-笔记模仿芋道源码的《系统管理-用户管理-导入-批量导入》】
该列表进入出现的是这样的,这儿是列表操作。
2025-06-04 22:32:25
540
原创 深入了解 `Collectors.toMap()`:将流转换为 Map
是Collectors类中的一个静态方法,主要用于将流中的元素收集到一个Map中。与其他收集器方法不同,toMap()允许你指定如何将流中的每个元素映射成Map的键和值。toMap()该版本需要传入两个函数:一个用来生成键,另一个用来生成值。该版本增加了一个参数,用于处理键冲突的情况(即当两个元素有相同的键时,如何合并它们的值)。toMap()Map假设我们有一个Dish类,表示一道菜肴,包含name(菜名)和type(菜品类型)。我们想将这些菜肴收集到一个Map中,键是菜名,值是菜的类型。
2025-04-29 11:46:59
257
原创 【深入解析 Java Stream API:让编程更简洁、更高效】
在 Java 8 中,Stream API 的引入彻底改变了我们处理集合数据的方式。它使得数据处理不再依赖传统的循环结构,而是通过一个声明式的方式来对集合元素进行处理。通过 Stream API,我们可以以简洁、优雅且高效的方式进行数据操作。Stream 提供了强大的功能,支持各种中间操作和终止操作,而且能够与并行流一起使用,从而加速数据的处理。今天,我们将一起深入探讨。
2025-04-29 11:45:55
1026
原创 【如何解决高德与百度地图坐标偏移问题】
当你需要在高德与百度地图之间切换时,通过使用上述坐标转换方法,你可以轻松地解决坐标偏移问题,确保在不同的地图服务上显示一致的位置。掌握这些转换算法,可以有效提高你应用的稳定性和用户体验。希望这篇博客能帮助你解决高德与百度地图坐标偏移的问题,欢迎在评论区留言交流或提出问题!🚀。
2025-04-25 11:21:16
982
原创 MyBatis-Plus 实战:优雅处理 JSON 字段映射(以 JSONArray 为例)
是 MyBatis-Plus 提供的字段级注解,用于说明字段与数据库的映射关系。参数说明value对应数据库字段名exist字段是否存在于数据库表结构中字段转换处理器,用于复杂类型映射@Override@Override@Override@Override🚨 提醒:这个使用的是 FastJSON,如需 Jackson,请更换转换逻辑。配置项说明标记字段转换器告诉 MP 启用复杂映射自定义 TypeHandler将 JSON 字段与 Java 类型进行互转。
2025-04-21 11:27:59
1529
原创 MyBatis-Plus 防止 SQL 注入最佳实践指南
SQL 注入是一种常见的安全漏洞,攻击者通过恶意构造 SQL 输入参数,干扰原有查询逻辑,进而非法访问、修改、甚至删除数据库内容。这种语句如果没有做输入过滤,就可能返回整个用户表。防护点是否安全建议做法使用#{}✅安全,使用参数绑定使用${}❌高风险,避免使用条件构造器Wrapper✅推荐使用,自动处理绑定拼接字段名 / 排序字段⚠使用白名单验证拼接完整 SQL 语句❌尽量避免,转为 XML 或 Wrapper 构建。
2025-04-21 11:23:36
1001
原创 如何在 Vue 3 中实现百度地图位置选择器组件
在开发前端应用时,地图选择器是一个非常常见的需求。尤其是在一些需要用户选择地址的场景,如电商平台、旅游网站、酒店预定等,百度地图组件能提供准确的地理位置服务。在本文中,我们将一步步展示如何使用 Vue 3 和 Element Plus 来实现一个百度地图位置选择器组件。这个组件允许用户通过地图选择位置,并展示详细的地址信息。
2025-04-12 15:23:24
717
原创 如何使用 Java 生成二维码并返回图片
通过上述步骤,你可以使用 Java 和 ZXing 库快速生成二维码并将其以图片形式返回给客户端。这样做的好处是避免了 Base64 编码带来的复杂性,直接以图片的形式返回,更加方便用户查看和下载二维码。我们将编写一个 Spring Boot 控制器,提供一个 API 接口,通过这个接口可以生成二维码,并将其返回为图片。此方法不仅适用于网站 URL,也可以应用于各种场景,例如生成动态二维码、生成带有不同信息的二维码等。通过访问上述链接,浏览器会返回一个二维码图片,二维码内容为。方法来生成二维码矩阵。
2025-04-10 18:09:40
643
1
原创 【Vue 3 + Element Plus 实现产品标签的动态添加、删除与回显】
Vue 3 + Element Plus 实现产品标签的动态添加、删除与回显
2025-04-10 15:48:27
553
原创 【详细解析:如何在小程序中实现动态二维码和预约信息展示】
随着小程序的快速发展,二维码已成为很多线上线下场景中必不可少的工具。在这篇文章中,我将分享如何在小程序中实现一个动态生成二维码并展示预约信息的功能。我们会使用 Vue 和 uni-app 框架,结合自定义的 API,来获取预约数据并通过二维码展示入场码。获取预约数据(通过 API)动态生成二维码显示预约信息,如场馆名称、有效时间等实现一个良好的用户界面,确保所有信息都能清晰展示通过以上步骤,我们成功地实现了一个小程序页面,能够动态获取预约信息、生成二维码并展示相关数据。
2025-04-07 16:48:39
951
原创 奶妈级别 芋道源码 ruoyi-vue3-pro 视频、图片批量上传组件,复制即可用!!
【代码】奶妈级别 芋道源码 ruoyi-vue3-pro 视频、图片批量上传组件,复制即可用!!
2025-03-07 11:54:15
424
原创 Java 实例 - 死锁及解决方法
死锁(Deadlock)是多线程编程中的一种常见问题,指的是两个或多个线程在执行过程中,因为争夺资源而造成的一种互相等待的现象,导致这些线程都无法继续执行下去。死锁通常发生在多个线程需要同时获取多个锁的情况下。此时,程序会卡住,因为。
2025-03-06 17:22:39
334
原创 Vue 规则 实现联系方式(手机号码/座机)验证
{ required: true, message: ‘请输入联系方式’, trigger: ‘blur’ },callback(new Error(‘请输入有效的电话号码或座机号码如xxxx-xxxxxxxxx’))callback(new Error(‘请输入联系方式’))
2025-03-06 15:18:36
313
原创 使用 Spring Boot 和 Spring Security 构建安全的 Web 应用:OAuth2、”记住我”与 JWT 集成指南
使用 OAuth2 实现了第三方登录。配置了“记住我”功能。集成了 JWT 实现无状态认证。这些功能可以显著提升应用的安全性和用户体验。你可以根据实际需求进一步优化和扩展。希望这篇博客对你有所帮助!
2025-03-06 11:15:24
998
原创 【Vue3 Element UI - Plus + Tyscript 实现Tags标签输入及回显】
是一个常见的功能需求。用户可以通过输入框添加标签,并通过关闭按钮删除标签,同时还需要支持标签数据的提交和回显。本文将详细介绍如何使用。通过以上实现,我们完成了动态标签的添加、删除、提交和回显功能。用户可以通过输入框添加新标签,并通过关闭按钮删除标签。希望这篇文章对你有帮助!如果有任何问题,欢迎在评论区留言讨论~在编辑表单时,需要从接口获取已保存的标签数据并回显到页面上。在开发后台管理系统或表单页面时,渲染标签列表,并使用。动态标签的核心是通过。字段随表单一起提交。
2025-03-06 10:18:53
1281
原创 《Java基础 聊天窗口案例:剖析 GUI、文件 I/O 等关键技术知识》
【代码】《Java基础 聊天窗口案例:剖析 GUI、文件 I/O 等关键技术知识》
2025-03-05 22:43:27
353
原创 使用 Spring Boot 实现前后端分离的海康威视 SDK 视频监控
使用海康威视 SDK 实现监控功能通常包括以下几个步骤:初始化 SDK、登录设备、获取视频流、播放视频、以及释放资源。以下是基于海康威视 SDK 的典型实现流程和代码示例。
2025-03-04 09:52:59
1249
1
原创 @Override 注解详解
Override是 Java 编程语言中的一个注解(Annotation),用于指示一个方法是重写(Override)父类中的方法。它是 Java 5 引入的一个特性,主要用于帮助开发者避免常见的错误,例如拼写错误或方法签名不匹配。
2025-03-03 14:32:20
1223
原创 Redis 哨兵模式
是 Redis 提供的一种高可用性(High Availability, HA)解决方案,用于监控和管理 Redis 主从架构中的主节点(Master)和从节点(Slave)。当主节点出现故障时,哨兵可以自动进行故障转移(Failover),将一个从节点提升为新的主节点,从而保证服务的持续可用。
2025-03-03 14:11:49
967
原创 @update 的常见用法 Vue.js
</div><script>data() {return {},methods: {// 触发 update 事件},},watch: {},},</script>-- 父组件:ParentComponent.vue --><template><div><p>当前值:{{ parentValue }}</p>
2025-03-03 11:06:10
427
原创 什么是汉明(海明)距离?
对于两个长度相同的字符串或二进制序列,汉明距离是它们对应位置上不同字符或不同比特的数量。汉明距离是一种简单但强大的度量方法,广泛应用于文本相似度计算、错误检测、DNA 序列分析等领域。在 SimHash 算法中,汉明距离是判断文档相似性的关键指标。
2025-02-26 15:15:40
828
原创 【SimHash 实现查重功能】
SimHash 是一种用于文本相似度计算的算法,特别适用于大规模文档去重和查重。它通过将文本转换为固定长度的二进制哈希值,并计算这些哈希值之间的汉明距离来判断文本的相似度。下面是一个使用 Java 实现 SimHash 进行历史文档查重的示例。我们将列出所有相关的方法,并提供一个简单的案例。
2025-02-26 15:14:03
561
原创 【什么是 Bean?】
在 Spring 中,Bean 是 Spring IoC(控制反转)容器管理的对象。Bean 可以是任何 Java 类,它被容器实例化并管理。
2025-01-14 14:59:58
1169
原创 【用例子来说明 Spring 容器中的 Bean】
XML 配置方式在传统的 Spring 配置中,我们通常通过 XML 文件来定义 Bean。例如,以下代码展示了如何在-- 定义一个 Car Bean --> < bean id = " car " class = " com.example.Car " > < property name = " color " value = " Red " /> < property name = " engine " value = " V8 " />
2025-01-14 14:55:48
736
原创 【mybatis 和 mybatis-plus 的解释】
通过学习 MyBatis 和 MyBatis-Plus,你将能够高效地进行数据库操作,并且能根据需求选择使用 MyBatis 或 MyBatis-Plus。MyBatis:更适合于复杂的 SQL 查询和对 SQL 的完全控制,适合需要高度定制化的场景。:提供了大量自动化的功能,可以快速开发,减少样板代码,适合常见的 CRUD 操作。
2025-01-14 14:51:49
741
原创 Java中 PO VO BO DTO DAO 和 POJO 的概念及区别
在 Java 开发中,POVOBODTODAO和POJO是一些常见的术语,它们各自有不同的含义和作用。了解这些概念及其区别有助于清晰地组织代码和数据结构。
2024-12-20 10:41:35
719
原创 Vue 3 中的 onMounted介绍
onMounted是 Vue 3 Composition API 的生命周期钩子,执行组件挂载后的副作用操作。它在组件模板渲染并挂载到 DOM 上后执行,适用于发起异步请求、操作 DOM 等任务。在 Vue 2.x 中,onMounted对应的是mounted钩子。
2024-12-19 17:27:34
946
原创 【基于Windows安装配置nacos 2.4.3、开机自启动、启动默认单机模式、单机模式匹配MySQL】
【基于Windows安装配置nacos 2.4.3、开机自启动、启动默认单机模式、单机模式匹配MySQL】
2024-12-19 11:27:57
2275
原创 【Element UI 在使用 el-table 组件时需要 el-tooltip对表格列表进行描述外加小问号】
示例场景:在使用 el-table 表格组件进行开发的时候一列的表头无法将该列所表达的信息展示出来,因此就需要一个文字提示框来准确地表达出该列数据的含义,因此我们可以看到经常见如下图所示的小问号文字提示来完整表达该列的数据含义。提示:以下是本篇文章正文内容,下面案例可供参考提示:闹里挣钱,静处安身。
2023-06-29 15:50:59
2572
2
原创 【解决 Element UI 当中 el-table 中使用 show-summary 不显示合计一行】
示例场景:在制作统计一栏时需要用到 element-ui 当中的 el-table 表格组件,组件当中有参数可以实现表格的自动合计,在实际开发中出现了渲染失败或不渲染的情况导致无法展示合计一行。
2023-06-29 15:18:00
5087
4
原创 【解决 [Vue warn]: Failed to resolve directive: if (found in <Main> at src/views/xxx/xxx.vue) 报错问题】
写代码时我们时不时会出现书写错误,大意了没有闪的情况,这次犯的小错误就是在 div 里面写了两个 v-if=" " 。
2023-06-06 11:24:15
2458
1
原创 【使用 node 版本切换工具 nvm 切换 node.js 版本】
不同的vue项目需要的node版本不同,因此变更node版本就变成一件麻烦的事情这时我们就可以使用 nvm 版本控制工具。提示:以下是本篇文章正文内容,下面案例可供参考提示:功崇惟志,业广惟勤取得伟大的功业,是由于有伟大的志向;完成伟大的功业,在于辛勤不懈地工作,然后老板开BBA。
2023-05-08 11:29:51
1603
1
原创 【修改 ruoyi-plus 项目名字很麻烦,不如来试试这个工具!开源框架修改项目名!】
spring boot 开发中经常会用到脚手架【开源框架】修改项目名称模块的时候让人头疼且费时间!不妨来试试这个工具,超好用!!!
2023-04-17 19:26:10
7266
3
原创 【RuoYi-Vue-Plus 实现日期范围查询 Mybatis-Plus & Element UI & JavaScript 】
若依代码生成自带的日期查询通常只可以查询精确的日期,但往往实际应用开发中我们会用到一个日期的范围查询,所以我们来看看如何实现基于 Element UI + Mybatis-Plus + JavaScript 的日期范围查询,实现多个日期范围查询。提示:以下是本篇文章正文内容,下面案例可供参考若依框架实现查询日期范围业精于勤,荒于嬉;行成于思,毁于随。
2023-04-17 15:57:23
6184
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人