跟着AI学前端

Scheme 调用应用的原理 URI Scheme（也称为 URL Scheme 或协议方案）是 URI（Uniform Resource Identifier，统一资源标识符）的最开头部分，例如 h

完整代码 实现考虑 1. loading状态 使用请求的method,url,data等值作为唯一id存储，页面想要使用的时候，使用jotai的get或者useMemo等方法获取loading状态，给

模块化开发的核心概念 模块化开发是将复杂的代码按功能或逻辑拆分成独立、可复用的模块，每个模块负责单一职责，通过明确的接口相互通信。它的核心目标包括： 提高可维护性：模块独立，修改某个模块不会影响其他模

跨站请求伪造 (CSRF) 跨站请求伪造（CSRF，Cross-Site Request Forgery） 是一种网络攻击方式，攻击者通过精心构造的恶意请求，诱导受害者在不知情的情况下向目标网站发送请

什么是 pgVector？ pgVector 是一个开源的 PostgreSQL 扩展插件，用于在 PostgreSQL 数据库中高效存储、查询和处理高维向量数据。它特别适合需要进行向量相似性搜索的场

RAG简介 检索增强生成（Retrieval-Augmented Generation, RAG）是一种结合了大型语言模型（LLM）生成能力和信息检索技术的强大方法。与仅依赖预训练知识的传统语言模型不

MCP与Playwright简介 MCP（Mastra Capability Provider）是一个适配器，允许LLM调用外部工具暴露的功能，相关介绍可参考之前的文章。Playwright则是一款广

SWR 和 Axios 是两种用于前端数据请求的工具，但它们的定位、功能和使用场景有明显区别。以下是它们的主要区别： 1. 定位和核心功能 Axios: 是一个基于 Promise 的 HTTP 客户

生成memory实例 我配置了sematicRecall和workingMemory,限制查找最新20条对话，user template是通过trae内置的AI生成的，相关信息都很完整，一次就让我满意

介绍前端开发AI Agent的ts框架，重点介绍了其中的Memory的理论篇。Memory 支持多种存储后端，通过上下文窗口管理信息，分为系统指令、近期消息、语义召回三部分

什么是向量数据库？ 向量数据库是一种专门设计用于存储、索引和查询向量数据的数据库。向量数据通常是以高维向量形式表示的数据，比如机器学习模型生成的嵌入（embeddings），常用于表示文本、图像、音频

性能优化： Vue3：引入了Proxy-based响应式系统，替代了Vue2的Object.defineProperty，性能更好，支持更大的数据规模，且能更精确地触发更新。 Vue2：响应式系统基于

1. 前端如何实现折叠面板效果？ 维护一个展开和折叠的js状态 css控制面板元素收缩或展开，可以添加transtion样式增加使用体验 2. dom 里面，如何判定a元素是否是b元素的子元素 2.1

1. babel-runtime作用是啥？ babel-runtime 是 Babel 的一个库，主要作用是提供运行时所需的帮助函数（helper functions）和 polyfills，以便在转

useSWR、axios 和 fetch 是前端常用的数据获取工具，但它们在设计理念、使用场景和功能上有显著区别。以下是对它们的对比和分析： 1. fetch 类型: 原生 JavaScript AP

1. 防止前端页面重复请求 高频触发：用防抖或节流 单次请求：用锁机制或 AbortController（如表单提交） 重复参数：用请求去重（如相同数据的查询） 2. Resizeobserver作用

1.移动端如何实现下拉刷新 关键在于： 使用 touch 事件监听移动端的手势。 添加阻尼效果（moveY * 0.5），使下拉更自然。 仅在滚动到顶部（scrollTop === 0）时启用下拉。

如何实现电梯导航 “混动跟随导航”或“电梯导航”通常指的是在网页或应用中实现一种交互效果：当用户滚动页面时，侧边导航栏会根据当前内容区域自动高亮对应的导航项，同时点击导航项也能平滑滚动到对应的内容区域

1.没有IP地址只有mac地址会有什么问题2.vite预构建是什么3.react hooks的设计理念是什么4.如何判断用户设备？5.如何实现低代码的多层渲染？

Vue3相比Vue2在初始化性能、动态性以及代码简洁性上都有显著提升。虽然 `Proxy` 的单次操作开销可能略高，但整体设计上的优化使得 Vue3 在大多数场景下更快、更易用