[{"data":1,"prerenderedAt":2637},["ShallowReactive",2],{"search-docs":3,"doc-\u002Fproject\u002Frocket-leaf\u002Ffrontend":886},[4,8,12,16,20,24,28,32,36,40,44,48,52,56,60,64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156,159,162,165,169,172,175,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,269,273,277,281,285,288,291,294,298,301,304,307,310,313,316,319,322,325,329,332,336,340,344,348,352,356,359,362,365,368,371,374,377,380,383,386,389,393,396,399,402,405,408,411,414,417,420,424,428,432,435,438,442,446,450,454,458,462,466,470,474,477,480,483,487,491,494,497,500,504,507,511,515,518,521,524,527,530,533,536,539,542,545,548,551,554,557,560,563,566,569,572,575,579,583,587,591,595,599,603,606,610,614,617,620,623,626,629,633,637,640,643,646,649,652,655,658,661,664,667,670,673,676,679,682,685,688,691,694,697,700,703,706,709,712,716,720,724,728,732,736,740,744,748,752,756,760,764,768,772,775,779,783,787,790,793,796,799,802,805,808,811,814,818,822,825,829,832,835,838,841,844,848,851,854,858,862,865,869,873,876,879,882],{"path":5,"title":6,"description":7},"\u002Fabout\u002Fauthor","作者相关","只想纯粹的做一个程序员...",{"path":9,"title":10,"description":11},"\u002Fabout\u002Fjourney","心路历程","",{"path":13,"title":14,"description":15},"\u002Fai\u002Fagent\u002Fframeworks","Agent 框架","主流 Agent 框架：LangChain、LlamaIndex、AutoGen、CrewAI",{"path":17,"title":18,"description":19},"\u002Fai\u002Fagent\u002Fhooks","Agent Hooks 与自动化","Claude Agent 的 Hooks 生命周期、事件类型、典型自动化场景",{"path":21,"title":22,"description":23},"\u002Fai\u002Fagent\u002Fintroduction","AI Agent 概述","AI Agent 核心概念：感知、规划、执行、记忆",{"path":25,"title":26,"description":27},"\u002Fai\u002Fagent\u002Fpractice","Agent 实战","AI Agent 实战：构建自主任务执行系统",{"path":29,"title":30,"description":31},"\u002Fai\u002Fagent\u002Fsdk","Claude Agent SDK 开发","使用 Claude Agent SDK 构建自定义 AI Agent：架构、API、生命周期",{"path":33,"title":34,"description":35},"\u002Fai\u002Fagent\u002Fsubagents","Subagents 子代理","用 Subagents 分解复杂任务、并发执行、隔离上下文",{"path":37,"title":38,"description":39},"\u002Fai\u002Fagent\u002Ftool-use","工具调用","AI Agent 工具调用：Function Calling、Tool Use 原理与实践",{"path":41,"title":42,"description":43},"\u002Fai\u002Ffundamentals\u002Fdeep-learning","深度学习入门","深度学习基础知识：前向传播、反向传播、损失函数、优化器",{"path":45,"title":46,"description":47},"\u002Fai\u002Ffundamentals\u002Fml-basics","机器学习基础","机器学习核心概念：监督学习、无监督学习、强化学习",{"path":49,"title":50,"description":51},"\u002Fai\u002Ffundamentals\u002Fneural-networks","神经网络原理","神经网络架构：CNN、RNN、注意力机制",{"path":53,"title":54,"description":55},"\u002Fai\u002Fgetting-started","AI 学习路线","AI 技术学习路线图，从基础到实战的完整指南",{"path":57,"title":58,"description":59},"\u002Fai\u002Fllm\u002Ffine-tuning","模型微调","大模型微调技术：LoRA、QLoRA、全量微调、RLHF",{"path":61,"title":62,"description":63},"\u002Fai\u002Fllm\u002Fintroduction","大模型概述","大语言模型发展历程、核心能力与主流模型对比",{"path":65,"title":66,"description":67},"\u002Fai\u002Fllm\u002Flocal-deploy","本地部署","大模型本地部署：Ollama、vLLM、llama.cpp",{"path":69,"title":70,"description":71},"\u002Fai\u002Fllm\u002Ftransformer","Transformer 架构","Transformer 架构详解：自注意力机制、位置编码、多头注意力",{"path":73,"title":74,"description":75},"\u002Fai\u002Fmcp\u002Fclient","MCP Client 开发","MCP Client 开发指南：连接、调用、集成",{"path":77,"title":78,"description":79},"\u002Fai\u002Fmcp\u002Fdebugging","MCP 调试与排错","MCP Server 开发与集成过程中的常见问题、日志分析、诊断工具",{"path":81,"title":82,"description":83},"\u002Fai\u002Fmcp\u002Fintroduction","MCP 概述","Model Context Protocol 协议概述：架构、核心概念、应用场景",{"path":85,"title":86,"description":87},"\u002Fai\u002Fmcp\u002Fserver","MCP Server 开发","MCP Server 开发指南：资源、工具、提示词的实现",{"path":89,"title":90,"description":91},"\u002Fai\u002Fmcp\u002Ftools","MCP Tools 深入","深入理解 MCP Tools：与 Resources\u002FPrompts 的差异、Schema 设计、Annotations 与权限控制",{"path":93,"title":94,"description":95},"\u002Fai\u002Fprompt\u002Fadvanced","高级 Prompt 模式","高级 Prompt 设计模式：Tree-of-Thought、自我反思、多轮对话策略",{"path":97,"title":98,"description":99},"\u002Fai\u002Fprompt\u002Fbasics","Prompt 基础","Prompt Engineering 入门：基本概念、角色设定、输出格式控制",{"path":101,"title":102,"description":103},"\u002Fai\u002Fprompt\u002Ftechniques","提示词技巧","常用提示词技巧：Few-shot、Chain-of-Thought、ReAct",{"path":105,"title":106,"description":107},"\u002Fai\u002Frag\u002Fembedding","文本嵌入","文本嵌入模型：Embedding 原理、模型选择、相似度计算",{"path":109,"title":110,"description":111},"\u002Fai\u002Frag\u002Fintroduction","RAG 概述","检索增强生成（RAG）架构原理、优势与应用场景",{"path":113,"title":114,"description":115},"\u002Fai\u002Frag\u002Fpractice","RAG 实战","RAG 应用实战：文档问答系统、知识库搭建",{"path":117,"title":118,"description":119},"\u002Fai\u002Frag\u002Fvector-database","向量数据库","主流向量数据库对比：Milvus、Pinecone、Chroma、Weaviate",{"path":121,"title":122,"description":123},"\u002Fai\u002Fskills\u002Fbest-practices","Skill 最佳实践","编写高质量 Skill 的设计原则、常见陷阱与优化技巧",{"path":125,"title":126,"description":127},"\u002Fai\u002Fskills\u002Fcreating","创建自定义 Skill","从零编写一个可被 Agent 自动发现和调用的 Skill",{"path":129,"title":130,"description":131},"\u002Fai\u002Fskills\u002Fintroduction","Agent Skills 概述","Claude Agent Skills 概念、工作原理、与 Tools\u002FMCP 的区别",{"path":133,"title":134,"description":135},"\u002Fgolang\u002Fadvanced\u002Fconcurrency","Go - 并发深入","深入理解 Go 并发编程的核心机制。",{"path":137,"title":138,"description":139},"\u002Fgolang\u002Fadvanced\u002Fgc","Go - 垃圾回收","理解 Go 的垃圾回收机制，掌握 GC 调优方法。",{"path":141,"title":142,"description":143},"\u002Fgolang\u002Fadvanced\u002Fgmp","Go - GMP 调度模型","GMP 是 Go 运行时调度器的核心模型，理解它对于编写高性能 Go 程序至关重要。",{"path":145,"title":146,"description":147},"\u002Fgolang\u002Fadvanced\u002Fgo-concurrency","Go - 并发编程","Go 的并发是其核心特性之一，通过 Goroutine 和 Channel 实现。",{"path":149,"title":150,"description":151},"\u002Fgolang\u002Fadvanced\u002Fmemory","Go - 内存模型","理解 Go 的内存分配机制和内存模型。",{"path":153,"title":154,"description":155},"\u002Fgolang\u002Fadvanced\u002Fprofiling","Go - 性能分析","掌握 Go 的性能分析工具：pprof、trace、benchmark。",{"path":157,"title":158,"description":11},"\u002Fgolang\u002Fcore\u002Fgo-basic","Go - 基础语法",{"path":160,"title":161,"description":11},"\u002Fgolang\u002Fcore\u002Fgo-composite","Go - 复合类型",{"path":163,"title":164,"description":11},"\u002Fgolang\u002Fcore\u002Fgo-control","Go - 流程控制",{"path":166,"title":167,"description":168},"\u002Fgolang\u002Fcore\u002Fgo-error","Go - 错误处理","Go 使用显式的错误返回值来处理错误，而不是异常机制。",{"path":170,"title":171,"description":11},"\u002Fgolang\u002Fcore\u002Fgo-function","Go - 函数",{"path":173,"title":174,"description":11},"\u002Fgolang\u002Fcore\u002Fgo-install","Go - 环境搭建",{"path":176,"title":177,"description":11},"\u002Fgolang\u002Fcore\u002Fgo-interface","Go - 接口",{"path":179,"title":180,"description":181},"\u002Fgolang\u002Fcore\u002Fgo-module","Go - 包管理","Go Modules 是 Go 1.11 引入的官方依赖管理方案，Go 1.16 后成为默认模式。",{"path":183,"title":184,"description":185},"\u002Fgolang\u002Fdistributed\u002Fgrpc","Go - gRPC","gRPC 是 Google 开发的高性能 RPC 框架，使用 Protocol Buffers 作为序列化协议。",{"path":187,"title":188,"description":189},"\u002Fgolang\u002Fdistributed\u002Fmicroservice","Go - 微服务","微服务架构的核心组件：服务发现、负载均衡、熔断降级。",{"path":191,"title":192,"description":193},"\u002Fgolang\u002Fdistributed\u002Fmq","Go - 消息队列","使用 Go 操作 Kafka 和 RabbitMQ。",{"path":195,"title":196,"description":197},"\u002Fgolang\u002Fdistributed\u002Fredis","Go - Redis","使用 go-redis 操作 Redis，实现缓存、分布式锁等功能。",{"path":199,"title":200,"description":201},"\u002Fgolang\u002Fengineering\u002Fconfig","Go - 配置管理","使用 viper 进行配置管理，支持多种配置格式和配置中心。",{"path":203,"title":204,"description":205},"\u002Fgolang\u002Fengineering\u002Fdocker","Go - Docker 部署","使用 Docker 容器化部署 Go 应用。",{"path":207,"title":208,"description":209},"\u002Fgolang\u002Fengineering\u002Fkubernetes","Go - Kubernetes 部署","在 Kubernetes 上部署和管理 Go 应用。",{"path":211,"title":212,"description":213},"\u002Fgolang\u002Fengineering\u002Flogging","Go - 日志系统","使用 zap 和 logrus 构建高性能结构化日志系统。",{"path":215,"title":216,"description":217},"\u002Fgolang\u002Fengineering\u002Ftesting","Go - 单元测试","Go 内置了强大的测试框架，掌握测试是编写高质量代码的基础。",{"path":219,"title":220,"description":221},"\u002Fgolang\u002Fstdlib\u002Fbufio","bufio","在 Go 语言中，bufio 包提供了带缓冲的 I\u002FO 操作，能够提高读写性能。以下是一些常用的 bufio 包 API 及其详细说明：",{"path":223,"title":224,"description":225},"\u002Fgolang\u002Fstdlib\u002Fcontainer","container","在Go语言标准库中，container 包提供了几种常用的数据结构实现，这些数据结构对于高效地管理和操作数据非常有用。以下是 container 包中主要的数据结构：",{"path":227,"title":228,"description":229},"\u002Fgolang\u002Fstdlib\u002Fcrypto","crypto","在 Go 语言中，crypto 包提供了一组用于加密和解密的功能。以下是一些常用的 crypto 包及其子包的 API 及其详细说明：",{"path":231,"title":232,"description":233},"\u002Fgolang\u002Fstdlib\u002Fencoding-csv","encoding\u002Fcsv","在 Go 语言中，encoding\u002Fcsv 包提供了对 CSV（逗号分隔值）文件进行读写的功能。以下是一些常用的 encoding\u002Fcsv 包的 API 及其详细说明：",{"path":235,"title":236,"description":237},"\u002Fgolang\u002Fstdlib\u002Fencoding-json","encoding\u002Fjson","在 Go 语言中，encoding\u002Fjson 包提供了对 JSON 数据进行编码和解码的功能。以下是一些常用的 encoding\u002Fjson 包的 API 及其详细说明：",{"path":239,"title":240,"description":241},"\u002Fgolang\u002Fstdlib\u002Fencoding-xml","encoding\u002Fxml","在 Go 语言中，encoding\u002Fxml 包提供了对 XML 数据进行编码和解码的功能。以下是一些常用的 encoding\u002Fxml 包的 API 及其详细说明：",{"path":243,"title":244,"description":245},"\u002Fgolang\u002Fstdlib\u002Fflag","flag","在Go语言中，flag 包是用于处理命令行参数的标准库，它提供了一种简单而直接的方式来解析和使用命令行参数。下面是关于 flag 包的一些基本介绍和常用功能：",{"path":247,"title":248,"description":249},"\u002Fgolang\u002Fstdlib\u002Ffmt","fmt","在 Go 语言的标准库中，fmt 包是非常重要的，它提供了处理格式化输入和输出的基本工具。以下是一些 fmt 包内常用的API：",{"path":251,"title":252,"description":253},"\u002Fgolang\u002Fstdlib\u002Fhttp","net\u002Fhttp","在 Go 语言中，net\u002Fhttp 包提供了用于构建 HTTP 客户端和服务器的强大工具。以下是一些常用的 net\u002Fhttp 包的 API 及其详细说明：",{"path":255,"title":256,"description":257},"\u002Fgolang\u002Fstdlib\u002Fio","io","在 Go 语言中，io 包提供了基本的输入输出功能。以下是一些常用的 io 包的 API 及其详细说明：",{"path":259,"title":260,"description":261},"\u002Fgolang\u002Fstdlib\u002Flog","log","在 Go 语言中，log 包提供了简单的日志记录功能。以下是一些常用的 log 包的 API 及其详细说明：",{"path":263,"title":264,"description":265},"\u002Fgolang\u002Fstdlib\u002Fmath","math","在 Go 语言中，math 包提供了基本的数学函数和常量。以下是一些常用的 math 包的 API 及其详细说明：",{"path":267,"title":268,"description":11},"\u002Fgolang\u002Fstdlib\u002Fnet","net",{"path":270,"title":271,"description":272},"\u002Fgolang\u002Fstdlib\u002Fos","os","在Go语言中，os 包是一个非常重要且常用的标准库，它提供了与操作系统交互的功能，包括文件操作、环境变量管理、进程管理等。下面是一些 os 包中常用的功能和API：",{"path":274,"title":275,"description":276},"\u002Fgolang\u002Fstdlib\u002Fsort","order","在 Go 语言中，sort 包提供了对切片和用户定义的集合进行排序的函数。它实现了常见的排序算法，如快速排序（Quicksort）和堆排序（Heapsort），并且为自定义集合提供了接口，使得用户可以根据特定的需求进行排序。",{"path":278,"title":279,"description":280},"\u002Fgolang\u002Fstdlib\u002Fstrconv","strconv","在 Go 语言中，strconv 包提供了字符串和基本数据类型之间的转换函数，例如将整数转换为字符串、字符串转换为整数，以及其他类型之间的转换。这些功能非常有用，特别是在处理用户输入或从外部数据源读取数据时。",{"path":282,"title":283,"description":284},"\u002Fgolang\u002Fstdlib\u002Ftime","time","在 Go 语言中，time 包提供了处理时间和日期的功能。以下是一些常用的 time 包的 API 及其详细说明：",{"path":286,"title":287,"description":11},"\u002Fgolang\u002Fweb\u002Fgin\u002Ferror","Gin - 错误处理",{"path":289,"title":290,"description":11},"\u002Fgolang\u002Fweb\u002Fgin\u002Ffile","Gin - 文件处理",{"path":292,"title":293,"description":11},"\u002Fgolang\u002Fweb\u002Fgin\u002Fmiddleware","Gin - 中间件",{"path":295,"title":296,"description":297},"\u002Fgolang\u002Fweb\u002Fgin\u002Fquickstart","Gin - 快速开始","Gin 是目前最流行的 Go Web 框架，以高性能和简洁 API 著称。",{"path":299,"title":300,"description":11},"\u002Fgolang\u002Fweb\u002Fgin\u002Frequest","Gin - 请求处理",{"path":302,"title":303,"description":11},"\u002Fgolang\u002Fweb\u002Fgin\u002Fresponse","Gin - 响应处理",{"path":305,"title":306,"description":11},"\u002Fgolang\u002Fweb\u002Fgin\u002Frouter","Gin - 路由",{"path":308,"title":309,"description":11},"\u002Fgolang\u002Fweb\u002Fgin\u002Fvalidation","Gin - 参数校验",{"path":311,"title":312,"description":11},"\u002Fgolang\u002Fweb\u002Fgorm\u002Fassociation","GORM - 关联关系",{"path":314,"title":315,"description":11},"\u002Fgolang\u002Fweb\u002Fgorm\u002Fcrud","GORM - CRUD 操作",{"path":317,"title":318,"description":11},"\u002Fgolang\u002Fweb\u002Fgorm\u002Fmodel","GORM - 模型定义",{"path":320,"title":321,"description":11},"\u002Fgolang\u002Fweb\u002Fgorm\u002Fperformance","GORM - 日志与性能",{"path":323,"title":324,"description":11},"\u002Fgolang\u002Fweb\u002Fgorm\u002Fquery","GORM - 高级查询",{"path":326,"title":327,"description":328},"\u002Fgolang\u002Fweb\u002Fgorm\u002Fquickstart","GORM - 快速开始","GORM 是 Go 语言最流行的 ORM 库，功能强大，使用简单。",{"path":330,"title":331,"description":11},"\u002Fgolang\u002Fweb\u002Fgorm\u002Ftransaction","GORM - 事务与 Hook",{"path":333,"title":334,"description":335},"\u002Finterview\u002Fbasic","计算机基础面经","本章节汇总了面试中常见的通用技术概念，不局限于特定语言或数据库，是考察技术内功的关键考点。",{"path":337,"title":338,"description":339},"\u002Finterview\u002Fgolang","Golang 面试题","Go 语言面试高频考点，覆盖基础语法、数据结构、并发编程、内存管理、GC、调度器等核心知识。",{"path":341,"title":342,"description":343},"\u002Finterview\u002Fk8s","Kubernetes 面试题","Kubernetes（K8s）面试高频考点，覆盖架构原理、核心资源、网络存储、调度策略、运维监控等核心知识。",{"path":345,"title":346,"description":347},"\u002Finterview\u002Fmysql","MySQL 面试题","MySQL 数据库面试高频考点，覆盖索引、事务、锁、优化、主从复制等核心知识。",{"path":349,"title":350,"description":351},"\u002Finterview\u002Fredis","Redis 面试题","Redis 面试高频考点，覆盖数据结构、持久化、集群、缓存一致性、性能优化等核心知识。",{"path":353,"title":354,"description":355},"\u002Finterview\u002Frocketmq","RocketMQ 面试题","RocketMQ 面试高频考点，覆盖消息模型、可靠性、顺序消息、事务消息、存储与高可用等核心知识。",{"path":357,"title":358,"description":11},"\u002Fother\u002Fjava\u002Fcollection\u002Flist-arraylist","List - ArrayList 源码解析",{"path":360,"title":361,"description":11},"\u002Fother\u002Fjava\u002Fcollection\u002Flist-linkedlist","List - LinkedList 源码解析",{"path":363,"title":364,"description":11},"\u002Fother\u002Fjava\u002Fcollection\u002Flist-stack","List - Satck源码解析",{"path":366,"title":367,"description":11},"\u002Fother\u002Fjava\u002Fcollection\u002Flist-vectore","List - Vector 源码解析",{"path":369,"title":370,"description":11},"\u002Fother\u002Fjava\u002Fcollection\u002Fmap-hashmap","Map - HashMap 源码解析",{"path":372,"title":373,"description":11},"\u002Fother\u002Fjava\u002Fcollection\u002Fmap-linkedhashmap","Map - LinkedHashMap 源码解析",{"path":375,"title":376,"description":11},"\u002Fother\u002Fjava\u002Fcollection\u002Fmap-treemap","Map - TreeMap 源码解析",{"path":378,"title":379,"description":11},"\u002Fother\u002Fjava\u002Fcollection\u002Fqueue-deque","Queue - Deque 接口解析",{"path":381,"title":382,"description":11},"\u002Fother\u002Fjava\u002Fcollection\u002Fqueue-queue","Queue - Queue 接口解析",{"path":384,"title":385,"description":11},"\u002Fother\u002Fjava\u002Fcollection\u002Fset-hashset","Set - HashSet源码解析",{"path":387,"title":388,"description":11},"\u002Fother\u002Fjava\u002Fcollection\u002Fset-linkedhashset","Set - LinkedHashSet 源码解析",{"path":390,"title":391,"description":392},"\u002Fother\u002Fjava\u002Fcollection\u002Fset-treeset","Set - TreeSet源码解析","TreeSet 是一个 Set 集合接口的实现类，与 HashSet 类似，其底层也是通过维护了一个 TreeMap 对象来封装了一些实现方法，故本篇不再对 TreeSet 的底层原理进行详细说明，仅对常用 API 做简单介绍，如需了解 TreeMap 的底层实现原理，请移步 Map - HashMap 源码解析",{"path":394,"title":395,"description":11},"\u002Fother\u002Fjava\u002Fcore\u002Fannotation","Java核心 - 注解",{"path":397,"title":398,"description":11},"\u002Fother\u002Fjava\u002Fcore\u002Fbasic-grammar","Java核心 - 基础语法",{"path":400,"title":401,"description":11},"\u002Fother\u002Fjava\u002Fcore\u002Fclass-and-object","Java核心 - 面向对象",{"path":403,"title":404,"description":11},"\u002Fother\u002Fjava\u002Fcore\u002Fcommon-classes","Java核心 - 常用类",{"path":406,"title":407,"description":11},"\u002Fother\u002Fjava\u002Fcore\u002Fexception","Java核心 - 异常处理",{"path":409,"title":410,"description":11},"\u002Fother\u002Fjava\u002Fcore\u002Fgenerics","Java核心 - 泛型",{"path":412,"title":413,"description":11},"\u002Fother\u002Fjava\u002Fcore\u002Fjdk-env-path","Java核心 - 环境搭建",{"path":415,"title":416,"description":11},"\u002Fother\u002Fjava\u002Fcore\u002Freflection","Java核心 - 反射",{"path":418,"title":419,"description":11},"\u002Fother\u002Fjava\u002Fcore\u002Fstring","Java核心 - String 字符串",{"path":421,"title":422,"description":423},"\u002Fother\u002Fjava\u002Fio\u002Fbuffer-stream","Java IO - 缓冲流","缓冲流是对基本流的包装，通过内置缓冲区减少系统调用次数，大幅提升读写效率。",{"path":425,"title":426,"description":427},"\u002Fother\u002Fjava\u002Fio\u002Fbyte-stream","Java IO - 字节流","字节流是 Java IO 中最基本的流类型，以字节（byte）为单位进行数据读写，可以处理任意类型的文件。",{"path":429,"title":430,"description":431},"\u002Fother\u002Fjava\u002Fio\u002Fchar-stream","Java IO - 字符流","字符流以字符为单位进行读写，专门用于处理文本文件。相比字节流，字符流能够正确处理字符编码，避免中文乱码问题。",{"path":433,"title":434,"description":11},"\u002Fother\u002Fjava\u002Fio\u002Ffile","Java IO - File 类",{"path":436,"title":437,"description":11},"\u002Fother\u002Fjava\u002Fio\u002Fio-stream-system","Java IO - IO流概述",{"path":439,"title":440,"description":441},"\u002Fother\u002Fjava\u002Fio\u002Fnio","Java IO - NIO","NIO（New IO）是 JDK 1.4 引入的新 IO 模型，提供了更高效的 IO 操作方式，支持非阻塞 IO 和多路复用。",{"path":443,"title":444,"description":445},"\u002Fother\u002Fjava\u002Fjvm\u002Fclass-loading","类加载机制","类加载机制是 JVM 将 .class 文件加载到内存，并对数据进行校验、转换解析和初始化，最终形成可被 JVM 直接使用的 Java 类型的过程。",{"path":447,"title":448,"description":449},"\u002Fother\u002Fjava\u002Fjvm\u002Fgarbage-collection","垃圾回收","垃圾回收（Garbage Collection，GC）是 JVM 自动管理内存的机制，负责回收不再使用的对象所占用的内存。",{"path":451,"title":452,"description":453},"\u002Fother\u002Fjava\u002Fjvm\u002Fjvm-memory","JVM 内存结构","JVM 在执行 Java 程序时，会把它管理的内存划分为若干个不同的数据区域。这些区域有各自的用途、创建和销毁时间。",{"path":455,"title":456,"description":457},"\u002Fother\u002Fjava\u002Fjvm\u002Fjvm-tuning","JVM 调优","JVM 调优是优化 Java 应用性能的重要手段，主要包括参数配置、性能监控和问题排查。",{"path":459,"title":460,"description":461},"\u002Fother\u002Fjava\u002Fthread\u002Fatomic","原子类","Java 原子类（Atomic Classes）提供了一种无锁的线程安全方式，基于 CAS（Compare-And-Swap）操作实现。",{"path":463,"title":464,"description":465},"\u002Fother\u002Fjava\u002Fthread\u002Fcompletable-future","CompletableFuture","CompletableFuture 是 JDK 8 引入的异步编程工具，实现了 Future 和 CompletionStage 接口，支持函数式编程和链式调用。",{"path":467,"title":468,"description":469},"\u002Fother\u002Fjava\u002Fthread\u002Fconcurrent-collections","并发集合","Java 并发包提供了多种线程安全的集合类，用于替代传统的同步集合（如 Collections.synchronizedList）。",{"path":471,"title":472,"description":473},"\u002Fother\u002Fjava\u002Fthread\u002Fconcurrent-utils","并发工具类","Java 并发包提供了多种实用的并发工具类，用于控制线程之间的协调与同步。",{"path":475,"title":476,"description":11},"\u002Fother\u002Fjava\u002Fthread\u002Fsynchronized-lock","同步机制",{"path":478,"title":479,"description":11},"\u002Fother\u002Fjava\u002Fthread\u002Fthread-basic","线程基础",{"path":481,"title":482,"description":11},"\u002Fother\u002Fjava\u002Fthread\u002Fthread-pool","线程池",{"path":484,"title":485,"description":486},"\u002Fother\u002Fspring-series\u002Fspring\u002Fannotations-beans","Spring - 基于注解管理Bean","从 Java 5 开始，Java 增加了对注解（Annotation）的支持，它是代码中的一种特殊标记，可以在编译、类加载和运行时被读取，执行相应的处理。开发人员可以通过注解在不改变原有代码和逻辑的情况下，在源代码中嵌入补充信息。",{"path":488,"title":489,"description":490},"\u002Fother\u002Fspring-series\u002Fspring\u002Fimplement-ioc","Spring - 原理手写IoC","Spring 框架的 IOC 是基于 Java 反射机制实现的，在学习手写 IoC 之前，你需要具备一定的 Java 反射相关的知识，参考本站内的 Java 教程。",{"path":492,"title":493,"description":11},"\u002Fother\u002Fspring-series\u002Fspring\u002Fintroduction-case","Spring - 入门案例",{"path":495,"title":496,"description":11},"\u002Fother\u002Fspring-series\u002Fspring\u002Fspring-aop","Spring - 面向切面AOP",{"path":498,"title":499,"description":11},"\u002Fother\u002Fspring-series\u002Fspring\u002Fspring-aot","Spring - AOT提前编译",{"path":501,"title":502,"description":503},"\u002Fother\u002Fspring-series\u002Fspring\u002Fspring-data-validation","Spring - 数据校验","在开发中，我们经常遇到参数校验的需求，比如用户注册的时候，要校验用户名不能为空、用户名长度不超过20个字符、手机号是合法的手机号格式等等。如果使用普通方式，我们会把校验的代码和真正的业务处理逻辑耦合在一起，而且如果未来要新增一种校验逻辑也需要在修改多个地方。而spring validation允许通过注解的方式来定义对象校验规则，把校验和业务逻辑分离开，让代码编写更加方便。Spring Validation其实就是对Hibernate Validator进一步的封装，方便在Spring中使用。",{"path":505,"title":506,"description":11},"\u002Fother\u002Fspring-series\u002Fspring\u002Fspring-i18n","Spring - 国际化i18n",{"path":508,"title":509,"description":510},"\u002Fother\u002Fspring-series\u002Fspring\u002Fspring-ioc","Spring - IOC容器","IoC 是 Inversion of Control 的简写，译为“控制反转”，它不是一门技术，而是一种设计思想，是一个重要的面向对象编程法则，能够指导我们如何设计出松耦合、更优良的程序。",{"path":512,"title":513,"description":514},"\u002Fother\u002Fspring-series\u002Fspring\u002Fspring-junit","Spring - 单元测试JUnit","在之前的测试方法中，几乎都能看到以下的两行代码：",{"path":516,"title":517,"description":11},"\u002Fother\u002Fspring-series\u002Fspring\u002Fspring-resources","Spring - 资源操作",{"path":519,"title":520,"description":11},"\u002Fother\u002Fspring-series\u002Fspring\u002Fspring-summarize","Spring - Spring概述",{"path":522,"title":523,"description":11},"\u002Fother\u002Fspring-series\u002Fspring\u002Fspring-transaction","Spring - 事务",{"path":525,"title":526,"description":11},"\u002Fother\u002Fspring-series\u002Fspring\u002Fxml-beans","Spring - 基于XML管理Bean",{"path":528,"title":529,"description":11},"\u002Fother\u002Fspring-series\u002Fspringboot\u002Fspringboot-config","SpringBoot - 配置详解",{"path":531,"title":532,"description":11},"\u002Fother\u002Fspring-series\u002Fspringboot\u002Fspringboot-data","SpringBoot - 数据访问",{"path":534,"title":535,"description":11},"\u002Fother\u002Fspring-series\u002Fspringboot\u002Fspringboot-quickstart","SpringBoot - 快速入门",{"path":537,"title":538,"description":11},"\u002Fother\u002Fspring-series\u002Fspringboot\u002Fspringboot-web","SpringBoot - Web 开发",{"path":540,"title":541,"description":11},"\u002Fother\u002Fspring-series\u002Fspringcloud\u002Fspringcloud-config","SpringCloud - 配置中心",{"path":543,"title":544,"description":11},"\u002Fother\u002Fspring-series\u002Fspringcloud\u002Fspringcloud-discovery","SpringCloud - 服务注册与发现",{"path":546,"title":547,"description":11},"\u002Fother\u002Fspring-series\u002Fspringcloud\u002Fspringcloud-feign","SpringCloud - 服务调用",{"path":549,"title":550,"description":11},"\u002Fother\u002Fspring-series\u002Fspringcloud\u002Fspringcloud-gateway","SpringCloud - 服务网关",{"path":552,"title":553,"description":11},"\u002Fother\u002Fspring-series\u002Fspringcloud\u002Fspringcloud-introduction","SpringCloud - 微服务概述",{"path":555,"title":556,"description":11},"\u002Fother\u002Fspring-series\u002Fspringcloud\u002Fspringcloud-sentinel","SpringCloud - 服务保护",{"path":558,"title":559,"description":11},"\u002Fother\u002Fspring-series\u002Fspringmvc\u002Fspringmvc-databind","SpringMVC - 数据绑定与转换",{"path":561,"title":562,"description":11},"\u002Fother\u002Fspring-series\u002Fspringmvc\u002Fspringmvc-exception","SpringMVC - 异常处理",{"path":564,"title":565,"description":11},"\u002Fother\u002Fspring-series\u002Fspringmvc\u002Fspringmvc-interceptor","SpringMVC - 拦截器",{"path":567,"title":568,"description":11},"\u002Fother\u002Fspring-series\u002Fspringmvc\u002Fspringmvc-introduction","SpringMVC - 简介与环境搭建",{"path":570,"title":571,"description":11},"\u002Fother\u002Fspring-series\u002Fspringmvc\u002Fspringmvc-request","SpringMVC - 请求处理",{"path":573,"title":574,"description":11},"\u002Fother\u002Fspring-series\u002Fspringmvc\u002Fspringmvc-response","SpringMVC - 响应处理",{"path":576,"title":577,"description":578},"\u002Fproject\u002Frocket-leaf\u002Farchitecture","项目架构","Rocket-Leaf 的目录结构、模块划分、数据流向，以及各层之间的依赖关系。",{"path":580,"title":581,"description":582},"\u002Fproject\u002Frocket-leaf\u002Fbackend-layers","后端分层设计","Rocket-Leaf 的 model \u002F rocketmq \u002F service 三层结构，以及服务之间的依赖关系与设计取舍。",{"path":584,"title":585,"description":586},"\u002Fproject\u002Frocket-leaf\u002Fclient-manager","RocketMQ 客户端管理器","AdminClientManager 的多客户端池、默认连接懒加载、自动重连重试的设计与实现。",{"path":588,"title":589,"description":590},"\u002Fproject\u002Frocket-leaf\u002Fencryption","连接信息加密存储","AES-256-GCM + SHA-256 字段级派生密钥的实现，以及如何在不破坏兼容性的前提下为历史明文数据做透明迁移。",{"path":592,"title":593,"description":594},"\u002Fproject\u002Frocket-leaf\u002Ffrontend","前端结构与类型绑定","React + Vite 目录组织、自动生成的 Wails 绑定、api 薄封装与自定义 hooks 的职责划分。",{"path":596,"title":597,"description":598},"\u002Fproject\u002Frocket-leaf","项目简介","Rocket-Leaf 是一款基于 Wails v3 构建的跨平台 RocketMQ 桌面管理客户端，Go 后端 + React 前端。本文档系列拆解它的架构与关键实现。",{"path":600,"title":601,"description":602},"\u002Fproject\u002Frocket-leaf\u002Fwails-v3","Wails v3 入门","Wails v3 的核心概念、Service 绑定机制，以及 Rocket-Leaf 是如何用它把 Go 后端和 React 前端打通的。",{"path":604,"title":605,"description":11},"\u002Ftutorials\u002Fcloud\u002Fdocker\u002Fdocker-basic","Docker - 入门基础",{"path":607,"title":608,"description":609},"\u002Ftutorials\u002Fcloud\u002Fdocker\u002Fdocker-compose","Docker - Compose","在部署应用时，常常使用到不止一个容器，那么在部署容器的时候就需要一个一个进行部署，这样的部署过程也相对来说比较繁琐复杂，也容易出问题，那么有没有一种更为简单的方法呢？",{"path":611,"title":612,"description":613},"\u002Ftutorials\u002Fcloud\u002Fdocker\u002Fdocker-container-connection","Docker - 容器互联","在上一个章节中我们学习了 Docker 容器的端口映射，可以将 Docker 容器和本地以及网络中的端口进行连接起来。",{"path":615,"title":616,"description":11},"\u002Ftutorials\u002Fcloud\u002Fdocker\u002Fdocker-dockerfile","Docker - Dockerfile",{"path":618,"title":619,"description":11},"\u002Ftutorials\u002Fcloud\u002Fdocker\u002Fdocker-helloworld","Docker - HelloWorld",{"path":621,"title":622,"description":11},"\u002Ftutorials\u002Fcloud\u002Fdocker\u002Fdocker-install","Docker - 安装",{"path":624,"title":625,"description":11},"\u002Ftutorials\u002Fcloud\u002Fdocker\u002Fdocker-introduce","Docker - 简介",{"path":627,"title":628,"description":11},"\u002Ftutorials\u002Fcloud\u002Fdocker\u002Fdocker-object","Docker - 镜像、容器、仓库",{"path":630,"title":631,"description":632},"\u002Ftutorials\u002Fcloud\u002Fdocker\u002Fdocker-warehouse","Docker - 仓库管理","仓库是集中存放资源的地方，代码仓库是存放代码的，那么Docker 中的仓库就是存放 Docker 镜像的。",{"path":634,"title":635,"description":636},"\u002Ftutorials\u002Fcloud\u002Fdocker\u002Fdocker-web-containers","Docker - WEB应用实例","在之前的章节中，仅对普通容器进行了演示，但在实际中常常使用到 Docker 容器中的 WEB 应用程序。",{"path":638,"title":639,"description":11},"\u002Ftutorials\u002Fcloud\u002Fkubernetes\u002Fk8s-config","Kubernetes - ConfigMap 与 Secret",{"path":641,"title":642,"description":11},"\u002Ftutorials\u002Fcloud\u002Fkubernetes\u002Fk8s-helm","Kubernetes - Helm 包管理",{"path":644,"title":645,"description":11},"\u002Ftutorials\u002Fcloud\u002Fkubernetes\u002Fk8s-install","Kubernetes - 集群安装",{"path":647,"title":648,"description":11},"\u002Ftutorials\u002Fcloud\u002Fkubernetes\u002Fk8s-introduction","Kubernetes - 简介与架构",{"path":650,"title":651,"description":11},"\u002Ftutorials\u002Fcloud\u002Fkubernetes\u002Fk8s-kubectl","Kubernetes - kubectl 命令行工具",{"path":653,"title":654,"description":11},"\u002Ftutorials\u002Fcloud\u002Fkubernetes\u002Fk8s-monitoring","Kubernetes - 监控与日志",{"path":656,"title":657,"description":11},"\u002Ftutorials\u002Fcloud\u002Fkubernetes\u002Fk8s-network-security","Kubernetes - 网络与安全",{"path":659,"title":660,"description":11},"\u002Ftutorials\u002Fcloud\u002Fkubernetes\u002Fk8s-service","Kubernetes - Service 与 Ingress",{"path":662,"title":663,"description":11},"\u002Ftutorials\u002Fcloud\u002Fkubernetes\u002Fk8s-storage","Kubernetes - 持久化存储",{"path":665,"title":666,"description":11},"\u002Ftutorials\u002Fcloud\u002Fkubernetes\u002Fk8s-workload","Kubernetes - 工作负载资源",{"path":668,"title":669,"description":11},"\u002Ftutorials\u002Fcloud\u002Flinux\u002Flinux-bash","Linux - Bash 基础语法",{"path":671,"title":672,"description":11},"\u002Ftutorials\u002Fcloud\u002Flinux\u002Flinux-file-directory","Linux - 文件与目录操作",{"path":674,"title":675,"description":11},"\u002Ftutorials\u002Fcloud\u002Flinux\u002Flinux-network","Linux - 网络配置",{"path":677,"title":678,"description":11},"\u002Ftutorials\u002Fcloud\u002Flinux\u002Flinux-package","Linux - 软件包管理",{"path":680,"title":681,"description":11},"\u002Ftutorials\u002Fcloud\u002Flinux\u002Flinux-process","Linux - 进程管理",{"path":683,"title":684,"description":11},"\u002Ftutorials\u002Fcloud\u002Flinux\u002Flinux-scripts","Linux - 常用脚本示例",{"path":686,"title":687,"description":11},"\u002Ftutorials\u002Fcloud\u002Flinux\u002Flinux-service","Linux - 服务管理",{"path":689,"title":690,"description":11},"\u002Ftutorials\u002Fcloud\u002Flinux\u002Flinux-user-permission","Linux - 用户与权限管理",{"path":692,"title":693,"description":11},"\u002Ftutorials\u002Fcloud\u002Fnginx\u002Fnginx-https","Nginx - HTTPS 配置",{"path":695,"title":696,"description":11},"\u002Ftutorials\u002Fcloud\u002Fnginx\u002Fnginx-install","Nginx - 安装与配置",{"path":698,"title":699,"description":11},"\u002Ftutorials\u002Fcloud\u002Fnginx\u002Fnginx-loadbalance","Nginx - 负载均衡",{"path":701,"title":702,"description":11},"\u002Ftutorials\u002Fcloud\u002Fnginx\u002Fnginx-optimization","Nginx - 性能优化",{"path":704,"title":705,"description":11},"\u002Ftutorials\u002Fcloud\u002Fnginx\u002Fnginx-proxy","Nginx - 反向代理",{"path":707,"title":708,"description":11},"\u002Ftutorials\u002Fcloud\u002Fnginx\u002Fnginx-static","Nginx - 静态资源服务",{"path":710,"title":711,"description":11},"\u002Ftutorials\u002Fcloud\u002Fnginx\u002Fnginx-vhost","Nginx - 虚拟主机配置",{"path":713,"title":714,"description":715},"\u002Ftutorials\u002Fdatabase\u002Fmysql\u002Fmysql-architecture","MySQL 高可用架构","主从复制、读写分离、分库分表。",{"path":717,"title":718,"description":719},"\u002Ftutorials\u002Fdatabase\u002Fmysql\u002Fmysql-index","MySQL 索引","索引是帮助 MySQL 高效获取数据的有序数据结构。",{"path":721,"title":722,"description":723},"\u002Ftutorials\u002Fdatabase\u002Fmysql\u002Fmysql-lock","MySQL 锁","锁用于解决并发访问时的数据一致性问题。",{"path":725,"title":726,"description":727},"\u002Ftutorials\u002Fdatabase\u002Fmysql\u002Fmysql-optimize","MySQL 性能优化","SQL 优化是后端开发必备技能。",{"path":729,"title":730,"description":731},"\u002Ftutorials\u002Fdatabase\u002Fmysql\u002Fmysql-transaction","MySQL 事务","事务是一组不可分割的操作，要么全部成功，要么全部失败。",{"path":733,"title":734,"description":735},"\u002Ftutorials\u002Fdatabase\u002Fmysql\u002Fsql-advanced","SQL 进阶","多表查询、子查询、函数、视图、存储过程。",{"path":737,"title":738,"description":739},"\u002Ftutorials\u002Fdatabase\u002Fmysql\u002Fsql-basic","SQL 基础","SQL（Structured Query Language）是操作关系型数据库的标准语言。",{"path":741,"title":742,"description":743},"\u002Ftutorials\u002Fdatabase\u002Fredis\u002Fredis-advanced","Redis 进阶功能","事务、发布订阅、Lua 脚本、Pipeline。",{"path":745,"title":746,"description":747},"\u002Ftutorials\u002Fdatabase\u002Fredis\u002Fredis-basic","Redis 基础","Redis 安装配置与基本命令。",{"path":749,"title":750,"description":751},"\u002Ftutorials\u002Fdatabase\u002Fredis\u002Fredis-cluster","Redis 高可用","主从复制、哨兵、Cluster 集群。",{"path":753,"title":754,"description":755},"\u002Ftutorials\u002Fdatabase\u002Fredis\u002Fredis-datatype","Redis 数据类型","Redis 5 种基本数据类型 + 4 种特殊类型。",{"path":757,"title":758,"description":759},"\u002Ftutorials\u002Fdatabase\u002Fredis\u002Fredis-optimize","Redis 性能优化","内存优化、缓存问题、最佳实践。",{"path":761,"title":762,"description":763},"\u002Ftutorials\u002Fdatabase\u002Fredis\u002Fredis-persistence","Redis 持久化","Redis 提供 RDB 和 AOF 两种持久化方式。",{"path":765,"title":766,"description":767},"\u002Ftutorials\u002Fdatabase\u002Fredis\u002Fredis-principle","Redis 底层原理","数据结构、线程模型、网络模型。",{"path":769,"title":770,"description":771},"\u002Ftutorials\u002Fdev-idea\u002Fdesign-patterns\u002Fbehaiver-patterns\u002Fobserver-pattern","观察者模式","观察者模式属于行为型模式，定义了对象之间的一对多的依赖关系，在这种模式中，当一个对象的状态发生变化时，所有依赖于它的对象都会得到通知，并且执行相关操作。观察者模式又被成为“发布—订阅模式”，即发布者发生改变后，会通知所有订阅者。",{"path":773,"title":774,"description":11},"\u002Ftutorials\u002Fdev-idea\u002Fdesign-patterns\u002Fcreate-patterns\u002Ffactory-pattern","工厂模式",{"path":776,"title":777,"description":778},"\u002Ftutorials\u002Fdev-idea\u002Fdesign-patterns\u002Fcreate-patterns\u002Fsingleton-pattern","单例模式","单例模式是最常用的设计模式之一，他可以保证在整个应用中，某个类只存在一个实例化对象，即全局使用到该类的只有一个对象，这种模式在需要限制某些类的实例数量时非常有用，通常全局只需要一个该对象即可，如一些配置文件映射对象、数据库连接对象等。",{"path":780,"title":781,"description":782},"\u002Ftutorials\u002Fdev-idea\u002Fdesign-patterns\u002Fstructural-patterns\u002Fadapter-pattern","适配器模式","适配器模式是一种结构型模式，可以将一个类的接口转换成客户端所期望的另一种接口，适配器模式可以帮助开发人员在不修改现有代码的情况下，将不兼容的类组合在一起。",{"path":784,"title":785,"description":786},"\u002Ftutorials\u002Fdev-tools\u002Fgit\u002Fgit-basic-operations","Git 创建版本库","在 Git 上创建版本库有两种方式，一种是直接拷贝远程 Git 仓库到本地，另外一种是我们自己创建本地的版本库。",{"path":788,"title":789,"description":11},"\u002Ftutorials\u002Fdev-tools\u002Fgit\u002Fgit-branch-manage","Git 分支管理",{"path":791,"title":792,"description":11},"\u002Ftutorials\u002Fdev-tools\u002Fgit\u002Fgit-content-operations","Git 仓库内容操作",{"path":794,"title":795,"description":11},"\u002Ftutorials\u002Fdev-tools\u002Fgit\u002Fgit-introduce-install","Git 介绍和安装",{"path":797,"title":798,"description":11},"\u002Ftutorials\u002Fdev-tools\u002Fgit\u002Fgit-remote-manage","Git 远程管理",{"path":800,"title":801,"description":11},"\u002Ftutorials\u002Fdev-tools\u002Fgit\u002Fgit-workspace-index-repo","Git 工作原理",{"path":803,"title":804,"description":11},"\u002Ftutorials\u002Fdev-tools\u002Fhomebrew","HomeBrew 教程",{"path":806,"title":807,"description":11},"\u002Ftutorials\u002Fdev-tools\u002Fidea\u002Fshortcuts","快捷键",{"path":809,"title":810,"description":11},"\u002Ftutorials\u002Fdev-tools\u002Fmaven\u002Fintroduce-install-config","Maven - 介绍、安装、配置",{"path":812,"title":813,"description":11},"\u002Ftutorials\u002Ffront-end\u002Fvue3\u002Fbasic-knowledge","2. 基础知识",{"path":815,"title":816,"description":817},"\u002Ftutorials\u002Ffront-end\u002Fvue3\u002Fcomponent-communication","9. 组件通信","在前面的章节内，介绍了 Vue 中最核心的内容——组件的介绍和使用，和 Java 等编程语言相反，组件并不近似于这些变成语言中的类，类可以通过类或者其实例化的对象来相互交互，但 Vue 组件之间的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。",{"path":819,"title":820,"description":821},"\u002Ftutorials\u002Ffront-end\u002Fvue3\u002Fcomputed","4. 计算属性","虽然直接在模板中使用表达式方便，但是如果在模板中添加很多逻辑，会让模板变的臃肿且难维护，耦合度较高。有没有一种简单的方式来实现呢？答案是有的。",{"path":823,"title":824,"description":11},"\u002Ftutorials\u002Ffront-end\u002Fvue3\u002Fcreate-vue-project","1. 环境搭建及安装",{"path":826,"title":827,"description":828},"\u002Ftutorials\u002Ffront-end\u002Fvue3\u002Flife-cycle","6. 生命周期","生命周期是指组件从创建、挂载、更新到销毁的整个过程中所经历的一系列阶段。在 Vue 中，每个组件都有自己的生命周期，可以通过生命周期钩子函数来监听和处理组件在不同阶段的行为和状态。",{"path":830,"title":831,"description":11},"\u002Ftutorials\u002Ffront-end\u002Fvue3\u002Fother-api","10. 其他 API",{"path":833,"title":834,"description":11},"\u002Ftutorials\u002Ffront-end\u002Fvue3\u002Fpinia","8. Pinia",{"path":836,"title":837,"description":11},"\u002Ftutorials\u002Ffront-end\u002Fvue3\u002Frouter","7. 路由",{"path":839,"title":840,"description":11},"\u002Ftutorials\u002Ffront-end\u002Fvue3\u002Ftemplate-grammar","3. 指令及模板语法",{"path":842,"title":843,"description":11},"\u002Ftutorials\u002Ffront-end\u002Fvue3\u002Fvue3-new-component","11. Vue3 新组件",{"path":845,"title":846,"description":847},"\u002Ftutorials\u002Ffront-end\u002Fvue3\u002Fwatch","5. 监视","Watch 是 Vue 提供的一个用于监视响应式数据变化并执行相应操作的 API，能够对响应式数据的变化做出一些操作的功能。Vue3 中的 Watch 支持多种用法，包括监视响应式对象、ref 对象、数组、函数等。",{"path":849,"title":850,"description":11},"\u002Ftutorials\u002Fmq\u002Fkafka\u002Fkafka-introduction","Kafka 简介与安装",{"path":852,"title":853,"description":11},"\u002Ftutorials\u002Fmq\u002Fkafka\u002Fkafka-producer-consumer","Kafka 生产者与消费者",{"path":855,"title":856,"description":857},"\u002Ftutorials\u002Fmq\u002Fkafka\u002Fkafka-springboot","Spring Boot 整合 Kafka","Spring Kafka 提供了对 Apache Kafka 的便捷集成。",{"path":859,"title":860,"description":861},"\u002Ftutorials\u002Fmq\u002Frabbitmq\u002Frabbitmq-exchange","RabbitMQ Exchange 详解","Exchange（交换机）是 RabbitMQ 的核心组件，负责接收生产者发送的消息，并根据规则将消息路由到一个或多个队列。",{"path":863,"title":864,"description":11},"\u002Ftutorials\u002Fmq\u002Frabbitmq\u002Frabbitmq-introduction","RabbitMQ 简介与安装",{"path":866,"title":867,"description":868},"\u002Ftutorials\u002Fmq\u002Frabbitmq\u002Frabbitmq-reliability","RabbitMQ 消息可靠性","消息可靠性是消息队列的核心要求，RabbitMQ 提供了多种机制来保证消息不丢失。",{"path":870,"title":871,"description":872},"\u002Ftutorials\u002Fmq\u002Frabbitmq\u002Frabbitmq-springboot","Spring Boot 整合 RabbitMQ","Spring AMQP 提供了对 RabbitMQ 的便捷集成，大大简化了开发工作。",{"path":874,"title":875,"description":11},"\u002Ftutorials\u002Fmq\u002Frocketmq\u002Frocketmq-client","RocketMQ 客户端使用",{"path":877,"title":878,"description":11},"\u002Ftutorials\u002Fmq\u002Frocketmq\u002Frocketmq-concepts","RocketMQ 核心概念",{"path":880,"title":881,"description":11},"\u002Ftutorials\u002Fmq\u002Frocketmq\u002Frocketmq-installation","RocketMQ 安装部署",{"path":883,"title":884,"description":885},"\u002Ftutorials\u002Fmq\u002Frocketmq\u002Frocketmq-message-type","RocketMQ 消息类型","RocketMQ 支持多种消息类型，满足不同业务场景需求。",{"id":887,"title":593,"body":888,"description":594,"extension":2632,"meta":2633,"navigation":1166,"path":592,"seo":2634,"stem":2635,"__hash__":2636},"docs\u002Fproject\u002Frocket-leaf\u002Ffrontend.md",{"type":889,"value":890,"toc":2617},"minimark",[891,895,905,908,990,998,1032,1036,1047,1053,1074,1093,1097,1104,1501,1504,1536,1543,1547,1558,1969,1972,2026,2030,2218,2228,2232,2241,2270,2277,2288,2294,2298,2388,2398,2402,2413,2448,2453,2470,2481,2485,2488,2546,2551,2555,2558,2565,2575,2578,2610,2613],[892,893,894],"h2",{"id":894},"目录概览",[896,897,902],"pre",{"className":898,"code":900,"language":901},[899],"language-text","frontend\u002F\n├── index.html\n├── vite.config.ts\n├── tailwind.config.js\n├── tsconfig.json\n├── bindings\u002F                # Wails 自动生成的 TS 绑定（不手动改）\n│   └── rocket-leaf\u002Finternal\u002F...\n└── src\u002F\n    ├── main.tsx             # React 入口\n    ├── App.tsx              # 顶层导航 + 路由\n    ├── index.css            # 全局样式 + tailwind\n    ├── components\u002F          # 视图组件\n    ├── api\u002F                 # 对 bindings 的薄封装\n    ├── hooks\u002F               # 数据加载 hooks\n    └── lib\u002F\n        └── utils.ts         # 工具函数\n","text",[903,904,900],"code",{"__ignoreMap":11},[892,906,907],{"id":907},"技术选型",[909,910,911,927],"table",{},[912,913,914],"thead",{},[915,916,917,921,924],"tr",{},[918,919,920],"th",{},"层",[918,922,923],{},"选型",[918,925,926],{},"理由",[928,929,930,942,953,968,979],"tbody",{},[915,931,932,936,939],{},[933,934,935],"td",{},"框架",[933,937,938],{},"React 19",[933,940,941],{},"桌面应用的 UI 复杂度适中，React 生态最成熟",[915,943,944,947,950],{},[933,945,946],{},"构建",[933,948,949],{},"Vite",[933,951,952],{},"启动快、HMR 友好，和 Wails dev 模式无缝衔接",[915,954,955,958,961],{},[933,956,957],{},"样式",[933,959,960],{},"TailwindCSS",[933,962,963,964,967],{},"配合 shadcn 风格的 ",[903,965,966],{},"components\u002Fui\u002F","，改动成本低",[915,969,970,973,976],{},[933,971,972],{},"Toast",[933,974,975],{},"sonner",[933,977,978],{},"API 极简，动画漂亮，适合桌面应用",[915,980,981,984,987],{},[933,982,983],{},"状态",[933,985,986],{},"React state + 自定义 hooks",[933,988,989],{},"没用 Redux\u002FZustand，数据量和交互复杂度撑不起",[991,992,993,997],"p",{},[994,995,996],"strong",{},"刻意不引入","的东西：",[999,1000,1001,1016,1022],"ul",{},[1002,1003,1004,1007,1008,1011,1012,1015],"li",{},[994,1005,1006],{},"React Router","：导航由 ",[903,1009,1010],{},"App.tsx"," 的 ",[903,1013,1014],{},"activeNav"," state 管理，路径根本不暴露给用户",[1002,1017,1018,1021],{},[994,1019,1020],{},"全局状态库","：跨组件共享的只有\"连接列表\"这类数据，放在 hook 里就够",[1002,1023,1024,1027,1028,1031],{},[994,1025,1026],{},"表单库","：表单种类少，",[903,1029,1030],{},"useState"," + 受控组件足矣",[892,1033,1035],{"id":1034},"自动生成的-bindings","自动生成的 bindings",[991,1037,1038,1039,1042,1043,1046],{},"Wails CLI 会扫描 ",[903,1040,1041],{},"application.Options.Services"," 里注册的每个 struct，把它们的",[994,1044,1045],{},"导出方法","生成 TypeScript 绑定：",[896,1048,1051],{"className":1049,"code":1050,"language":901},[899],"frontend\u002Fbindings\u002Frocket-leaf\u002Finternal\u002F\n├── model\u002F\n│   └── models.js           # Connection \u002F Topic \u002F ... 类型定义\n└── service\u002F\n    ├── connectionservice.js\n    ├── clusterservice.js\n    ├── topicservice.js\n    └── ...\n",[903,1052,1050],{"__ignoreMap":11},[991,1054,1055,1056,1059,1060,1063,1064,1067,1068,1063,1071,1073],{},"文件命名规则：",[994,1057,1058],{},"全小写","（",[903,1061,1062],{},"ConnectionService"," → ",[903,1065,1066],{},"connectionservice.js","），方法名保留原样（",[903,1069,1070],{},"GetConnections",[903,1072,1070],{},"）。",[1075,1076,1078],"note",{"title":1077},"bindings 是生成物，不要手动修改",[991,1079,1080,1081,1084,1085,1088,1089,1092],{},"每次 ",[903,1082,1083],{},"wails3 dev"," 或 ",[903,1086,1087],{},"wails3 build"," 都会重新生成 ",[903,1090,1091],{},"frontend\u002Fbindings\u002F","。任何手动改动都会被覆盖。如果需要调整前端拿到的类型，应该改 Go 侧的 struct 定义。",[892,1094,1096],{"id":1095},"api-层薄封装","api 层：薄封装",[991,1098,1099,1100,1103],{},"直接调用 bindings 是可行的，但 Rocket-Leaf 在 ",[903,1101,1102],{},"src\u002Fapi\u002F"," 再包了一层：",[896,1105,1109],{"className":1106,"code":1107,"language":1108,"meta":11,"style":11},"language-ts shiki shiki-themes github-light github-light github-dark","\u002F\u002F frontend\u002Fsrc\u002Fapi\u002Fconnection.ts\nimport * as ConnectionService from '..\u002F..\u002Fbindings\u002Frocket-leaf\u002Finternal\u002Fservice\u002Fconnectionservice.js'\nimport type { Connection } from '..\u002F..\u002Fbindings\u002Frocket-leaf\u002Finternal\u002Fmodel\u002Fmodels.js'\n\nexport async function getConnections(): Promise\u003C(Connection | null)[]> {\n  try {\n    return await ConnectionService.GetConnections()\n  } catch (e) {\n    console.error('GetConnections', e)\n    throw e\n  }\n}\n\nexport async function addConnection(\n  name: string,\n  env: string,\n  nameServer: string,\n  timeoutSec: number,\n  enableACL: boolean,\n  accessKey: string,\n  secretKey: string,\n  remark: string,\n): Promise\u003CConnection | null> {\n  try {\n    return await ConnectionService.AddConnection(\n      name, env, nameServer, timeoutSec, enableACL, accessKey, secretKey, remark,\n    )\n  } catch (e) {\n    console.error('AddConnection', e)\n    throw e\n  }\n}\n","ts",[903,1110,1111,1120,1145,1161,1168,1208,1217,1234,1246,1264,1273,1279,1285,1290,1305,1320,1332,1344,1357,1370,1382,1394,1406,1428,1435,1449,1455,1461,1470,1484,1491,1496],{"__ignoreMap":11},[1112,1113,1116],"span",{"class":1114,"line":1115},"line",1,[1112,1117,1119],{"class":1118},"sCsY4","\u002F\u002F frontend\u002Fsrc\u002Fapi\u002Fconnection.ts\n",[1112,1121,1123,1127,1131,1134,1138,1141],{"class":1114,"line":1122},2,[1112,1124,1126],{"class":1125},"s8jYJ","import",[1112,1128,1130],{"class":1129},"sBjJW"," *",[1112,1132,1133],{"class":1125}," as",[1112,1135,1137],{"class":1136},"sxrX7"," ConnectionService ",[1112,1139,1140],{"class":1125},"from",[1112,1142,1144],{"class":1143},"sIIMD"," '..\u002F..\u002Fbindings\u002Frocket-leaf\u002Finternal\u002Fservice\u002Fconnectionservice.js'\n",[1112,1146,1148,1150,1153,1156,1158],{"class":1114,"line":1147},3,[1112,1149,1126],{"class":1125},[1112,1151,1152],{"class":1125}," type",[1112,1154,1155],{"class":1136}," { Connection } ",[1112,1157,1140],{"class":1125},[1112,1159,1160],{"class":1143}," '..\u002F..\u002Fbindings\u002Frocket-leaf\u002Finternal\u002Fmodel\u002Fmodels.js'\n",[1112,1162,1164],{"class":1114,"line":1163},4,[1112,1165,1167],{"emptyLinePlaceholder":1166},true,"\n",[1112,1169,1171,1174,1177,1180,1184,1187,1190,1193,1196,1199,1202,1205],{"class":1114,"line":1170},5,[1112,1172,1173],{"class":1125},"export",[1112,1175,1176],{"class":1125}," async",[1112,1178,1179],{"class":1125}," function",[1112,1181,1183],{"class":1182},"snPdu"," getConnections",[1112,1185,1186],{"class":1136},"()",[1112,1188,1189],{"class":1125},":",[1112,1191,1192],{"class":1182}," Promise",[1112,1194,1195],{"class":1136},"\u003C(",[1112,1197,1198],{"class":1182},"Connection",[1112,1200,1201],{"class":1125}," |",[1112,1203,1204],{"class":1129}," null",[1112,1206,1207],{"class":1136},")[]> {\n",[1112,1209,1211,1214],{"class":1114,"line":1210},6,[1112,1212,1213],{"class":1125},"  try",[1112,1215,1216],{"class":1136}," {\n",[1112,1218,1220,1223,1226,1229,1231],{"class":1114,"line":1219},7,[1112,1221,1222],{"class":1125},"    return",[1112,1224,1225],{"class":1125}," await",[1112,1227,1228],{"class":1136}," ConnectionService.",[1112,1230,1070],{"class":1182},[1112,1232,1233],{"class":1136},"()\n",[1112,1235,1237,1240,1243],{"class":1114,"line":1236},8,[1112,1238,1239],{"class":1136},"  } ",[1112,1241,1242],{"class":1125},"catch",[1112,1244,1245],{"class":1136}," (e) {\n",[1112,1247,1249,1252,1255,1258,1261],{"class":1114,"line":1248},9,[1112,1250,1251],{"class":1136},"    console.",[1112,1253,1254],{"class":1182},"error",[1112,1256,1257],{"class":1136},"(",[1112,1259,1260],{"class":1143},"'GetConnections'",[1112,1262,1263],{"class":1136},", e)\n",[1112,1265,1267,1270],{"class":1114,"line":1266},10,[1112,1268,1269],{"class":1125},"    throw",[1112,1271,1272],{"class":1136}," e\n",[1112,1274,1276],{"class":1114,"line":1275},11,[1112,1277,1278],{"class":1136},"  }\n",[1112,1280,1282],{"class":1114,"line":1281},12,[1112,1283,1284],{"class":1136},"}\n",[1112,1286,1288],{"class":1114,"line":1287},13,[1112,1289,1167],{"emptyLinePlaceholder":1166},[1112,1291,1293,1295,1297,1299,1302],{"class":1114,"line":1292},14,[1112,1294,1173],{"class":1125},[1112,1296,1176],{"class":1125},[1112,1298,1179],{"class":1125},[1112,1300,1301],{"class":1182}," addConnection",[1112,1303,1304],{"class":1136},"(\n",[1112,1306,1308,1312,1314,1317],{"class":1114,"line":1307},15,[1112,1309,1311],{"class":1310},"sP4rz","  name",[1112,1313,1189],{"class":1125},[1112,1315,1316],{"class":1129}," string",[1112,1318,1319],{"class":1136},",\n",[1112,1321,1323,1326,1328,1330],{"class":1114,"line":1322},16,[1112,1324,1325],{"class":1310},"  env",[1112,1327,1189],{"class":1125},[1112,1329,1316],{"class":1129},[1112,1331,1319],{"class":1136},[1112,1333,1335,1338,1340,1342],{"class":1114,"line":1334},17,[1112,1336,1337],{"class":1310},"  nameServer",[1112,1339,1189],{"class":1125},[1112,1341,1316],{"class":1129},[1112,1343,1319],{"class":1136},[1112,1345,1347,1350,1352,1355],{"class":1114,"line":1346},18,[1112,1348,1349],{"class":1310},"  timeoutSec",[1112,1351,1189],{"class":1125},[1112,1353,1354],{"class":1129}," number",[1112,1356,1319],{"class":1136},[1112,1358,1360,1363,1365,1368],{"class":1114,"line":1359},19,[1112,1361,1362],{"class":1310},"  enableACL",[1112,1364,1189],{"class":1125},[1112,1366,1367],{"class":1129}," boolean",[1112,1369,1319],{"class":1136},[1112,1371,1373,1376,1378,1380],{"class":1114,"line":1372},20,[1112,1374,1375],{"class":1310},"  accessKey",[1112,1377,1189],{"class":1125},[1112,1379,1316],{"class":1129},[1112,1381,1319],{"class":1136},[1112,1383,1385,1388,1390,1392],{"class":1114,"line":1384},21,[1112,1386,1387],{"class":1310},"  secretKey",[1112,1389,1189],{"class":1125},[1112,1391,1316],{"class":1129},[1112,1393,1319],{"class":1136},[1112,1395,1397,1400,1402,1404],{"class":1114,"line":1396},22,[1112,1398,1399],{"class":1310},"  remark",[1112,1401,1189],{"class":1125},[1112,1403,1316],{"class":1129},[1112,1405,1319],{"class":1136},[1112,1407,1409,1412,1414,1416,1419,1421,1423,1425],{"class":1114,"line":1408},23,[1112,1410,1411],{"class":1136},")",[1112,1413,1189],{"class":1125},[1112,1415,1192],{"class":1182},[1112,1417,1418],{"class":1136},"\u003C",[1112,1420,1198],{"class":1182},[1112,1422,1201],{"class":1125},[1112,1424,1204],{"class":1129},[1112,1426,1427],{"class":1136},"> {\n",[1112,1429,1431,1433],{"class":1114,"line":1430},24,[1112,1432,1213],{"class":1125},[1112,1434,1216],{"class":1136},[1112,1436,1438,1440,1442,1444,1447],{"class":1114,"line":1437},25,[1112,1439,1222],{"class":1125},[1112,1441,1225],{"class":1125},[1112,1443,1228],{"class":1136},[1112,1445,1446],{"class":1182},"AddConnection",[1112,1448,1304],{"class":1136},[1112,1450,1452],{"class":1114,"line":1451},26,[1112,1453,1454],{"class":1136},"      name, env, nameServer, timeoutSec, enableACL, accessKey, secretKey, remark,\n",[1112,1456,1458],{"class":1114,"line":1457},27,[1112,1459,1460],{"class":1136},"    )\n",[1112,1462,1464,1466,1468],{"class":1114,"line":1463},28,[1112,1465,1239],{"class":1136},[1112,1467,1242],{"class":1125},[1112,1469,1245],{"class":1136},[1112,1471,1473,1475,1477,1479,1482],{"class":1114,"line":1472},29,[1112,1474,1251],{"class":1136},[1112,1476,1254],{"class":1182},[1112,1478,1257],{"class":1136},[1112,1480,1481],{"class":1143},"'AddConnection'",[1112,1483,1263],{"class":1136},[1112,1485,1487,1489],{"class":1114,"line":1486},30,[1112,1488,1269],{"class":1125},[1112,1490,1272],{"class":1136},[1112,1492,1494],{"class":1114,"line":1493},31,[1112,1495,1278],{"class":1136},[1112,1497,1499],{"class":1114,"line":1498},32,[1112,1500,1284],{"class":1136},[991,1502,1503],{},"这一层只做三件事：",[1505,1506,1507,1517,1523],"ol",{},[1002,1508,1509,1512,1513,1516],{},[994,1510,1511],{},"统一错误日志","：每个调用都 ",[903,1514,1515],{},"console.error"," 打点，排查问题时看一眼 DevTools 就能定位",[1002,1518,1519,1522],{},[994,1520,1521],{},"重新抛出异常","：由上层决定 Toast 提示还是重试",[1002,1524,1525,1528,1529,1063,1532,1535],{},[994,1526,1527],{},"命名转换","：",[903,1530,1531],{},"ConnectionService.GetConnections",[903,1533,1534],{},"getConnections","，更贴合 JS 习惯",[991,1537,1538,1539,1542],{},"虽然看起来是重复代码，但",[994,1540,1541],{},"边界层的样板是有价值的","：未来想加 tracing、加 mock、加节流，都只需要改这一处。",[892,1544,1546],{"id":1545},"hooks-层通用加载模式","hooks 层：通用加载模式",[991,1548,1549,1550,1553,1554,1557],{},"桌面应用里最常见的模式是\"",[994,1551,1552],{},"加载数据 → 显示 loading → 出错提示 → 手动刷新","\"。Rocket-Leaf 把它抽象成了 ",[903,1555,1556],{},"useXxx"," 系列 hook：",[896,1559,1561],{"className":1106,"code":1560,"language":1108,"meta":11,"style":11},"\u002F\u002F frontend\u002Fsrc\u002Fhooks\u002FuseConnections.ts\nimport { useState, useEffect, useCallback } from 'react'\nimport type { Connection } from '..\u002F..\u002Fbindings\u002Frocket-leaf\u002Finternal\u002Fmodel\u002Fmodels.js'\nimport * as connectionApi from '@\u002Fapi\u002Fconnection'\nimport { formatErrorMessage } from '@\u002Flib\u002Futils'\n\nexport function useConnections() {\n  const [list, setList] = useState\u003C(Connection | null)[]>([])\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState\u003Cstring | null>(null)\n\n  const refresh = useCallback(async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await connectionApi.getConnections()\n      setList(data)\n    } catch (e) {\n      setError(formatErrorMessage(e))\n      setList([])\n    } finally {\n      setLoading(false)\n    }\n  }, [])\n\n  useEffect(() => {\n    refresh()\n  }, [refresh])\n\n  return {\n    list: list.filter(Boolean) as Connection[],\n    loading,\n    error,\n    refresh,\n  }\n}\n",[903,1562,1563,1568,1580,1592,1608,1620,1624,1636,1673,1701,1737,1741,1767,1778,1789,1796,1815,1823,1832,1845,1852,1861,1873,1878,1883,1887,1899,1906,1911,1915,1922,1942,1947,1953,1959,1964],{"__ignoreMap":11},[1112,1564,1565],{"class":1114,"line":1115},[1112,1566,1567],{"class":1118},"\u002F\u002F frontend\u002Fsrc\u002Fhooks\u002FuseConnections.ts\n",[1112,1569,1570,1572,1575,1577],{"class":1114,"line":1122},[1112,1571,1126],{"class":1125},[1112,1573,1574],{"class":1136}," { useState, useEffect, useCallback } ",[1112,1576,1140],{"class":1125},[1112,1578,1579],{"class":1143}," 'react'\n",[1112,1581,1582,1584,1586,1588,1590],{"class":1114,"line":1147},[1112,1583,1126],{"class":1125},[1112,1585,1152],{"class":1125},[1112,1587,1155],{"class":1136},[1112,1589,1140],{"class":1125},[1112,1591,1160],{"class":1143},[1112,1593,1594,1596,1598,1600,1603,1605],{"class":1114,"line":1163},[1112,1595,1126],{"class":1125},[1112,1597,1130],{"class":1129},[1112,1599,1133],{"class":1125},[1112,1601,1602],{"class":1136}," connectionApi ",[1112,1604,1140],{"class":1125},[1112,1606,1607],{"class":1143}," '@\u002Fapi\u002Fconnection'\n",[1112,1609,1610,1612,1615,1617],{"class":1114,"line":1170},[1112,1611,1126],{"class":1125},[1112,1613,1614],{"class":1136}," { formatErrorMessage } ",[1112,1616,1140],{"class":1125},[1112,1618,1619],{"class":1143}," '@\u002Flib\u002Futils'\n",[1112,1621,1622],{"class":1114,"line":1210},[1112,1623,1167],{"emptyLinePlaceholder":1166},[1112,1625,1626,1628,1630,1633],{"class":1114,"line":1219},[1112,1627,1173],{"class":1125},[1112,1629,1179],{"class":1125},[1112,1631,1632],{"class":1182}," useConnections",[1112,1634,1635],{"class":1136},"() {\n",[1112,1637,1638,1641,1644,1647,1650,1653,1656,1659,1662,1664,1666,1668,1670],{"class":1114,"line":1236},[1112,1639,1640],{"class":1125},"  const",[1112,1642,1643],{"class":1136}," [",[1112,1645,1646],{"class":1129},"list",[1112,1648,1649],{"class":1136},", ",[1112,1651,1652],{"class":1129},"setList",[1112,1654,1655],{"class":1136},"] ",[1112,1657,1658],{"class":1125},"=",[1112,1660,1661],{"class":1182}," useState",[1112,1663,1195],{"class":1136},[1112,1665,1198],{"class":1182},[1112,1667,1201],{"class":1125},[1112,1669,1204],{"class":1129},[1112,1671,1672],{"class":1136},")[]>([])\n",[1112,1674,1675,1677,1679,1682,1684,1687,1689,1691,1693,1695,1698],{"class":1114,"line":1248},[1112,1676,1640],{"class":1125},[1112,1678,1643],{"class":1136},[1112,1680,1681],{"class":1129},"loading",[1112,1683,1649],{"class":1136},[1112,1685,1686],{"class":1129},"setLoading",[1112,1688,1655],{"class":1136},[1112,1690,1658],{"class":1125},[1112,1692,1661],{"class":1182},[1112,1694,1257],{"class":1136},[1112,1696,1697],{"class":1129},"true",[1112,1699,1700],{"class":1136},")\n",[1112,1702,1703,1705,1707,1709,1711,1714,1716,1718,1720,1722,1725,1727,1729,1732,1735],{"class":1114,"line":1266},[1112,1704,1640],{"class":1125},[1112,1706,1643],{"class":1136},[1112,1708,1254],{"class":1129},[1112,1710,1649],{"class":1136},[1112,1712,1713],{"class":1129},"setError",[1112,1715,1655],{"class":1136},[1112,1717,1658],{"class":1125},[1112,1719,1661],{"class":1182},[1112,1721,1418],{"class":1136},[1112,1723,1724],{"class":1129},"string",[1112,1726,1201],{"class":1125},[1112,1728,1204],{"class":1129},[1112,1730,1731],{"class":1136},">(",[1112,1733,1734],{"class":1129},"null",[1112,1736,1700],{"class":1136},[1112,1738,1739],{"class":1114,"line":1275},[1112,1740,1167],{"emptyLinePlaceholder":1166},[1112,1742,1743,1745,1748,1751,1754,1756,1759,1762,1765],{"class":1114,"line":1281},[1112,1744,1640],{"class":1125},[1112,1746,1747],{"class":1129}," refresh",[1112,1749,1750],{"class":1125}," =",[1112,1752,1753],{"class":1182}," useCallback",[1112,1755,1257],{"class":1136},[1112,1757,1758],{"class":1125},"async",[1112,1760,1761],{"class":1136}," () ",[1112,1763,1764],{"class":1125},"=>",[1112,1766,1216],{"class":1136},[1112,1768,1769,1772,1774,1776],{"class":1114,"line":1287},[1112,1770,1771],{"class":1182},"    setLoading",[1112,1773,1257],{"class":1136},[1112,1775,1697],{"class":1129},[1112,1777,1700],{"class":1136},[1112,1779,1780,1783,1785,1787],{"class":1114,"line":1292},[1112,1781,1782],{"class":1182},"    setError",[1112,1784,1257],{"class":1136},[1112,1786,1734],{"class":1129},[1112,1788,1700],{"class":1136},[1112,1790,1791,1794],{"class":1114,"line":1307},[1112,1792,1793],{"class":1125},"    try",[1112,1795,1216],{"class":1136},[1112,1797,1798,1801,1804,1806,1808,1811,1813],{"class":1114,"line":1322},[1112,1799,1800],{"class":1125},"      const",[1112,1802,1803],{"class":1129}," data",[1112,1805,1750],{"class":1125},[1112,1807,1225],{"class":1125},[1112,1809,1810],{"class":1136}," connectionApi.",[1112,1812,1534],{"class":1182},[1112,1814,1233],{"class":1136},[1112,1816,1817,1820],{"class":1114,"line":1334},[1112,1818,1819],{"class":1182},"      setList",[1112,1821,1822],{"class":1136},"(data)\n",[1112,1824,1825,1828,1830],{"class":1114,"line":1346},[1112,1826,1827],{"class":1136},"    } ",[1112,1829,1242],{"class":1125},[1112,1831,1245],{"class":1136},[1112,1833,1834,1837,1839,1842],{"class":1114,"line":1359},[1112,1835,1836],{"class":1182},"      setError",[1112,1838,1257],{"class":1136},[1112,1840,1841],{"class":1182},"formatErrorMessage",[1112,1843,1844],{"class":1136},"(e))\n",[1112,1846,1847,1849],{"class":1114,"line":1372},[1112,1848,1819],{"class":1182},[1112,1850,1851],{"class":1136},"([])\n",[1112,1853,1854,1856,1859],{"class":1114,"line":1384},[1112,1855,1827],{"class":1136},[1112,1857,1858],{"class":1125},"finally",[1112,1860,1216],{"class":1136},[1112,1862,1863,1866,1868,1871],{"class":1114,"line":1396},[1112,1864,1865],{"class":1182},"      setLoading",[1112,1867,1257],{"class":1136},[1112,1869,1870],{"class":1129},"false",[1112,1872,1700],{"class":1136},[1112,1874,1875],{"class":1114,"line":1408},[1112,1876,1877],{"class":1136},"    }\n",[1112,1879,1880],{"class":1114,"line":1430},[1112,1881,1882],{"class":1136},"  }, [])\n",[1112,1884,1885],{"class":1114,"line":1437},[1112,1886,1167],{"emptyLinePlaceholder":1166},[1112,1888,1889,1892,1895,1897],{"class":1114,"line":1451},[1112,1890,1891],{"class":1182},"  useEffect",[1112,1893,1894],{"class":1136},"(() ",[1112,1896,1764],{"class":1125},[1112,1898,1216],{"class":1136},[1112,1900,1901,1904],{"class":1114,"line":1457},[1112,1902,1903],{"class":1182},"    refresh",[1112,1905,1233],{"class":1136},[1112,1907,1908],{"class":1114,"line":1463},[1112,1909,1910],{"class":1136},"  }, [refresh])\n",[1112,1912,1913],{"class":1114,"line":1472},[1112,1914,1167],{"emptyLinePlaceholder":1166},[1112,1916,1917,1920],{"class":1114,"line":1486},[1112,1918,1919],{"class":1125},"  return",[1112,1921,1216],{"class":1136},[1112,1923,1924,1927,1930,1933,1936,1939],{"class":1114,"line":1493},[1112,1925,1926],{"class":1136},"    list: list.",[1112,1928,1929],{"class":1182},"filter",[1112,1931,1932],{"class":1136},"(Boolean) ",[1112,1934,1935],{"class":1125},"as",[1112,1937,1938],{"class":1182}," Connection",[1112,1940,1941],{"class":1136},"[],\n",[1112,1943,1944],{"class":1114,"line":1498},[1112,1945,1946],{"class":1136},"    loading,\n",[1112,1948,1950],{"class":1114,"line":1949},33,[1112,1951,1952],{"class":1136},"    error,\n",[1112,1954,1956],{"class":1114,"line":1955},34,[1112,1957,1958],{"class":1136},"    refresh,\n",[1112,1960,1962],{"class":1114,"line":1961},35,[1112,1963,1278],{"class":1136},[1112,1965,1967],{"class":1114,"line":1966},36,[1112,1968,1284],{"class":1136},[991,1970,1971],{},"几个细节：",[999,1973,1974,1997,2010,2018],{},[1002,1975,1976,1981,1982,1985,1986,1989,1990,1993,1994,1996],{},[994,1977,1978],{},[903,1979,1980],{},"list.filter(Boolean)","：Wails 返回的可能是 ",[903,1983,1984],{},"(T | null)[]","（因为 Go 的 ",[903,1987,1988],{},"*model.Connection"," 可能为 ",[903,1991,1992],{},"nil","），在这里把 ",[903,1995,1734],{}," 过滤掉",[1002,1998,1999,2009],{},[994,2000,2001,2004,2005,2008],{},[903,2002,2003],{},"refresh"," 用 ",[903,2006,2007],{},"useCallback"," 包起来","：避免每次渲染产生新函数导致子组件无谓重新渲染",[1002,2011,2012,2017],{},[994,2013,2014],{},[903,2015,2016],{},"useEffect(() => { refresh() }, [refresh])","：组件挂载即触发一次加载",[1002,2019,2020,2025],{},[994,2021,2022,2023],{},"返回 ",[903,2024,2003],{},"：上层可以在写操作后手动触发刷新",[2027,2028,2029],"h3",{"id":2029},"使用方式",[896,2031,2033],{"className":1106,"code":2032,"language":1108,"meta":11,"style":11},"\u002F\u002F App.tsx\nconst {\n  list: connections,\n  loading: connectionsLoading,\n  error: connectionsError,\n  refresh: refreshConnections,\n} = useConnections()\n\nconst handleConnect = useCallback(async (id: number) => {\n  await connectionApi.connect(id)\n  await connectionApi.setDefaultConnection(id)\n  await refreshConnections()  \u002F\u002F 写操作后主动刷新\n  await refreshTopics()\n  await refreshConsumerGroups()\n  toast.success('连接成功')\n}, [refreshConnections, refreshTopics, refreshConsumerGroups])\n",[903,2034,2035,2040,2047,2060,2072,2084,2096,2107,2111,2143,2156,2167,2180,2189,2198,2213],{"__ignoreMap":11},[1112,2036,2037],{"class":1114,"line":1115},[1112,2038,2039],{"class":1118},"\u002F\u002F App.tsx\n",[1112,2041,2042,2045],{"class":1114,"line":1122},[1112,2043,2044],{"class":1125},"const",[1112,2046,1216],{"class":1136},[1112,2048,2049,2052,2055,2058],{"class":1114,"line":1147},[1112,2050,2051],{"class":1310},"  list",[1112,2053,2054],{"class":1136},": ",[1112,2056,2057],{"class":1129},"connections",[1112,2059,1319],{"class":1136},[1112,2061,2062,2065,2067,2070],{"class":1114,"line":1163},[1112,2063,2064],{"class":1310},"  loading",[1112,2066,2054],{"class":1136},[1112,2068,2069],{"class":1129},"connectionsLoading",[1112,2071,1319],{"class":1136},[1112,2073,2074,2077,2079,2082],{"class":1114,"line":1170},[1112,2075,2076],{"class":1310},"  error",[1112,2078,2054],{"class":1136},[1112,2080,2081],{"class":1129},"connectionsError",[1112,2083,1319],{"class":1136},[1112,2085,2086,2089,2091,2094],{"class":1114,"line":1210},[1112,2087,2088],{"class":1310},"  refresh",[1112,2090,2054],{"class":1136},[1112,2092,2093],{"class":1129},"refreshConnections",[1112,2095,1319],{"class":1136},[1112,2097,2098,2101,2103,2105],{"class":1114,"line":1219},[1112,2099,2100],{"class":1136},"} ",[1112,2102,1658],{"class":1125},[1112,2104,1632],{"class":1182},[1112,2106,1233],{"class":1136},[1112,2108,2109],{"class":1114,"line":1236},[1112,2110,1167],{"emptyLinePlaceholder":1166},[1112,2112,2113,2115,2118,2120,2122,2124,2126,2129,2132,2134,2136,2139,2141],{"class":1114,"line":1248},[1112,2114,2044],{"class":1125},[1112,2116,2117],{"class":1129}," handleConnect",[1112,2119,1750],{"class":1125},[1112,2121,1753],{"class":1182},[1112,2123,1257],{"class":1136},[1112,2125,1758],{"class":1125},[1112,2127,2128],{"class":1136}," (",[1112,2130,2131],{"class":1310},"id",[1112,2133,1189],{"class":1125},[1112,2135,1354],{"class":1129},[1112,2137,2138],{"class":1136},") ",[1112,2140,1764],{"class":1125},[1112,2142,1216],{"class":1136},[1112,2144,2145,2148,2150,2153],{"class":1114,"line":1266},[1112,2146,2147],{"class":1125},"  await",[1112,2149,1810],{"class":1136},[1112,2151,2152],{"class":1182},"connect",[1112,2154,2155],{"class":1136},"(id)\n",[1112,2157,2158,2160,2162,2165],{"class":1114,"line":1275},[1112,2159,2147],{"class":1125},[1112,2161,1810],{"class":1136},[1112,2163,2164],{"class":1182},"setDefaultConnection",[1112,2166,2155],{"class":1136},[1112,2168,2169,2171,2174,2177],{"class":1114,"line":1281},[1112,2170,2147],{"class":1125},[1112,2172,2173],{"class":1182}," refreshConnections",[1112,2175,2176],{"class":1136},"()  ",[1112,2178,2179],{"class":1118},"\u002F\u002F 写操作后主动刷新\n",[1112,2181,2182,2184,2187],{"class":1114,"line":1287},[1112,2183,2147],{"class":1125},[1112,2185,2186],{"class":1182}," refreshTopics",[1112,2188,1233],{"class":1136},[1112,2190,2191,2193,2196],{"class":1114,"line":1292},[1112,2192,2147],{"class":1125},[1112,2194,2195],{"class":1182}," refreshConsumerGroups",[1112,2197,1233],{"class":1136},[1112,2199,2200,2203,2206,2208,2211],{"class":1114,"line":1307},[1112,2201,2202],{"class":1136},"  toast.",[1112,2204,2205],{"class":1182},"success",[1112,2207,1257],{"class":1136},[1112,2209,2210],{"class":1143},"'连接成功'",[1112,2212,1700],{"class":1136},[1112,2214,2215],{"class":1114,"line":1322},[1112,2216,2217],{"class":1136},"}, [refreshConnections, refreshTopics, refreshConsumerGroups])\n",[991,2219,2220,2221,2224,2225,2227],{},"这种模式的好处是",[994,2222,2223],{},"可预测","：任何写操作之后都能用 ",[903,2226,2003],{}," 同步最新状态，不依赖乐观更新。",[892,2229,2231],{"id":2230},"apptsx状态集中","App.tsx：状态集中",[991,2233,2234,2236,2237,2240],{},[903,2235,1010],{}," 是整个应用的",[994,2238,2239],{},"状态中心","，持有：",[999,2242,2243,2249,2259],{},[1002,2244,2245,2246,2248],{},"当前激活的侧边栏（",[903,2247,1014],{},"）",[1002,2250,2251,2252,2255,2256,2248],{},"当前正在连接\u002F断开的 ID（",[903,2253,2254],{},"connectingId"," \u002F ",[903,2257,2258],{},"disconnectingId",[1002,2260,2261,2262,2255,2264,2255,2267],{},"从 hooks 拉到的 ",[903,2263,2057],{},[903,2265,2266],{},"topics",[903,2268,2269],{},"consumerGroups",[991,2271,2272,2273,2276],{},"子组件只接收 props + 回调，",[994,2274,2275],{},"不直接调用 API","。这样的好处是：",[1505,2278,2279,2282,2285],{},[1002,2280,2281],{},"数据流是单向的，容易 debug",[1002,2283,2284],{},"组件可以被单独 render（Storybook \u002F 测试）",[1002,2286,2287],{},"跨组件的联动都在 App.tsx 里可见，避免\"隐式依赖\"",[991,2289,2290,2291,2293],{},"缺点是 ",[903,2292,1010],{}," 会变长，但目前量级（7 个视图）完全可控。",[892,2295,2297],{"id":2296},"导航不用-router-的做法","导航：不用 Router 的做法",[896,2299,2303],{"className":2300,"code":2301,"language":2302,"meta":11,"style":11},"language-tsx shiki shiki-themes github-light github-light github-dark","const [activeNav, setActiveNav] = useState\u003CNavId>('home')\n\nreturn (\n  \u003Cdiv>\n    \u003CIconSidebar active={activeNav} onChange={setActiveNav} \u002F>\n    \u003Cmain>\n      {activeNav === 'home' && \u003COverviewView ... \u002F>}\n      {activeNav === 'connections' && \u003CConnectionManagement ... \u002F>}\n      {activeNav === 'topics' && \u003CTopicList ... \u002F>}\n      {activeNav === 'consumers' && \u003CConsumerGroupList ... \u002F>}\n      {activeNav === 'messages' && \u003CMessageView ... \u002F>}\n      {activeNav === 'cluster' && \u003CClusterView ... \u002F>}\n      {activeNav === 'settings' && \u003CSettingsView ... \u002F>}\n      {activeNav === 'acl' && \u003CAclView ... \u002F>}\n    \u003C\u002Fmain>\n  \u003C\u002Fdiv>\n)\n","tsx",[903,2304,2305,2310,2314,2319,2324,2329,2334,2339,2344,2349,2354,2359,2364,2369,2374,2379,2384],{"__ignoreMap":11},[1112,2306,2307],{"class":1114,"line":1115},[1112,2308,2309],{},"const [activeNav, setActiveNav] = useState\u003CNavId>('home')\n",[1112,2311,2312],{"class":1114,"line":1122},[1112,2313,1167],{"emptyLinePlaceholder":1166},[1112,2315,2316],{"class":1114,"line":1147},[1112,2317,2318],{},"return (\n",[1112,2320,2321],{"class":1114,"line":1163},[1112,2322,2323],{},"  \u003Cdiv>\n",[1112,2325,2326],{"class":1114,"line":1170},[1112,2327,2328],{},"    \u003CIconSidebar active={activeNav} onChange={setActiveNav} \u002F>\n",[1112,2330,2331],{"class":1114,"line":1210},[1112,2332,2333],{},"    \u003Cmain>\n",[1112,2335,2336],{"class":1114,"line":1219},[1112,2337,2338],{},"      {activeNav === 'home' && \u003COverviewView ... \u002F>}\n",[1112,2340,2341],{"class":1114,"line":1236},[1112,2342,2343],{},"      {activeNav === 'connections' && \u003CConnectionManagement ... \u002F>}\n",[1112,2345,2346],{"class":1114,"line":1248},[1112,2347,2348],{},"      {activeNav === 'topics' && \u003CTopicList ... \u002F>}\n",[1112,2350,2351],{"class":1114,"line":1266},[1112,2352,2353],{},"      {activeNav === 'consumers' && \u003CConsumerGroupList ... \u002F>}\n",[1112,2355,2356],{"class":1114,"line":1275},[1112,2357,2358],{},"      {activeNav === 'messages' && \u003CMessageView ... \u002F>}\n",[1112,2360,2361],{"class":1114,"line":1281},[1112,2362,2363],{},"      {activeNav === 'cluster' && \u003CClusterView ... \u002F>}\n",[1112,2365,2366],{"class":1114,"line":1287},[1112,2367,2368],{},"      {activeNav === 'settings' && \u003CSettingsView ... \u002F>}\n",[1112,2370,2371],{"class":1114,"line":1292},[1112,2372,2373],{},"      {activeNav === 'acl' && \u003CAclView ... \u002F>}\n",[1112,2375,2376],{"class":1114,"line":1307},[1112,2377,2378],{},"    \u003C\u002Fmain>\n",[1112,2380,2381],{"class":1114,"line":1322},[1112,2382,2383],{},"  \u003C\u002Fdiv>\n",[1112,2385,2386],{"class":1114,"line":1334},[1112,2387,1700],{},[991,2389,2390,2391,2394,2395,2397],{},"桌面应用的 URL 既不用分享也不用回溯，上 ",[903,2392,2393],{},"react-router"," 只会增加包体积与心智负担。",[903,2396,1030],{}," + 条件渲染就够了。",[892,2399,2401],{"id":2400},"连接前置connectiongate","连接前置：ConnectionGate",[991,2403,2404,2405,2408,2409,2412],{},"很多视图都要求",[994,2406,2407],{},"已经有活跃连接","才能用。Rocket-Leaf 抽了一个 ",[903,2410,2411],{},"ConnectionGate"," 组件做前置校验：",[896,2414,2416],{"className":2300,"code":2415,"language":2302,"meta":11,"style":11},"\u003CConnectionGate\n  hasConnected={hasConnected}\n  onOpenConnections={handleOpenConnections}\n>\n  \u003CTopicList ... \u002F>\n\u003C\u002FConnectionGate>\n",[903,2417,2418,2423,2428,2433,2438,2443],{"__ignoreMap":11},[1112,2419,2420],{"class":1114,"line":1115},[1112,2421,2422],{},"\u003CConnectionGate\n",[1112,2424,2425],{"class":1114,"line":1122},[1112,2426,2427],{},"  hasConnected={hasConnected}\n",[1112,2429,2430],{"class":1114,"line":1147},[1112,2431,2432],{},"  onOpenConnections={handleOpenConnections}\n",[1112,2434,2435],{"class":1114,"line":1163},[1112,2436,2437],{},">\n",[1112,2439,2440],{"class":1114,"line":1170},[1112,2441,2442],{},"  \u003CTopicList ... \u002F>\n",[1112,2444,2445],{"class":1114,"line":1210},[1112,2446,2447],{},"\u003C\u002FConnectionGate>\n",[991,2449,2450,2452],{},[903,2451,2411],{}," 的逻辑：",[999,2454,2455,2464],{},[1002,2456,2457,2460,2461],{},[903,2458,2459],{},"hasConnected === true","：直接渲染 ",[903,2462,2463],{},"children",[1002,2465,2466,2469],{},[903,2467,2468],{},"hasConnected === false","：渲染一个引导页，告诉用户\"先去连接管理建立一个连接\"",[991,2471,2472,2473,2476,2477,2480],{},"这种",[994,2474,2475],{},"高阶组件式","的封装比在每个视图里写 ",[903,2478,2479],{},"if (!hasConnected) return \u003CEmptyState \u002F>"," 简洁得多，也避免了代码重复。",[892,2482,2484],{"id":2483},"错误提示sonner-toast","错误提示：sonner toast",[991,2486,2487],{},"所有写操作统一用 toast 反馈：",[896,2489,2491],{"className":1106,"code":2490,"language":1108,"meta":11,"style":11},"try {\n  await connectionApi.connect(id)\n  toast.success('连接成功')\n} catch (e) {\n  toast.error(formatErrorMessage(e))\n}\n",[903,2492,2493,2500,2510,2522,2530,2542],{"__ignoreMap":11},[1112,2494,2495,2498],{"class":1114,"line":1115},[1112,2496,2497],{"class":1125},"try",[1112,2499,1216],{"class":1136},[1112,2501,2502,2504,2506,2508],{"class":1114,"line":1122},[1112,2503,2147],{"class":1125},[1112,2505,1810],{"class":1136},[1112,2507,2152],{"class":1182},[1112,2509,2155],{"class":1136},[1112,2511,2512,2514,2516,2518,2520],{"class":1114,"line":1147},[1112,2513,2202],{"class":1136},[1112,2515,2205],{"class":1182},[1112,2517,1257],{"class":1136},[1112,2519,2210],{"class":1143},[1112,2521,1700],{"class":1136},[1112,2523,2524,2526,2528],{"class":1114,"line":1163},[1112,2525,2100],{"class":1136},[1112,2527,1242],{"class":1125},[1112,2529,1245],{"class":1136},[1112,2531,2532,2534,2536,2538,2540],{"class":1114,"line":1170},[1112,2533,2202],{"class":1136},[1112,2535,1254],{"class":1182},[1112,2537,1257],{"class":1136},[1112,2539,1841],{"class":1182},[1112,2541,1844],{"class":1136},[1112,2543,2544],{"class":1114,"line":1210},[1112,2545,1284],{"class":1136},[991,2547,2548,2550],{},[903,2549,1841],{}," 把 Error 对象、字符串、未知类型统一转成友好文案。桌面应用里 toast 比 alert 体验好得多 —— 不阻塞操作、会自动消失。",[892,2552,2554],{"id":2553},"typescript-类型链","TypeScript 类型链",[991,2556,2557],{},"整个前端的类型从 Go struct 流向 TS：",[896,2559,2563],{"className":2560,"code":2561,"language":901,"meta":2562},[899],"flowchart LR\n  GoStruct[Go model.Connection] --> Wails[Wails CLI]\n  Wails --> Bindings[bindings\u002Fmodels.js]\n  Bindings --> API[api\u002Fconnection.ts]\n  API --> Hook[hooks\u002FuseConnections.ts]\n  Hook --> Component[组件 props]\n","mermaid",[903,2564,2561],{"__ignoreMap":11},[991,2566,2567,2568,2570,2571,2574],{},"任何一处 Go struct 改动，重新运行 ",[903,2569,1083],{}," 后 TS 编译器立刻会在对应的消费点报错。这是 Wails 相对于 Electron 最大的工程优势之一：",[994,2572,2573],{},"契约是自动同步的","。",[892,2576,2577],{"id":2577},"小结",[999,2579,2580,2586,2592,2598,2604],{},[1002,2581,2582,2585],{},[994,2583,2584],{},"bindings 是生成物","，信任它，不要手动改",[1002,2587,2588,2591],{},[994,2589,2590],{},"api 层是边界","，薄一点、重复一点没关系，它是未来扩展的抓手",[1002,2593,2594,2597],{},[994,2595,2596],{},"hook 层是通用模式","，把\"加载\u002F错误\u002F刷新\"抽象成一个可复用的形状",[1002,2599,2600,2603],{},[994,2601,2602],{},"App 是大脑","，子组件只负责展示与回调",[1002,2605,2606,2609],{},[994,2607,2608],{},"TypeScript 的类型链让前后端契约自动对齐","，这正是选择 Wails 的最大收益",[991,2611,2612],{},"整个系列到这里告一段落。希望这份文档既能帮助你以后回顾自己写过的代码，也能让第一次看到 Rocket-Leaf 的读者快速上手。",[2614,2615,2616],"style",{},"html pre.shiki code .sCsY4, html code.shiki .sCsY4{--shiki-light:#6A737D;--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .s8jYJ, html code.shiki .s8jYJ{--shiki-light:#D73A49;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sBjJW, html code.shiki .sBjJW{--shiki-light:#005CC5;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sxrX7, html code.shiki .sxrX7{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sIIMD, html code.shiki .sIIMD{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .snPdu, html code.shiki .snPdu{--shiki-light:#6F42C1;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sP4rz, html code.shiki .sP4rz{--shiki-light:#E36209;--shiki-default:#E36209;--shiki-dark:#FFAB70}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":11,"searchDepth":1122,"depth":1122,"links":2618},[2619,2620,2621,2622,2623,2626,2627,2628,2629,2630,2631],{"id":894,"depth":1122,"text":894},{"id":907,"depth":1122,"text":907},{"id":1034,"depth":1122,"text":1035},{"id":1095,"depth":1122,"text":1096},{"id":1545,"depth":1122,"text":1546,"children":2624},[2625],{"id":2029,"depth":1147,"text":2029},{"id":2230,"depth":1122,"text":2231},{"id":2296,"depth":1122,"text":2297},{"id":2400,"depth":1122,"text":2401},{"id":2483,"depth":1122,"text":2484},{"id":2553,"depth":1122,"text":2554},{"id":2577,"depth":1122,"text":2577},"md",{},{"title":593,"description":594},"project\u002Frocket-leaf\u002Ffrontend","8336bE2xX8grNBCiqs0XwCDT8eZh6YQT8Or-gSM5bgY",1775474634233]