<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[2301_78459596的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/2301_78459596</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; 2301_78459596]]></copyright><item><title><![CDATA[# 告别截图开发：点一下 React 页面，直接定位源码并让 AI 修改代码＞ 前端页面需要修改时，你是否经历过这样的沟通？＞＞ “把右上角这个按钮改成蓝色。”＞＞ “是哪个组件？”＞]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/163729588</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/163729588</guid><author>2301_78459596</author><pubDate>Thu, 13 Aug 2026 17:01:39 +0800</pubDate><description><![CDATA[《SpotPatch：从页面点击直达React源码的开发工具》摘要 传统前端开发中，通过截图反馈修改需求存在严重上下文丢失问题。为此，作者开发了开源工具SpotPatch，它能通过点击React页面元素直接定位对应JSX/TSX源码，建立可视化界面与代码的精准连接。该工具主要特性包括： 可视化元素选择与源码定位，支持多目标批量处理 提供组件数据链路分析（Beta阶段） 生成携带源码上下文的结构化Prompt 支持AI辅助修改并强制Diff审阅机制 仅限开发环境使用，不增加生产包体积 SpotPatch适用于]]></description><category></category></item><item><title><![CDATA[React/Vite/Next.js 前端开发工具 SpotPatch：点击页面元素精准定位 JSX/TSX 源码]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/163644568</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/163644568</guid><author>2301_78459596</author><pubDate>Mon, 10 Aug 2026 20:48:08 +0800</pubDate><description><![CDATA[SpotPatch是一款专为React前端开发者设计的本地开发工具，能直接从浏览器元素定位到JSX/TSX源码位置。它通过开发期源码标记技术，实现一键获取元素对应的文件路径、行列号及上下文片段，解决了传统开发中反向搜索源码的低效问题。支持多元素批量修改需求收集，可生成结构化Prompt供AI辅助编码（需配置API），所有修改均需人工审阅Diff后才应用，确保安全性。提供Vite/Next.js插件接入，严格隔离生产环境，避免工具代码打包。目前Next.js适配器为预览版，推荐Vite项目优先使用。该工具显著]]></description><category></category></item><item><title><![CDATA[让 AI 永不“忘词”：用 claw-constraint-lock 给你的 Agent 上一把「约束安全锁」]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/159130758</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/159130758</guid><author>2301_78459596</author><pubDate>Mon, 16 Mar 2026 21:36:31 +0800</pubDate><description><![CDATA[摘要：针对AI Agent在长对话中容易遗忘约束规则的问题，开发了开源工具claw-constraint-lock。该CLI工具通过本地存储约束规则（支持增删查改），并配合OpenClaw的hook机制，可在每次对话时重新注入完整约束文本，有效解决上下文压缩导致的规则丢失问题。支持Node.js环境，提供初始化、交互式操作等功能，适用于需要保障AI自动化工作流安全性的场景。（149字）]]></description><category></category></item><item><title><![CDATA[Redis作为MySQL缓存的完整指南：从原理到实战]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/149938163</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/149938163</guid><author>2301_78459596</author><pubDate>Tue, 05 Aug 2025 15:14:31 +0800</pubDate><description><![CDATA[Redis作为MySQL缓存层的实践指南 本文系统介绍了Redis作为MySQL缓存层的核心技术与解决方案。主要内容包括： 架构设计：详细解析旁路缓存、读透/写透三种缓存模式，强调删除缓存优于更新。 一致性保障：深入分析先删缓存vs先更新数据库的差异，提出延迟双删、重试机制、Canal监听等企业级解决方案。 经典问题：针对缓存击穿、雪崩、穿透问题，给出互斥锁、多级缓存、布隆过滤器等实践方案。 性能优化：涵盖内存淘汰策略、持久化配置（RDB/AOF）及高可用架构（主从/哨兵/集群）。 面试指导：提炼高频面试题]]></description><category></category></item><item><title><![CDATA[简单理解现代Web应用架构：从简单到企业级]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/149575394</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/149575394</guid><author>2301_78459596</author><pubDate>Wed, 23 Jul 2025 16:37:04 +0800</pubDate><description><![CDATA[Web应用架构从基础三层到企业级的演进过程。基础架构采用React+Node.js+MySQL组合，实现界面展示、业务处理和数据存储的分离。随着业务增长，架构需向微服务集群等企业级方案演进，引入负载均衡、缓存等组件。文章通过电商平台、银行系统等案例，说明不同场景下的架构选择，并列举了包括SpringBoot、Docker、Kubernetes等在内的关键技术栈。]]></description><category></category></item><item><title><![CDATA[【React 入门系列】React 组件通讯与生命周期详解]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/149548740</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/149548740</guid><author>2301_78459596</author><pubDate>Tue, 22 Jul 2025 22:00:53 +0800</pubDate><description><![CDATA[React组件通信指南：核心方法与生命周期详解 本文系统介绍了React组件通信的四种主要方式： 父传子：通过props传递数据 子传父：通过回调函数实现 兄弟组件：状态提升到公共父组件 跨层级：使用Context上下文 重点内容包括： Props特性：支持任意数据类型、只读属性、children特殊用法 类型校验：使用PropTypes进行参数验证 生命周期：详细解析创建、更新、卸载三阶段的钩子函数 实际应用场景。]]></description><category></category></item><item><title><![CDATA[【React 入门系列】React组件基础详解]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/149369272</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/149369272</guid><author>2301_78459596</author><pubDate>Tue, 15 Jul 2025 21:19:32 +0800</pubDate><description><![CDATA[本文详细介绍了React组件的基础知识。主要内容包括：React组件的核心地位和特点（可复用、独立、可组合）；两种创建方式（函数组件和类组件）及其开发规范；事件处理机制与合成事件对象；组件状态管理（state与setState的使用）；表单处理方案（受控与非受控组件对比）；以及常用表单元素的使用方法。文章强调组件是React开发的核心，函数组件适合展示数据，类组件适合管理状态，并推荐使用受控组件处理表单。]]></description><category></category></item><item><title><![CDATA[【React 入门系列】JSX 阶段性学习总结]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/149297872</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/149297872</guid><author>2301_78459596</author><pubDate>Sat, 12 Jul 2025 18:12:25 +0800</pubDate><description><![CDATA[JSX是JavaScript XML的缩写，允许在JavaScript中直接编写类似HTML的结构，是React开发的核心语法。摘要要点：1️⃣JSX基本使用需要包裹在父标签中；2️⃣通过{表达式}嵌入变量、函数等；3️⃣条件渲染推荐三元运算符或逻辑与；4️⃣列表渲染使用.map()并添加唯一key；5️⃣样式处理分两种方式：行内style对象（驼峰命名）或className引用CSS类。建议通过Todo列表等练习项目巩固JSX语法，为React开发奠定基础。]]></description><category></category></item><item><title><![CDATA[粒子代码模块]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/143805207</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/143805207</guid><author>2301_78459596</author><pubDate>Fri, 15 Nov 2024 18:15:43 +0800</pubDate><description><![CDATA[html表白代码]]></description><category></category></item><item><title><![CDATA[python中函数的定义和调用]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/142863448</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/142863448</guid><author>2301_78459596</author><pubDate>Fri, 11 Oct 2024 21:26:54 +0800</pubDate><description><![CDATA[函数是编程中的一种用于封装代码的机制，它可以接收输入参数，执行特定操作，并返回结果。通过 def 关键字定义函数，包含函数名、参数列表、函数体和可选的返回值。函数可以有无参、有参，返回单一值或多个值，甚至没有返回值。函数的主要作用是提高代码的复用性、可读性，并简化复杂的任务。调用函数时，通过函数名和参数传递实现。]]></description><category></category></item><item><title><![CDATA[什么是递归：递归的本质与栈操作——阶乘和斐波那契数列]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/142833680</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/142833680</guid><author>2301_78459596</author><pubDate>Thu, 10 Oct 2024 23:41:13 +0800</pubDate><description><![CDATA[递归与栈在程序设计中的关键作用，详细说明了递与归的概念，并通过C++实现的阶乘和斐波那契数列代码实例，解释了函数递归如何通过栈的进栈和出栈操作实现。文章深入分析了递归调用过程中如何逐层压栈，直到达到终止条件后，再逐层出栈返回结果。此外，还解释了递归树结构在斐波那契数列中的表现，帮助读者清晰理解递归背后的栈操作原理。]]></description><category></category></item><item><title><![CDATA[Python 字符串的比较：逐字符进行的按位比较]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/142830075</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/142830075</guid><author>2301_78459596</author><pubDate>Thu, 10 Oct 2024 19:23:32 +0800</pubDate><description><![CDATA[在 Python 中，字符串的比较是通过逐字符按位进行的，每个字符依次比较其 ASCII 或 Unicode 值，直到找出不同之处。若某个位置的字符较大，则整个字符串被判为较大。字符串的比较遵循以下原则：逐字符从左至右比较，字符值决定大小，字符串长度较长的被认为更大。大小写敏感，小写字母始终大于对应的大写字母，例如 'a' > 'A'。这种按位比较方式常用于字符串排序和字典序的判断。]]></description><category></category></item><item><title><![CDATA[Python中数据容器的通用操作]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/142828507</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/142828507</guid><author>2301_78459596</author><pubDate>Thu, 10 Oct 2024 18:12:09 +0800</pubDate><description><![CDATA[Python 提供了列表、元组、字符串、集合和字典五种主要的数据容器，它们各自具有不同的特性和用途。列表和元组都是有序数据容器，但列表是可变的，而元组不可变；字符串是不可变的字符序列。集合存储唯一的无序元素，适用于去重操作。字典用于存储键值对，是一种映射关系的数据结构。通用操作包括获取长度（len()）、最大值和最小值（max()、min()）、以及排序（sorted()）。这些数据容器为不同的数据存储和处理需求提供了强大的灵活性。]]></description><category></category></item><item><title><![CDATA[Python中的字典定义与操作]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/142827636</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/142827636</guid><author>2301_78459596</author><pubDate>Thu, 10 Oct 2024 17:50:37 +0800</pubDate><description><![CDATA[Python 字典是一种灵活且强大的数据结构，能够以键值对的形式存储数据。键必须是唯一且不可变的，而值可以是任意类型。常见操作包括通过键访问值、新增、更新和删除键值对等。字典还支持嵌套，适用于存储复杂数据。通过 keys() 和 len() 等方法，可以轻松地获取所有键或统计元素数量。整体来说，Python 字典为管理结构化数据提供了简单而有效的方式。]]></description><category></category></item><item><title><![CDATA[Python中集合操作]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/142797904</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/142797904</guid><author>2301_78459596</author><pubDate>Wed, 09 Oct 2024 22:28:10 +0800</pubDate><description><![CDATA[Python集合是一种无序且唯一的数据结构，支持通过 {} 或 set() 创建。可以使用 add() 添加元素，remove() 移除元素，pop() 随机取出元素，并用 clear() 清空集合。集合支持差集和并集操作，通过 difference() 和 union() 方法实现。同时，可以使用 len() 统计元素数量，使用 for 循环遍历集合。集合适合用于去重和关系运算等场景。]]></description><category></category></item><item><title><![CDATA[Python 中序列的切片操作]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/142771996</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/142771996</guid><author>2301_78459596</author><pubDate>Tue, 08 Oct 2024 23:45:48 +0800</pubDate><description><![CDATA[Python中的切片操作用于从列表、元组、字符串等序列中提取子序列，语法为[start:stop:step]。省略start、stop和step时分别默认为序列开头、结尾和步长1，步长为负数时可进行反向切片。切片生成新的子序列，不改变原序列，常用于提取、反转和修改序列中的元素。]]></description><category></category></item><item><title><![CDATA[Python 中字符串的操作]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/142748752</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/142748752</guid><author>2301_78459596</author><pubDate>Mon, 07 Oct 2024 23:46:34 +0800</pubDate><description><![CDATA[本文介绍了 Python 中字符串的基本概念和常见操作。字符串是不可变的字符序列，通过下标索引可以访问其中的字符，且支持正负索引。常用的字符串方法包括 index() 用于查找子字符串的位置，replace() 替换部分内容，split() 按指定分隔符拆分字符串，strip() 用于去除空白或指定字符，count() 统计字符出现的次数，len() 计算字符串长度。]]></description><category></category></item><item><title><![CDATA[Python元组的学习]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/142747663</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/142747663</guid><author>2301_78459596</author><pubDate>Mon, 07 Oct 2024 22:21:30 +0800</pubDate><description><![CDATA[元组（tuple）是 Python 中一种重要的不可变数据结构，主要用于存储有序的元素集合。本文介绍了元组的基本定义、创建方法、单元素元组的特殊定义方式、以及元组的嵌套结构。此外，还讲解了元组的常见操作，包括元素的索引访问、index() 查找方法、count() 统计方法，以及通过 len() 函数获取元组长度。元组的遍历方式涵盖了 while 和 for 循环。由于元组的不可变性，它在某些场景下，如函数返回多个值、数据打包和解包、以及作为字典键时非常有用。通过总结这些操作，可以理解元组在数据存储和处理中]]></description><category></category></item><item><title><![CDATA[C++ 深度优先搜索实现迷宫求解]]></title><link>https://blog.youkuaiyun.com/2301_78459596/article/details/142701423</link><guid>https://blog.youkuaiyun.com/2301_78459596/article/details/142701423</guid><author>2301_78459596</author><pubDate>Fri, 04 Oct 2024 11:40:18 +0800</pubDate><description><![CDATA[本文通过使用 C++ 语言实现了一个基于深度优先搜索（DFS）算法的迷宫求解程序。通过定义一个 10x10 的二维迷宫地图，程序从起点开始递归探索每一条可能的路径，直至找到通向终点的通路。我们详细介绍了迷宫的表示方式、DFS 搜索的具体步骤，以及如何处理路径回溯。最后，通过示例展示了迷宫求解的完整过程和输出结果。该方法适用于小规模迷宫问题，并且易于理解和扩展。]]></description><category></category></item></channel></rss>