- 博客(102)
- 收藏
- 关注
RSS订阅
原创 SpringBoot结合ip2region实现博客评论显示IP属地
你好呀，我是小邹。在现代的Web应用中，特别是博客和论坛类网站，为用户提供地理定位服务（如显示用户所在地理位置）可以极大地增强用户体验。本文将详细探讨如何使用Java和相关技术栈来实现在博客评论中显示用户的地址信息，特别关注如何利用ip2region库解析IP地址获取地理位置。
2024-07-16 17:24:10
800
原创 为代码块添加复制按钮的完整实现方案
本文详细介绍了如何为网页中的代码块添加实用的复制按钮。通过HTML、CSS和JavaScript的配合实现，包含视觉设计、智能定位和交互反馈。核心思路是为每个代码块动态添加复制按钮，使用Clipboard API实现复制功能，并通过CSS实现状态变化动画。文章还分析了用户体验优化点，如视觉反馈、动画效果和错误处理，同时提供了浏览器兼容性说明和扩展建议。这套方案能让读者轻松复制代码，提升技术博客或文档的使用体验。
2025-07-10 14:24:27
937
1
原创 从基础到优雅：评论回复功能的全面优化实践
本文介绍了前端评论回复功能的优化实践，从基础版本到全面升级的完整过程。作者针对原实现存在的强制跳转、上下文丢失等问题，提出了智能模态窗口系统、表情面板优化和表单验证改进三大解决方案。技术实现上详细展示了动态弹窗创建、表情面板智能定位算法和实时表单验证逻辑，通过动画效果和用户体验优化，显著提升了评论功能的交互流畅度。该方案已在个人网站（https://www.hqxiaozou.top/about）落地应用，为开发者提供了完整的评论功能优化参考。
2025-07-09 14:57:25
712
原创 从点击到滑动：博客图片浏览体验的进化与实现
本文介绍了在博客系统中实现图片左右翻动查看功能的完整方案。通过分析功能需求(包括大图查看、导航、缩放等)，提供了HTML结构、CSS样式和JavaScript核心代码的实现方法。关键点包括：收集页面图片、创建查看器组件、实现左右导航逻辑、添加缩放和触摸支持，以及键盘操作处理。该方案采用纯前端技术实现，无需后端支持，能够显著提升用户的图片浏览体验。
2025-07-08 11:47:09
788
原创 基于Spring Boot + MyBatis-Plus + Thymeleaf的评论管理系统深度解析
本系统通过Spring Boot + MyBatis-Plus + Thymeleaf的技术组合，构建了一个高效、安全的博客评论管理系统。动态SQL与分页优化：通过MyBatis-Plus的简化条件构造，结合分页插件提升查询性能。响应式布局：基于媒体查询和Flex布局，实现PC与移动端的无缝切换。批量操作与事务安全：通过MyBatis-Plus的批量API和Spring的事务管理，保证数据一致性。多层安全防护：输入验证、XSS过滤、CSRF防护构建全方位安全体系。
2025-07-03 15:06:19
865
原创 现代Web表情选择器组件：分类系统与实现详解
你好呀，我是小邹。今天给博客的emoji表情进行了归类、补充，具体优化如下。表情选择器的核心价值在于其分类系统。本文将深入解析表情分类体系的设计与实现，通过完整代码示例展示如何构建一个专业级的表情选择器组件。表情选择器采用7大分类体系，每个分类包含特定主题的表情符号：1.2 分类内容详解分类图标表情数量主要内容代表表情表情😀80+面部表情、情感😂 😍 😎 😢 😡人物👤70+身体部位、职业👶 👮♀️ 👩🍳 👨⚕️ 👵动物
2025-06-28 00:52:35
710
原创 留言板性能优化：从全量递归到按需加载的实践
博客留言板优化：提升响应速度与用户体验 博主小邹对博客留言板进行了性能优化，解决了旧版递归加载所有评论导致的响应慢、数据库压力大等问题。新方案采用按需加载策略：首次仅加载顶级评论，点击"展开回复"按钮时通过AJAX异步获取子评论。后端改造包括新增回复计数功能、优化查询逻辑和API接口，前端实现评论平铺展示和动态加载。优化后的留言板响应速度显著提升，同时减轻了服务器负担。欢迎访问https://www.hqxiaozou.top/about体验新版留言功能。
2025-06-16 15:43:04
812
原创 基于URL弹窗的图片链接生成功能技术实现
本文介绍了在Web应用中实现"插入图片"功能的技术方案。该功能通过模态弹窗获取图片URL，支持JPG/PNG/GIF/WEBP格式验证，并提供实时预览。核心实现包括：图片管理器模块（使用Map存储图片元数据）、光标位置管理、响应式预览组件等。关键技术点涉及URL验证、富文本编辑器集成、图片位置管理与删除功能。文章还给出了安全增强建议，如CORS校验和图片尺寸验证。该方案实现了"一键斗图"功能，提升了用户交互体验。
2025-05-29 17:46:49
568
原创 实现平滑滚动的“返回顶部”按钮
通过上述步骤，我们成功地实现了一个具有平滑滚动效果的“返回顶部”按钮。此外，我们还添加了鼠标悬停时的提示信息以及图标渐隐的效果，这些细节都能进一步提升用户体验。
2024-07-31 16:16:55
795
原创 构建可定制的表情选择器组件
在当今的交互式Web应用中，表情符号（Emoji）已成为一种流行的沟通方式。为了提升用户体验并简化开发流程，本教程将引导您如何构建一个可高度定制的表情选择器组件。此组件将允许用户在Web表单中快速插入表情符号，并且可以通过JavaScript进行高度配置和扩展。
2024-07-30 02:07:35
723
原创 实现异步天气数据获取与Spring缓存集成
你好呀，我是小邹。在Web应用中，实时天气数据的获取是一个常见的需求，特别是在需要频繁更新天气信息的场景下，如旅游网站、天气应用或任何需要展示地理位置相关天气的应用。然而，频繁的外部API调用不仅会增加服务器的负担，还可能导致网络延迟，影响用户体验。为了优化这一过程，本文将介绍如何在Spring Boot应用中利用异步调用和缓存技术来高效地获取并存储天气数据。
2024-07-16 17:26:00
907
原创 HTML集成优雅的实时输入清除功能
通过上述步骤，我们可以轻松地在网页表单中实现一个实用且美观的实时输入清除功能。这不仅提高了用户交互的便利性，也增强了整体的用户体验。希望这篇文章能帮助你优化自己的网站或应用程序的用户界面设计。
2024-07-11 11:36:59
1226
原创 HTML实现图片查看与隐藏
你好呀，我是小邹。在网页设计中，提供一个直观且用户友好的图片查看功能是提升用户体验的重要一环。本文将详细介绍如何使用HTML、CSS和JavaScript来实现图片的查看与隐藏功能。通过本教程，你将学会如何让页面上的图片在点击时放大显示，以及如何通过再次点击或点击背景来关闭放大的图片。
2024-07-08 17:28:27
1454
原创 Nginx线上配置https示例文件
ssl证书的pem文件路径。#ssl证书的key文件路径。#将请求转成https。http://你的ip:项目端口号。
2024-06-24 21:52:40
554
原创 Java程序实现多语言资源JSON文件生成
你好呀，我是小邹。在现代软件开发中，实现应用程序的多语言支持是一项基本需求，以适应全球用户的语言环境。本文将介绍一段Java代码，其主要功能是生成一个特定格式的JSON文件，用于存储和管理中英文双语对照的键值对，从而为应用程序的国际化提供所需资源。
2024-04-16 15:19:32
859
原创 SpringBoot接口加密解密工具
在软件项目开发过程中，当需要对后端返回数据进行加密，或者前段向后端发送的数据时加密后的数据，那么在接收前就需要进行解密。本工具就是基于注解实现接口加密解密，使用非常方便。在工具中，提供了多种加密和解密方式，其中有加密和解密功能的方式有Base64、DES、3DES、AES和RSA，并且也提供了 MD5 加密。使用时，只需要在需要加解密的接口上添加相应的注解就可以实现该功能。
2023-06-15 15:18:03
3534
2
原创 groovy安装教程
官网（下载慢）：https://groovy.jfrog.io/ui/native/dist-release-local/groovy-zips/apache-groovy-sdk-4.0.4.zip。5.在idea中新建groovy项目，在groovy library中选择刚刚安装的版本，如果没有，则选择刚刚安装的文件夹。网盘：https://pan.baidu.com/s/1KvcACpbTimOYHMc3CmaL4Q?2.安装groovy-sdk。解压安装包到指标目录。4.测试配置是否正确。
2023-01-30 17:10:39
2742
3
原创 Java实现给PDF文件加水印、图片、签名（含测试类）
你好呀，我是小邹。昨天给大家分享了PDF文件添加水印后保存，今天再来聊一聊如何实现印章、签名。
2022-11-25 17:29:17
6596
4
原创 mapstruct的基本使用
你好呀，我是小邹。今天给大家分享一下mapstruct的基本使用。MapStruct是一个Java注释处理器，用于生成类型安全的bean映射类。您要做的就是定义一个映射器接口，该接口声明任何必需的映射方法。在编译期间，MapStruct将生成此接口的实现。此实现使用简单的Java方法调用在源对象和目标对象之间进行映射，即没有反射或类似内容。与手动编写映射代码相比，MapStruct通过生成繁琐且易于出错的代码来节省时间。遵循配置方法上的约定，MapStruct使用合理的默认值，但在配置或实现特殊行为时不加理
2022-09-08 14:49:15
2464
2
原创 博客的评论与回复功能的实现
你好呀，我是小邹。在之前的文章中，提到了个人博客的简单回复功能的实现，今天记录一下完整的评论功能的实现。数据库设计：评论表需要定义出当前博客id以便做关联，因为评论需要有回复功能，则需要定义当前评论有无上一级评论，需要定义出上级评论id。代码方面：点击评论需要获取当前博客id与自己评论数据进行插入，点击回复按钮需要获取上一条评论的id以及用户姓名作为回复，回复成功后，后台在数据库中查找出所有parentCommentId为-1的值进行遍历，因为上级id为-1则证明当前评论无父节点。在通过对父节点id的遍历查
2022-08-24 02:33:16
7471
7
原创 面试官：synchronized可以锁字符串吗？
在日常项目中可能存在需要防止用户数据并发操作的问题，需要对代码块进行加锁保护。例如：用户输入存数据库，重复数据不存DB；用户操作缓存数据等，这里想尽可能把锁的对象放小，因此通常都是锁用户而不是锁整个类或者代码块；然而在用的时候可能会存在一些问题。synchronized可以锁存活于字符串常量池中的值，不能锁存活于堆栈中的字符串（字符串地址要相同）可以使用String对象.intern()将该字符串放入字符串常量池中，但是常量池的回收只能依赖于fullGC，故不推荐使用。
2022-08-22 13:02:06
2346
原创 博客导流到微信公众号
你好呀，我是小邹。最近在个人博客网站上加了个新功能，在大家第一次阅读本站文章的时候，会隐藏文章的部分内容，跳出个关注微信公众号的界面，通过简单发送一串数字来获取验证码，输入验证码后，网站就恢复正常访问。这个动作只需要操作一次，因此对用户体验来讲，影响并不大，但是却可以给微信公众号提供流量。写作确实不易，支持才有动力。（效果如下）
2022-08-20 23:53:50
2074
原创 使用Java代码制作二维码（超级简单）
大家可以放心扫描，此二维码为跳转我博客首页链接，不含任何病毒。真的是灰常简单，导入三个jar包，十几行代码就搞定了。已经打包放在阿里云盘里面，
2022-08-20 16:58:52
4667
原创 SpringBoot绕过Nginx代理获取客户端真实IP的解决方案（亲测有效）
你好呀，我是小邹。最近，因为之前使用的gitalk评论插件最近不好使了，而且还需要登录才能评论。细心的朋友会发现，现在博客的每一条评论都添加上了IP属地，本文记录一下。首先看一下效果图。......
2022-07-17 14:31:35
7128
原创 解决SpringBoot打成jar包无法加载resources下文件的问题（亲测有效）
SpringBoot打包成jar部署到Linux运行加载不了application.yml文件的解决办法。导入的是Spring的核心包和commons.io包。
2022-07-17 11:20:01
2427
原创 自定义框架设计（仿MyBatis）
原文链接：https://www.hqxiaozou.top/post/3f2enyulrsd
2022-06-10 13:56:05
667
原创 Elasticsearch7.x实战指南
原文链接：https://www.hqxiaozou.top/post/tnep6uzrc3yElasticsearch7.x版本新特性集群连接变化：TransportClient被废弃。以至于，es7的java代码，只能使用restclient。对于java编程，建议采用 High-level-rest-client 的方式操作ES集群。High-level REST client 已删除接受Header参数的API方法,Cluster Health API默认为集群级别。ES数据存储
2022-05-24 19:34:30
1264
原创 基于SpringBoot的在线招聘网站
你好呀，我是小邹。今天给大家分享一个项目，基于SpringBoot的在线招聘系统。视频演示地址：https://www.aliyundrive.com/s/Hk8RkbDPqoE软件架构：SpringBoot+MyBatisPlus+MyBatis+Layui+MySQL+Redis+Shiro+WebSocket+Thymeleaf项目整体架构：1.首页可以不需要登录即可访问，如果游客点击“职位”或者“公司”按钮，则自动跳转登录页面。2.登录页面，图形验证码使用了MyBatisPlus的k
2022-04-26 01:50:49
8677
16
原创 什么是类型通配符？
一、类型通配符当声明一个方法时，某个形参的类型是一个泛型类或泛型接口类型，但是在声明方法时，又不确定该泛型实际类型，可以考虑使用类型通配符。先来看下面一个案例 public static void test(List c){ for (int i = 0; i < c.size(); i++) { System.out.println(c.get(i)); } }上面的方法执行是没有问题的，但是此处使用 List
2021-10-26 10:21:52
1369
1
原创 JVM对象创建与内存分配机制
对象的创建对象创建的主要流程:1.类加载检查虚拟机遇到一条new指令时，首先将去检查这个指令的参数是否能在常量池中定位到一个类的符号引用，并且检查这个符号引用代表的类是否已被加载、解析和初始化过。如果没有，那必须先执行相应的类加载过程。new指令对应到语言层面上讲是，new关键词、对象克隆、对象序列化等。2.分配内存在类加载检查通过后，接下来虚拟机将为新生对象分配内存。对象所需内存的大小在类 加载完成后便可完全确定，为对象分配空间的任务等同于把 一块确定大小的内存从Java堆中划分出来。这个
2021-10-05 00:19:54
569
原创 Layui之单选框无法显示
Layui官网单选框样式：<div class="layui-form-item"> <label class="layui-form-label">单选框</label> <div class="layui-input-block"> <input type="radio" name="sex" value="男" title="男"> <input type
2021-09-21 09:53:32
2812
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人