<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>HUA</title>
    <link>https://dropkit.wiki/</link>
    <description>A blog site built with Qwik and UnoCSS</description>
    <language>zh-CN</language>
    <lastBuildDate>Wed, 04 Nov 2026 11:26:36 GMT</lastBuildDate>
    <atom:link href="https://dropkit.wiki/rss.xml" rel="self" type="application/rss+xml" />
    <item>
      <title><![CDATA[Embedding 向量模型：从语义表示到相似度计算]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/Embedding%20%E5%90%91%E9%87%8F%E6%A8%A1%E5%9E%8B%EF%BC%9A%E4%BB%8E%E8%AF%AD%E4%B9%89%E8%A1%A8%E7%A4%BA%E5%88%B0%E7%9B%B8%E4%BC%BC%E5%BA%A6%E8%AE%A1%E7%AE%97</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/Embedding%20%E5%90%91%E9%87%8F%E6%A8%A1%E5%9E%8B%EF%BC%9A%E4%BB%8E%E8%AF%AD%E4%B9%89%E8%A1%A8%E7%A4%BA%E5%88%B0%E7%9B%B8%E4%BC%BC%E5%BA%A6%E8%AE%A1%E7%AE%97</guid>
      <description><![CDATA[前言 大模型「读懂」文字靠的是 token，但 token 之间只有离散的编号关系，模型并不知道「苹果」和「李子」在语义上很近。要让程序能「理解」两段文字的相似程度，必须先把文本映射成一个 高维向量 ，再用几何方法比较。这一步就是 Embedding。 本篇基于我本地 今天的真实代码，从语义表示讲到余弦相似度，并复盘几个踩过的真实坑。 一、为什么需要 Embedding 传统关键词检索是「字面匹配」： Embedding 做的是「语义匹...]]></description>
      <pubDate>Thu, 20 Aug 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[前端面试100题]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95100%E9%A2%98</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95100%E9%A2%98</guid>
      <description><![CDATA[前端面试 100 题 适用方向：中高级前端 / React / Vue / Next.js / Nuxt / TypeScript / 工程化 / 实时通信 / Electron / Node.js / AI 应用前端 使用方式：优先掌握“标准回答”，再练“面试官追问”，最后把“结合你的简历怎么答”组织成自己的项目故事。 说明 “结合你的简历怎么答”只使用你简历中已经出现的项目与技术事实。 “标准回答 / 追问”属于通用前端知识总结，用...]]></description>
      <pubDate>Wed, 19 Aug 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[深入理解 JavaScript 原型与原型链：从关系图到核心逻辑 - heshanwan - 博客园]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%20JavaScript%20%E5%8E%9F%E5%9E%8B%E4%B8%8E%E5%8E%9F%E5%9E%8B%E9%93%BE%EF%BC%9A%E4%BB%8E%E5%85%B3%E7%B3%BB%E5%9B%BE%E5%88%B0%E6%A0%B8%E5%BF%83%E9%80%BB%E8%BE%91%20-%20heshanwan%20-%20%E5%8D%9A%E5%AE%A2%E5%9B%AD</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%20JavaScript%20%E5%8E%9F%E5%9E%8B%E4%B8%8E%E5%8E%9F%E5%9E%8B%E9%93%BE%EF%BC%9A%E4%BB%8E%E5%85%B3%E7%B3%BB%E5%9B%BE%E5%88%B0%E6%A0%B8%E5%BF%83%E9%80%BB%E8%BE%91%20-%20heshanwan%20-%20%E5%8D%9A%E5%AE%A2%E5%9B%AD</guid>
      <description><![CDATA[在 JavaScript 世界里， 原型（Prototype）和原型链（Prototype Chain） 是理解对象继承、属性查找机制的基石。很多开发者初学时对它们 “又爱又恨”，这篇文章将结合经典关系图，用通俗易懂的方式拆解原型与原型链的核心逻辑，帮你彻底掌握这套机制！ &nbsp; 一、先搞懂几个核心概念 在分析关系图前，先明确 JavaScript 中与原型相关的关键概念，避免后续混淆： 1\. 函数对象与普通对象 函数对象 ：由...]]></description>
      <pubDate>Wed, 19 Aug 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[JavaScript 闭包]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/JavaScript%20%E9%97%AD%E5%8C%85</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/JavaScript%20%E9%97%AD%E5%8C%85</guid>
      <description><![CDATA[摘要 ：闭包（Closure）是 函数与其词法环境（Lexical Environment）的组合 ——一个函数可以"记住"并访问它被创建时所处的外部作用域中的变量，即使它在该作用域之外被执行。一句话记忆： 函数打包了出生地的变量，走到哪都能用 。核心要点：① 内部函数引用外部变量即形成闭包；② 闭包实现变量私有化/数据封装/柯里化；③ 潜在风险是内存泄漏和循环引用；④ 避免泄漏需手动解除引用和及时移除监听器。 一、什么是闭包 1.1...]]></description>
      <pubDate>Mon, 17 Aug 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[this 指向与 call / apply / bind]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/this%20%E6%8C%87%E5%90%91%E4%B8%8E%20call%20_%20apply%20_%20bind</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/this%20%E6%8C%87%E5%90%91%E4%B8%8E%20call%20_%20apply%20_%20bind</guid>
      <description><![CDATA[第 1 段（10min）回顾与预习：为什么必须搞懂 this 1.1 先接昨日（闭包）的线 昨天你学了 闭包 。闭包解决的是"函数记住它定义时所在作用域里的变量"。 闭包回答的问题是： “这个函数能访问到哪些变量？” → 看定义位置（词法作用域）。 而今天的主角 回答的是一个完全不同的问题： “这个函数执行时，站在谁的角度说话？” → 看 调用位置 （谁调用的、怎么调用的）。 一句话概括两者的分工： 变量看 定义处 ， 看 调用处 。这...]]></description>
      <pubDate>Mon, 17 Aug 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[事件循环与宏任务 / 微任务]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%E4%B8%8E%E5%AE%8F%E4%BB%BB%E5%8A%A1%20_%20%E5%BE%AE%E4%BB%BB%E5%8A%A1</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%E4%B8%8E%E5%AE%8F%E4%BB%BB%E5%8A%A1%20_%20%E5%BE%AE%E4%BB%BB%E5%8A%A1</guid>
      <description><![CDATA[第 1 段（10min）回顾与预习：接住昨天的线 1.1 先接昨日（原型链）的线 昨天你学了 对象怎么找属性 （沿原型链上溯）。今天换一个维度： 代码怎么排队执行 。 把前三天的知识串成一句话，你已经有了 JS 的三张地图： 1.2 先凭直觉回答 4 个小问题（不用对，先写下答案） 学完第 2、3、4 段再回来对照。第 1 段只做一件事：记住画面—— JS 单线程，但靠"排队 + 轮转"假装多线程 。 第 2 段（15min）知识块①：...]]></description>
      <pubDate>Mon, 17 Aug 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[原型与原型链]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%8E%9F%E5%9E%8B%E4%B8%8E%E5%8E%9F%E5%9E%8B%E9%93%BE</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%8E%9F%E5%9E%8B%E4%B8%8E%E5%8E%9F%E5%9E%8B%E9%93%BE</guid>
      <description><![CDATA[第 1 段（10min）回顾与预习：接住昨天的线 1.1 先接昨日（this 与 new）的线 昨天你学了四种 this 绑定，其中 绑定 讲了 的四步： 今天的一切都从第 ② 步长出来 。 这个式子，昨天是"new 四步的副产品"，今天要把它彻底讲透。 再回忆昨天的一句话： 变量看定义处，this 看调用处 。今天补上第三句： 属性看原型链 。三句连起来： 变量 → 看定义处（闭包）； → 看调用处（绑定）；属性 → 看原型链（上溯查...]]></description>
      <pubDate>Mon, 17 Aug 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[一、TypeScript与类型系统（20题）]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%B8%80%E3%80%81TypeScript%E4%B8%8E%E7%B1%BB%E5%9E%8B%E7%B3%BB%E7%BB%9F%EF%BC%8820%E9%A2%98%EF%BC%89</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%B8%80%E3%80%81TypeScript%E4%B8%8E%E7%B1%BB%E5%9E%8B%E7%B3%BB%E7%BB%9F%EF%BC%8820%E9%A2%98%EF%BC%89</guid>
      <description><![CDATA[1\. 在定义AI接口返回的嵌套数据结构（如多轮对话、工具调用结果）时，如何用TypeScript的泛型与条件类型实现灵活的类型推导？ 场景：为“AI助手”定义统一的消息类型系统，需兼容不同模型供应商（OpenAI/Anthropic）及内部（Moonshot）的返回格式。 核心答案： 构建一个以泛型为基础、条件类型为分支的层次化类型系统。核心是利用泛型参数化“消息内容”、“工具调用”和“提供商”，再通过条件类型精确匹配不同场景下的数据...]]></description>
      <pubDate>Thu, 30 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[七、AI工程化与前端工具链（18题）]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%B8%83%E3%80%81AI%E5%B7%A5%E7%A8%8B%E5%8C%96%E4%B8%8E%E5%89%8D%E7%AB%AF%E5%B7%A5%E5%85%B7%E9%93%BE%EF%BC%8818%E9%A2%98%EF%BC%89</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%B8%83%E3%80%81AI%E5%B7%A5%E7%A8%8B%E5%8C%96%E4%B8%8E%E5%89%8D%E7%AB%AF%E5%B7%A5%E5%85%B7%E9%93%BE%EF%BC%8818%E9%A2%98%EF%BC%89</guid>
      <description><![CDATA[1. 如何设计一个AI前端项目的标准化目录结构 核心设计原则：模块化、关注点分离、可扩展性、易于维护。按功能领域组织代码，而非按技术类型。 目录结构设计： 关键设计决策： 1. 按功能模块组织而非技术类型，便于功能扩展 2. AI相关代码集中管理，便于模型切换和更新 3. 严格区分业务逻辑和通用逻辑 4. 测试文件靠近被测试代码，便于维护 2. 请设计一套AI前端代码规范 代码规范体系：建立编码规范、提交规范、命名规范三位一体的规范体系...]]></description>
      <pubDate>Thu, 30 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[三、前端状态管理与数据流（21题）]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%B8%89%E3%80%81%E5%89%8D%E7%AB%AF%E7%8A%B6%E6%80%81%E7%AE%A1%E7%90%86%E4%B8%8E%E6%95%B0%E6%8D%AE%E6%B5%81%EF%BC%8821%E9%A2%98%EF%BC%89</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%B8%89%E3%80%81%E5%89%8D%E7%AB%AF%E7%8A%B6%E6%80%81%E7%AE%A1%E7%90%86%E4%B8%8E%E6%95%B0%E6%8D%AE%E6%B5%81%EF%BC%8821%E9%A2%98%EF%BC%89</guid>
      <description><![CDATA[1. 在大型AI应用中，如何用Zustand或Redux Toolkit管理多轮对话、生成任务、用户配置等复杂状态？ 场景：AI学习平台包含多个复杂功能：多轮AI对话、异步生成任务、用户个性化配置等，需要统一的状态管理方案。 Zustand方案：Zustand适合中小型应用，以更简洁的方式管理状态。 Redux Toolkit方案：更适合大型企业级应用，提供更严格的架构约束。 选择建议： Zustand：适合中小型项目，API简洁，学习...]]></description>
      <pubDate>Thu, 30 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[二、流式处理与实时通信（25题）]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%BA%8C%E3%80%81%E6%B5%81%E5%BC%8F%E5%A4%84%E7%90%86%E4%B8%8E%E5%AE%9E%E6%97%B6%E9%80%9A%E4%BF%A1%EF%BC%8825%E9%A2%98%EF%BC%89</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%BA%8C%E3%80%81%E6%B5%81%E5%BC%8F%E5%A4%84%E7%90%86%E4%B8%8E%E5%AE%9E%E6%97%B6%E9%80%9A%E4%BF%A1%EF%BC%8825%E9%A2%98%EF%BC%89</guid>
      <description><![CDATA[1\. 请设计一个支持"断线重连+消息去重"的SSE客户端，并处理AI长文本生成中的网络抖动问题 场景：在AI答疑系统中，学生提问后AI需要长时间生成答案，期间网络可能不稳定，需要确保连接中断后能自动重连，并且不丢失、不重复已接收数据。 核心答案： 设计一个SSE客户端，封装原生EventSource，添加以下功能： 1. 断线重连：监听onerror事件，连接断开后按指数退避策略重连 2. 消息去重：服务器为每个消息分配唯一ID，客户...]]></description>
      <pubDate>Thu, 30 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[五、前端AI架构设计（19题）]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%BA%94%E3%80%81%E5%89%8D%E7%AB%AFAI%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1%EF%BC%8819%E9%A2%98%EF%BC%89</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E4%BA%94%E3%80%81%E5%89%8D%E7%AB%AFAI%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1%EF%BC%8819%E9%A2%98%EF%BC%89</guid>
      <description><![CDATA[1. 请设计一个"微前端+模块联邦"的AI应用架构 场景：在AI学习平台演进过程中，原有的单体前端应用变得臃肿，团队希望将聊天、代码编辑、可视化分析等模块拆分为独立应用，由不同团队独立开发和部署。 核心答案：采用模块联邦架构，将AI应用拆分为多个自治的微前端应用。每个应用独立开发、构建、部署，通过Webpack 5的Module Federation实现跨应用模块共享。构建统一的应用壳（App Shell）管理路由、状态、样式和共享依赖...]]></description>
      <pubDate>Thu, 30 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[八、大模型前端集成（7题）]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%85%AB%E3%80%81%E5%A4%A7%E6%A8%A1%E5%9E%8B%E5%89%8D%E7%AB%AF%E9%9B%86%E6%88%90%EF%BC%887%E9%A2%98%EF%BC%89</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%85%AB%E3%80%81%E5%A4%A7%E6%A8%A1%E5%9E%8B%E5%89%8D%E7%AB%AF%E9%9B%86%E6%88%90%EF%BC%887%E9%A2%98%EF%BC%89</guid>
      <description><![CDATA[1. 如何用OpenAI Function Calling或Tools在前端实现AI工具调用 核心架构：构建一个可扩展的工具调用框架，将自然语言转换为结构化工具调用指令，并处理工具执行和结果返回的完整生命周期。 实现思路： 1. 工具注册与描述系统 工具元数据定义：每个工具包含名称、描述、参数模式、执行函数 工具分类管理：按功能域（计算、搜索、数据操作、系统交互）分类 权限与安全控制：工具执行权限验证，敏感操作确认 版本兼容性：支持工具...]]></description>
      <pubDate>Thu, 30 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[六、AI特性与前端工程实践（14题）]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%85%AD%E3%80%81AI%E7%89%B9%E6%80%A7%E4%B8%8E%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%AE%9E%E8%B7%B5%EF%BC%8814%E9%A2%98%EF%BC%89</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%85%AD%E3%80%81AI%E7%89%B9%E6%80%A7%E4%B8%8E%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%AE%9E%E8%B7%B5%EF%BC%8814%E9%A2%98%EF%BC%89</guid>
      <description><![CDATA[1. 在前端实现一个Agent循环时，如何管理工具调用的异步执行、超时处理与结果合并？ 场景：在智能助教系统中，AI Agent需要按顺序调用多个工具（如计算器、天气查询、代码执行），并处理可能出现的超时和错误。 核心答案：设计一个基于状态机的Agent执行引擎，通过优先级队列管理工具调用，实现超时重试和错误降级机制，最后通过结果聚合器合并多个工具的输出。 实现思路： 1. 任务调度器：将Agent的思考过程分解为多个原子任务，每个工具...]]></description>
      <pubDate>Thu, 30 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[前端AI八股文题目汇总]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%89%8D%E7%AB%AFAI%E5%85%AB%E8%82%A1%E6%96%87%E9%A2%98%E7%9B%AE%E6%B1%87%E6%80%BB</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%89%8D%E7%AB%AFAI%E5%85%AB%E8%82%A1%E6%96%87%E9%A2%98%E7%9B%AE%E6%B1%87%E6%80%BB</guid>
      <description><![CDATA[一、TypeScript 与类型系统（20题） 1. 在定义 AI 接口返回的嵌套数据结构（如多轮对话、工具调用结果）时，如何用 TypeScript 的泛型与条件类型实现灵活的类型推导？ 2. 当 AI 接口返回的字段可能因模型版本不同而动态变化时，如何设计类型守卫（type guard）与类型收缩策略？ 3. 请用 TypeScript 实现一个"类型安全的 Prompt 模板解析器"，要求支持变量插值、类型校验与默认值。 4. 如...]]></description>
      <pubDate>Thu, 30 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[四、性能优化与渲染（20题）]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%9B%9B%E3%80%81%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B8%8E%E6%B8%B2%E6%9F%93%EF%BC%8820%E9%A2%98%EF%BC%89</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%85%AB%E8%82%A1%E6%96%87/%E5%9B%9B%E3%80%81%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B8%8E%E6%B8%B2%E6%9F%93%EF%BC%8820%E9%A2%98%EF%BC%89</guid>
      <description><![CDATA[1. 在万条级别的AI对话历史中，如何实现毫秒级搜索与过滤？ 场景：智能辅导系统累积了数万条学生与AI的对话记录，教师需要快速检索特定知识点的问题或学生常错点。 核心答案：采用多级索引架构和内存计算优化。建立倒排索引用于关键词搜索，位图索引用于分类筛选，B+树索引用于时间范围查询。通过索引预计算、查询合并和结果缓存实现毫秒级响应。 实现方案： 1. 索引结构设计： 倒排索引：关键词 [消息ID列表]，使用TF IDF加权 位图索引：标签...]]></description>
      <pubDate>Thu, 30 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[八股文]]></category>
    </item>
