- 博客(117)
- 收藏
- 关注
RSS订阅原创 使用 data-属性和 CSS 属性选择器实现状态样式控制
本文介绍如何在前端开发中，通过 HTML5 的自定义属性（data-属性）配合 CSS 属性选择器，为不同状态的元素实现灵活、语义化的样式控制。适用于消息提示、表单校验、按钮状态等场景。data-*是 HTML5 提供的自定义属性，用于在元素上存储额外信息。可通过 JavaScript 的dataset访问和操作，如。
2026-01-24 19:02:06
412
原创 `setTimeout` 和 `setInterval` 这两个定时器函数的核心区别，
函数核心行为执行次数停止方式setTimeout延迟指定时间后执行回调仅1次clearTimeout(定时器ID)每隔指定时间重复执行回调无限次（直到主动停止）clearInterval(定时器ID)核心区别setTimeout是「单次延迟执行」，是「无限重复执行」；且存在回调堆积风险，精准间隔推荐用setTimeout递归。场景选择：一次性延迟操作（防抖、延迟弹窗）用setTimeout；简单重复操作（倒计时、轮播）用（需手动清除），精准重复操作优先递归版setTimeout。通用注意事项。
2025-12-21 17:14:23
467
原创 【前端】本地替换与代理工具的选型与实操指南
本地替换」：前端调试静态资源的「轻量工具」，操作简单、快速验证，适合临时调试、线上问题修复。「代理工具」：前端全流程开发的「全能工具」，覆盖接口联调、多环境切换、跨设备调试等复杂场景，是前端工程师的核心生产力工具。
2025-12-09 15:37:42
701
原创 chrome浏览器 调试鼠标悬停后出现的元素样式
转存：https://gitcode.csdn.net/662a09b9a2b051225566d0c7.html?
2025-11-18 16:35:01
421
原创 【前端】普通的常量对象挂载
Vue 模板的变量查找是在组件实例（this）上找。import 的变量不是组件实例属性，模板访问不到。必须挂到 data（或 computed、setup）里，才能在模板用。无论是枚举、常量对象，还是普通变量，都是如此。
2025-11-10 14:20:01
466
原创 【前端】时间相关知识点汇总
指自 1970 年 1 月 1 日 00:00:00 UTC 起经过的时间。常用单位有秒（10位）和毫秒（13位）。需求代码示例说明当前毫秒时间戳Date.now()1970以来的毫秒数当前秒时间戳1970以来的秒数ISO时间字符串UTC标准格式本地时间字符串当前时区格式UTC转本地注意月份0-11，需+1本地转UTC。
2025-10-29 19:31:13
541
原创 【前端】圆角和非圆角实现渐变边框的区别（border）
类型渐变表现推荐？小圆角/无圆角正常、效果好✅ 可以用大圆角/圆形/椭圆边角渐变拉裂、变形❌ 不推荐适合小圆角或矩形，不适合大圆角/圆/椭圆/999px 圆角。想要大圆角/圆形/椭圆的渐变描边，请用双层嵌套。
2025-10-28 15:40:07
598
原创 【前端】实现一个圆形渐变框效果（border）
CSS 渐变圆角边框实现方案 推荐使用伪元素 + background-clip 方法实现渐变圆角边框，完全兼容 border-radius: 999px。原理是外层设置渐变背景，内层用伪元素覆盖白色背景，通过 inset 控制边框厚度。此方案支持： 自由调整边框粗细 替换内部背景色或图片 保持完美圆角效果 进阶版可添加流动动画，通过 background-size 和 animation 实现渐变边框的流动效果，同时保持圆角完整性和内部内容不受影响。
2025-10-28 14:50:31
242
原创 面板点击关闭逻辑优化技术文档
本文针对下拉面板交互中的异常关闭问题，分析指出事件处理不当、目标检测缺失和传播控制不严是主因。提出三阶段解决方案：1）标准化事件冒泡处理；2）精准检测点击位置；3）解耦值变更与显示逻辑。关键实现包括移除捕获监听、智能DOM检测和独立状态处理，并针对移动端和动态内容优化。通过自动化测试验证，建议渐进式部署并添加埋点监控。方案遵循DOM事件规范，避免过度阻止冒泡，兼顾桌面与移动端体验。
2025-09-19 19:56:07
1057
原创 【前端】Tab切换时的数据重置与加载策略技术文档
在具有多级Tab切换功能的应用中，当用户切换Tab时需要正确处理数据的生命周期。本文档详细描述如何实现这一关键模式，该模式负责在Tab切换时重置分页状态清空旧数据并触发新数据加载。状态隔离：每个Tab应维护独立的分页和数据状态资源清理：及时取消请求和清理副作用防抖优化：防止快速切换导致的性能问题缓存策略：提升频繁切换场景的用户体验错误边界：优雅处理网络异常和边界情况状态校验：关键操作前验证当前状态有效性UI反馈：提供清晰的加载状态和空状态提示。
2025-07-28 16:45:57
447
原创 【前端】解决Vue3+Pinia中Tab切换与滚动加载数据状态异常问题
状态初始化：始终为Pinia状态设置合理的默认值安全访问：访问状态前进行有效性检查资源清理：在组件卸载时取消请求和事件监听状态隔离：为每个Tab单独管理数据分页和加载状态请求控制：使用AbortController取消过时请求性能优化：使用Intersection Observer替代传统滚动监听UI反馈：提供清晰的加载状态指示。
2025-07-28 16:39:20
597
原创 【前端】接口日志追踪
摘要： 前端提交数据后因页面跳转导致控制台日志丢失，可通过以下方法解决： 保留日志：在Chrome开发者工具中勾选 Preserve log，跳转后仍可查看历史记录。 网络追踪：在Network选项卡勾选相同选项，分析请求与响应数据。 代码增强：使用localStorage持久化日志或维护请求历史数组。 高级工具：如LogRocket、Sentry实现全链路监控。验证时需测试日志保留效果及存储数据完整性。常见问题涉及日志清除或导出方法。 （150字）
2025-07-10 17:15:12
755
原创 【前端】异步任务风控验证与轮询机制技术方案（通用笔记版）
阶段是否需要轮询原因风控验证❌ 不需要验证同步完成异步任务处理✅ 需要后端处理耗时，需等待任务完成验证通过后只需继续执行原来的任务逻辑；轮询是异步任务必要的状态确认机制，不是风控逻辑的一部分。该方案可复用于所有“异步任务 + 防滥用风控 + 前端轮询确认”的场景，如：内容生成、文件上传处理、智能翻译、AI摘要、渲染转码等任务链。
2025-07-09 15:37:34
594
原创 Git Stash 系列技术文档
git stash是 Git 中用于临时保存当前工作区（working directory）和暂存区（staging area）改动的命令。它将当前未提交的更改保存起来，并还原为一个干净的工作目录，方便你切换分支、修复 Bug 或执行其他任务。
2025-07-08 19:02:49
460
原创 启动命令汇总（Redis / Kafka / Flume / Spark）
顺序启动项说明1Redis服务器支持缓存2Zookeeper支持Kafka协调3Kafka服务器支持消息通信4创建 Kafka Topiclog 和 recommender5采集日志到Kafka6处理log并写入recommender7监听recommender，实时处理8测试Kafka生产者发送一条模拟数据验证。
2025-04-26 17:59:54
940
原创 【Kafka】Windows环境下生产与消费流程详解（附流程图）
在Windows下使用Kafka进行本地消息测试非常简单，只需两条命令即可完成生产和消费。在本地完成Kafka流通测试，是后续搭建Spark Streaming流处理、Flume日志采集、Flink实时计算等系统的基础步骤。建议多进行几次输入与消费的实操，理解消息流转的机制！
2025-04-26 17:04:42
1046
原创 【Flume 】Windows安装步骤、配置环境
步骤内容1下载 Flume 二进制包2解压并配置环境变量3验证 flume-ng 命令4启动 Flume agent 测试。
2025-04-26 13:54:06
1390
原创 【kafka初学】启动执行命令
注意放的文件不要太深或者中文，会报命令行太长的错误。2. 启动kafka-serve。接上篇，启动：开两个cdm窗口。最后在项目中就可以完成启动了。
2025-04-25 23:32:52
682
原创 【Kafka 初学】为什么启动 Kafka 前必须先启动 Zookeeper
问题说明Kafka 为何要用 Zookeeper？元数据、选举、同步都交由 Zookeeper 管理没启动 Zookeeper 会怎样？Kafka 无法注册、初始化，报错关闭启动顺序正确姿势？✅ 先 Zookeeper，再 KafkaKafka 会放弃 Zookeeper 吗？正在推进 KRaft，但目前仍以 Zookeeper 为主。
2025-04-25 22:23:31
1355
原创 【MongoDB】卸载、安装低版本
卸载 MongoDB 的步骤因操作系统而异，以下是Win + Rappwiz.cpl卸载Win + Rsysdm.cplPATHC:\data\dbnot founddata/db如果遇到问题（如服务无法删除、文件权限错误等），可以告诉我你的具体系统版本和错误信息，我会帮你解决！🚀在 Windows 上遇到错误时，通常是因为权限不足或文件被占用。Win + Rcmdtakeownicacls如果仍失败，可重启进入Win + Rmsconfigmsconfig。
2025-04-25 00:11:08
3357
原创 【MongoDB + Spark】 技术问题汇总与解决方案笔记
最近练手项目：Spark 结合 MongoDB 构建商品推荐系统的过程中，过程中出现多种环境配置与兼容性问题，主要涉及 MongoDB 连接、版本兼容性、Casbah 驱动使用问题等。汇总调试过程中遇到的常见错误及其解决方案，供参考复用。
2025-04-24 23:54:21
925
原创 【MongoDB】windows安装、配置、启动
安装过程会持续 1-2 分钟，结束后点击【Finish】点击【Connect】即可可视化访问本地 MongoDB。找到 MongoDB，右键可以启动、停止、重启服务。MongoDB 会被作为服务自动运行。你可以在任务管理器 → 服务里看到。点击【Install】然后点击【Next】
2025-04-24 03:14:52
2615
原创 【代理错误 django】Request error: HTTPSConnectionPool(host=‘‘, port=443): 、
POST。
2025-04-16 19:24:13
558
原创 【MySQL】navicat16 result字段识别不了
在mysql里面使用result字段 打印出来为空。之后换了个字段命名 使用outcome。不知道是不是版本的问题。
2025-04-04 19:16:16
331
原创 【Word】批注一键导出：VBA 宏
这一部分检查当前文档是否有批注，如果没有，则弹出提示并退出，避免创建空的导出文件。让用户自由选择保存位置，而不是将文件强制保存在默认目录。按钮，Word 将自动执行批注导出操作。将上面的 VBA 代码粘贴到新模块中。这样可以清晰地记录每个批注的信息。
2025-04-01 17:33:26
2286
原创 【Python】绘图文字显示异常技术文档
使用Python绘图库（如Matplotlib）生成图表时，可能出现标题、坐标轴标签、图例等文字显示为方框、空白或缺失的情况，影响图表可读性。本文档针对该问题分析原因并提供解决方案。：Matplotlib默认字体不支持中文，导致中文内容无法正确渲染。：给标题、标签等赋值的内容为空，或数据处理时标签数据丢失。：代码中未调用设置标题、标签等文字元素的函数。：绘图后端异常导致文字渲染失败。
2025-03-26 00:41:39
926
原创 【django】模型部署过程
通过以上步骤，你可以将训练好的模型无缝集成到 Django 中，并通过 RESTful API 提供服务。在 myapp/apps.py 或 views.py 中初始化模型，避免每次请求重复加载。○ 如果模型非线程安全（如某些 TensorFlow 旧版本），需加锁或使用单例模式。│ ├── views.py # 处理请求和模型调用。│ ├── urls.py # 定义API路由。│ └── urls.py # 主路由。
2025-03-03 19:02:53
1091
原创 【word】保存重开题注/交叉引用消失，全局更新域问题
在Word中，一些非Visio图片选中后会有虚线框，而且全选文档右键有“更新域”选项（正常情况下，只有仅选中参考文献引用部分才会出现“更新域”）。这样做的好处是，当我们对文档中的元素进行增删、移动等操作时，题注会自动更新编号，与之关联的交叉引用也会随之更新，确保文档内容的一致性和准确性。如果后续对文档内容进行了修改，导致页码发生变化，这时候就需要更新域，让目录中的页码也随之更新，以保证其准确性。操作方法是先删除异常的域，然后点击“插入”选项卡，选择“文档部件”下的“域”，重新选择所需的域类型并插入。
2025-02-27 16:53:56
7769
原创 【微信公众号、支付宝平台】配置沙箱、配置公众号
以上就是支付宝沙箱环境下一次支付的简短流程，在正式上线前，需要将沙箱环境替换为正式环境，并使用正式的商户账号和相关配置。
2025-02-25 17:37:35
1530
原创 【伪代码】如何插入word
官网：https://www.overleaf.com/project/678924b61235cebf4cb4ebcb。
2025-01-21 19:21:31
698
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人