frontend-cheatsheet
前端高频八股考点速查清单(JS/浏览器/React/工程化/安全/网络),讲解基础题时按清单覆盖高频追问点,防止漏讲
Skill by idontplaygenshinimpact
Chalk Labs
Need help deploying frontend-cheatsheet?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/idontplaygenshinimpact-frontend-cheatsheet
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/frontend-cheatsheet
What's inside
- Skill name
frontend-cheatsheet- Description
- 前端高频八股考点速查清单(JS/浏览器/React/工程化/安全/网络),讲解基础题时按清单覆盖高频追问点,防止漏讲
- License
- MIT
- Instructions
- 29 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# 前端八股速查 当用户问前端基础知识点(事件循环、闭包、原型链、防抖节流、HTTP、浏览器缓存、React Hooks、 虚拟 DOM、diff、工程化、XSS/CSRF 等)时,讲解请按以下清单自查覆盖,避免漏掉面试官高频追问: ## 高频考点清单(按大类) - **JS 核心**:事件循环(宏/微任务顺序)、闭包与内存、原型链与继承、this 绑定、Promise 与 async/await、 防抖节流、深拷贝、柯里化、垃圾回收 - **浏览器**:渲染流程(CRP)、重排重绘、缓存策略(强缓存/协商缓存)、同源策略、跨域方案(CORS/JSONP/代理)、 Web Storage、Service Worker、事件委托、事件冒泡捕获 - **React**:Hooks 原理(闭包陷阱/依赖数组)、虚拟 DOM 与 diff、Fiber 架构、状态管理选型、 受控非受控、key 的作用、useMemo/useCallback、Render Props/HOC/自定义 Hook - **工程化**:Webpack 构建流程、Loader/Plugin 区别、Vite 与 Webpack 对比、模块化(ESM/CJS)、 代码分割、Tree Shaking、微前端方案 - **网络**:HTTP/1.1 vs HTTP/2 vs HTTP/3、TCP 三次握手、HTTPS 握手、DNS 解析、WebSocket - **安全**:XSS(反射/存储/DOM)、CSRF、点击劫持、CSP、同源策略细节 ## 讲解格式要求 每题严格按:**结论(一句话)→ 原理(机制)→ 实现JS(带注释代码)→ 边界(异常/性能/安全/兼容)→ 追问 2-3 个**。 ## 使用时机 - 用户问"讲一下 XX"(基础题)→ 对照清单补全追问点 - 用户说"八股复习/过一遍考点"→ 按清单逐类过,结合记忆薄弱点优先 - 面试官场景(start_interview)追问基础题 → 按此清单出追问
From idontplaygenshinimpact/mashiro-desktop, MIT.
More from idontplaygenshinimpact/mashiro-desktop
- 0.521score
dev-history-guide
idontplaygenshinimpact
开发历史面试文档生成——基于 git 时间线 + opencode 会话 + DSH 会话生成结构化开发历史讲解文档(时间线/关键决策/技术演进/可讲亮点)。用户说"生成开发历史面试文档"、"我的开发历程怎么讲"、"这个项目开发过程"时使用
SkillBFreshness: BClaude Code +9 - 0.518score
project-eval
idontplaygenshinimpact
项目全面评估报告生成——基于真实源码生成全面评估报告(8 维度评估 + 问题清单 + Top 5 改进——强化:分步评估 + 打磨循环)。用户说"评估 XX 项目 / 全面评估一下项目"时使用。
SkillBFreshness: BClaude Code +9 - 0.518score
interview-prep
idontplaygenshinimpact
项目面试准备文档生成——基于真实源码生成完整面试准备文档(源码要点 + 全部八股(详细可背)+ 全覆盖拷打问答——能通过模拟面试)。用户说"准备 XX 项目的面试 / 生成 XX 项目的面试准备文档"时使用。
SkillBFreshness: BClaude Code +9 - 0.518score
tech-compare
idontplaygenshinimpact
技术选型对比讲解(React vs Vue、Vite vs Webpack、微前端方案等),用统一对比框架防止讲偏。用户问"XX 和 XX 哪个好/区别"时使用
SkillBFreshness: BClaude Code +9 - 0.517score
dev-history-guide
idontplaygenshinimpact
开发历史面试文档生成——基于 git 时间线 + opencode/DSH 开发会话,生成结构化面试文档(时间线/关键决策/技术拷打点/八股/踩坑)。用户说"生成开发历史面试文档"、"这个项目开发过程有什么坑"、"开发选型为什么这么定"时使用
SkillBFreshness: BClaude Code +9 - 0.515score
nowcoder-surf
idontplaygenshinimpact
自主逛牛客——围绕用户目标逛用户/面经,价值判断 + 线索扩展 + 逛完判定 + 汇报(不是固定 URL 爬虫)
SkillBFreshness: BClaude Code +9 - 0.514score
project-guide
idontplaygenshinimpact
项目面试讲解指南生成——基于真实源码生成 7 段结构化讲解指南(定位/选型/架构/亮点/问题清单/防御/简历 bullet)。用户说"生成 XX 项目的面试讲解指南"、"我的项目怎么讲"、"帮我准备项目介绍"时使用
SkillBFreshness: BClaude Code +9 - 0.513score
interview-warmup
idontplaygenshinimpact
面试前 5 分钟热身流程:按目标岗位过清单未完成项 → 按岗模拟面试 → 自评薄弱点回流。用户说"面试前热身/明天面试怎么办"时使用
SkillBFreshness: BClaude Code +9 - 0.513score
company-intel
idontplaygenshinimpact
目标公司面经情报(高频考点+真题线索)。用户说"XX 公司面什么/帮我查 XX 的面经/准备 XX 的面试"时调用 skill__company-intel__collect_company_intel
SkillBFreshness: BClaude Code +9 - 0.513score
resume-coach
idontplaygenshinimpact
简历优化建议(亮点/风险/量化改进/面试预设问题)。用户贴出简历或问"我的简历怎么样/怎么改"时调用 skill__resume-coach__review_resume
SkillBFreshness: BClaude Code +9 - 0.510score
good-skill
idontplaygenshinimpact
测试用正常插件(SKILL.md 与 skill.mjs 合并验证)
SkillBFreshness: BClaude Code +9 - 0.510score
md-only-skill
idontplaygenshinimpact
纯声明式技能(只有 SKILL.md,无 skill.mjs)——验证声明技能注入
SkillBFreshness: BClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Aug 16, 2026 (2 months ago)
- Last release
- Aug 23, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from idontplaygenshinimpact
- 0.521score
dev-history-guide
idontplaygenshinimpact
开发历史面试文档生成——基于 git 时间线 + opencode 会话 + DSH 会话生成结构化开发历史讲解文档(时间线/关键决策/技术演进/可讲亮点)。用户说"生成开发历史面试文档"、"我的开发历程怎么讲"、"这个项目开发过程"时使用
SkillBFreshness: BClaude Code +9 - 0.518score
project-eval
idontplaygenshinimpact
项目全面评估报告生成——基于真实源码生成全面评估报告(8 维度评估 + 问题清单 + Top 5 改进——强化:分步评估 + 打磨循环)。用户说"评估 XX 项目 / 全面评估一下项目"时使用。
SkillBFreshness: BClaude Code +9 - 0.518score
interview-prep
idontplaygenshinimpact
项目面试准备文档生成——基于真实源码生成完整面试准备文档(源码要点 + 全部八股(详细可背)+ 全覆盖拷打问答——能通过模拟面试)。用户说"准备 XX 项目的面试 / 生成 XX 项目的面试准备文档"时使用。
SkillBFreshness: BClaude Code +9 - 0.518score
tech-compare
idontplaygenshinimpact
技术选型对比讲解(React vs Vue、Vite vs Webpack、微前端方案等),用统一对比框架防止讲偏。用户问"XX 和 XX 哪个好/区别"时使用
SkillBFreshness: BClaude Code +9 - 0.517score
dev-history-guide
idontplaygenshinimpact
开发历史面试文档生成——基于 git 时间线 + opencode/DSH 开发会话,生成结构化面试文档(时间线/关键决策/技术拷打点/八股/踩坑)。用户说"生成开发历史面试文档"、"这个项目开发过程有什么坑"、"开发选型为什么这么定"时使用
SkillBFreshness: BClaude Code +9 - 0.515score
nowcoder-surf
idontplaygenshinimpact
自主逛牛客——围绕用户目标逛用户/面经,价值判断 + 线索扩展 + 逛完判定 + 汇报(不是固定 URL 爬虫)
SkillBFreshness: BClaude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get frontend-cheatsheet running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
frontend-cheatsheet skill. Agent Mart. https://agentmart.dev/skills/idontplaygenshinimpact-frontend-cheatsheet (last updated 2026-10-24)