<item>
      <title><![CDATA[Godot 4 常用 UI 节点详解]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/godot/Godot%204%20%E5%B8%B8%E7%94%A8%20UI%20%E8%8A%82%E7%82%B9%E8%AF%A6%E8%A7%A3</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/godot/Godot%204%20%E5%B8%B8%E7%94%A8%20UI%20%E8%8A%82%E7%82%B9%E8%AF%A6%E8%A7%A3</guid>
      <description><![CDATA[Godot 4 常用 UI 节点详解 在 Godot 4 中，UI 系统基于 Control（控件） 节点构建。所有 UI 节点都继承自 Control，形成一棵完整的 UI 树。与游戏引擎中常见的"Canvas + DOM"模式不同，Godot 的 UI 系统是声明式的——你在场景中搭好节点树，引擎自动完成布局计算。 一、布局系统：Container 家族 Container 是 Godot UI 的 骨架 。它决定了子节点的大小和位...]]></description>
      <pubDate>Mon, 27 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[godot]]></category>
    </item>
<item>
      <title><![CDATA[🎯 Cocos Creator 生命周期详解]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/cocos/%F0%9F%8E%AF%20Cocos%20Creator%20%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E8%AF%A6%E8%A7%A3</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/cocos/%F0%9F%8E%AF%20Cocos%20Creator%20%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E8%AF%A6%E8%A7%A3</guid>
      <description><![CDATA[Cocos Creator 生命周期详解 一、前言 Cocos Creator 作为主流的游戏开发引擎，其组件化架构的核心就是 生命周期回调函数 。理解这些回调的触发时机、执行顺序和使用场景，是写出高质量游戏逻辑的基础。 本文基于 Cocos Creator 3.x ，系统梳理从引擎启动到场景切换、从节点创建到销毁的完整生命周期。 二、组件生命周期回调总览 Cocos Creator 的生命周期回调按触发顺序排列如下： | 回调函数 |...]]></description>
      <pubDate>Wed, 22 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[cocos]]></category>
    </item>
