前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
Model Context Protocol · 永久 VIP / 超级 VIP 专属

让你的 AI
直接读懂
前端进阶之旅

把站内的前端文档、面试题与参考答案、知识卡片接进 Claude Code、Cursor、Codex。AI 回答前端问题时先查站内,再带着出处回答。

创建 MCP Token查看接入方式
Claude Code Cursor Codex stdio 客户端
claude — ~/projects/app

> 面试常问的 React 事件循环和批量更新,按站内资料讲一下

⏺ fe-interview · search_site(query: "React 批量更新 事件循环")

⎿ 找到 8 条:React 18 自动批处理、setState 同步还是异步、浏览器事件循环…

⏺ fe-interview · read_doc(path: "/docs/docs/excellent-docs/React原理")

⎿ 读取 18,240 字

React 18 起,所有更新默认自动批处理:同一个事件循环 tick 里的多次 setState 会合并成一次渲染……
参考:feinterview.poetries.top/docs/…/React原理#批量更新
回答带站内出处

What the AI can do

AI 能用的 19 个工具

全部是只读工具,不能增删改任何数据。AI 自己决定什么时候调用:先检索,需要细节再读全文或参考答案;「我的」几个工具只能看到你自己的数据。

search_site

全站检索

一句话检索文档、博客、面试题、知识卡片、算法题、公众号文章、导航和 AI 资讯

search_docs

文档检索

按板块(精选面试总结、原理篇、高频与手写…)查系统文档和命中的小节

read_doc

读取全文

读文档 / 博客 / 面试题大全页面的 Markdown 全文,长文分段读

search_questions

小程序题库检索

按关键词查小程序题库(/weapp-interview)的题目

get_question

小程序题目答案

读小程序题库里一道题的题干和参考答案

list_question_categories

小程序题库分类

列出小程序题库全部分类和题目数

list_category_questions

分类题目

看小程序题库某个分类下有哪些题

search_cards

知识卡片检索

按关键词 / 技能树 / 难度查知识卡片(/flashcards)

get_card

读取知识卡片

读一张卡的答案、要点、解析和面试官追问

list_card_tracks

卡片技能树

列出知识卡片的全部技能树和卡片数

search_algorithm_problems

算法题库检索

按关键词 / 分类 / 难度查算法题(LeetCode 高频 + 前端手写)

get_algorithm_problem

读取算法题

读一道算法题的题面、思路、复杂度、易错点和参考代码

list_ai_news

AI 热点资讯

按关键词 / 分类查站内 AI 热点,可只看精选,最新的在前

get_ai_news

AI 资讯正文

读一条 AI 资讯的中文正文、摘要和推荐理由

list_wx_articles

公众号文章

查「前端进阶之旅」公众号历史文章,给出站内和原文链接

list_blog_posts

博客文章

按关键词 / 标签 / 年份查站内博客,全文用 read_doc 读

get_my_account

我的账号

查看自己的昵称、会员类型和到期时间

list_my_doc_bookmarks

我的收藏

查看自己收藏过的文档小节,让 AI 按收藏帮你复习

list_my_doc_highlights

我的划线

查看自己在文档里划线的段落原文

From token to answer

四步接入

去个人中心创建
01

开通超级 VIP

MCP 接入仅对永久 VIP、超级 VIP 开放,其他档位的会员可升级超级 VIP 后使用。

02

创建 Token

在个人中心「MCP 接入」里创建授权 Token,起个名字就行。Token 长期有效、只显示一次。

03

配到 AI 工具

复制对应工具的配置片段(创建时已经帮你填好 Token),重启或刷新 MCP 即可。

04

直接提问

在 AI 工具里问前端问题,它会先检索站内内容,再带着出处回答。

Setup

选你的工具,复制配置

把 fe_mcp_你的Token 换成个人中心创建的 Token。在个人中心创建时,弹窗里的配置已经替你填好了。

别把 Token 提交进仓库

项目级配置文件(如 .cursor/mcp.json)容易被一起提交,建议写进全局配置,或像 Codex 那样从环境变量读取。

试试这样问

  • ›用站内的资料帮我梳理 React Fiber 的调度流程,附上文档链接
  • ›我明天面字节,按站内的高频题帮我出 5 道浏览器方向的题,并给参考答案
  • ›这段代码的闭包问题怎么解释?先查一下站内有没有讲过
  • ›对比一下站内对 Vite 和 Webpack 构建优化的总结

在终端执行(--scope user 表示所有项目都能用)

claude mcp add --transport http --scope user fe-interview https://feinterview.poetries.top/api/mcp \
  --header "Authorization: Bearer fe_mcp_你的Token"

执行后在 Claude Code 里输入 /mcp,能看到 fe-interview 已连接即可。

MCP 是什么?

Model Context Protocol,是 Claude Code、Cursor、Codex 等 AI 工具共同支持的「给 AI 接外部工具」的协议。接入后,AI 可以在需要时自己调用站内检索,不用你复制粘贴。

需要什么会员?

永久 VIP 或超级 VIP。其他档位的会员或还未开通会员的用户,可在个人中心「MCP 接入」页点「升级超级 VIP」完成开通。

Token 能做什么、不能做什么?

Token 只读:能检索站内内容,能查看你自己的账号、文档收藏和划线;不能新增、修改或删除任何数据,也看不到其他用户的信息。

Token 会过期吗?

不会。Token 长期有效,直到你在个人中心把它删除。账号不满足使用条件期间(如会员被锁定或档位不符),AI 调用时会收到相应提示并转告你,恢复后原来的 Token 自动生效,不用重新配置。

和 AI 自带的联网搜索有什么区别?

联网搜索拿到的是公网上良莠不齐的内容。这里检索的是站内整理过的文档、题库参考答案和知识卡片,结果为空时 AI 会知道「站内没有」,而不是拿不相干的内容凑数。

Token 泄露了怎么办?

在个人中心把它删除,立即失效,再建一个新的就行。站内只保存 Token 的指纹,不存明文。

有调用次数限制吗?

每个 Token 每分钟最多 60 次请求,每个账号每天共 2000 次工具调用,正常使用远远用不完。

会记录我问了什么吗?

会记录每次工具调用的检索内容和返回结果,只用于改进站内检索效果(比如找出「搜不到」的问题去补内容),不会用于其他用途。

我的工具只支持 stdio 怎么办?

用下面「其它(stdio)」那段配置,通过 mcp-remote 桥接到远程地址,需要本机装有 Node.js 18+。

Your AI, with our notes

下一次提问,让 AI 先翻站内笔记。

永久 VIP / 超级 VIP 专属 · 只读 · 长期有效 · 支持 Claude Code / Cursor / Codex / stdio 客户端

创建 MCP Token