<item>
      <title><![CDATA[🚀 Cocos Creator 新手入门指南]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/cocos/%F0%9F%9A%80%20Cocos%20Creator%20%E6%96%B0%E6%89%8B%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/cocos/%F0%9F%9A%80%20Cocos%20Creator%20%E6%96%B0%E6%89%8B%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97</guid>
      <description><![CDATA[一、Cocos Creator 是什么 Cocos Creator 是一款专注于 2D 和 3D 游戏开发的引擎，由 Cocos 团队开发。它的核心理念是 组件化开发 ——把游戏中的每个功能拆成独立的组件，像搭积木一样组合起来。 主要特点 ： 完全免费，支持发布到 Web、iOS、Android、桌面等多平台 使用 TypeScript 编写脚本，对前端开发者非常友好 编辑器可视化操作，所见即所得 内置资源管理、动画系统、UI 系统、物...]]></description>
      <pubDate>Wed, 22 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[cocos]]></category>
    </item>
<item>
      <title><![CDATA[HTML Form 可以把 POST 响应加载进 iframe]]></title>
      <link>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%89%8D%E7%AB%AF/HTML%20Form%20%E5%8F%AF%E4%BB%A5%E6%8A%8A%20POST%20%E5%93%8D%E5%BA%94%E5%8A%A0%E8%BD%BD%E8%BF%9B%20iframe</link>
      <guid>https://dropkit.wiki/posts/detail/%E5%AD%A6%E4%B9%A0/%E5%89%8D%E7%AB%AF/HTML%20Form%20%E5%8F%AF%E4%BB%A5%E6%8A%8A%20POST%20%E5%93%8D%E5%BA%94%E5%8A%A0%E8%BD%BD%E8%BF%9B%20iframe</guid>
      <description><![CDATA[在接入支付验证、身份认证或第三方授权页面时，我们经常会遇到这样的流程： 1. 后端返回一个第三方接口地址。 2. 这个地址必须通过 请求访问。 3. 接口返回 HTML，或者重定向到真正的验证页面。 4. 验证页面需要嵌入当前网站，而不是打开新标签页。 5. 验证完成后，当前页面继续执行后续业务。 第一次遇到这个需求，很容易想到： 但涉及第三方支付时，这种方式通常会遇到 CORS、Cookie、重定向和跨域页面读取限制。 实际上，HTM...]]></description>
      <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
      <category><![CDATA[前端]]></category>
    </item>
  </channel>
</rss>