前端知识库

前端知识库按“语言基础、浏览器、框架、工程化、性能与质量、手撕代码、前端八股”组织。每个主题建议沉淀概念、代码、边界条件和常见追问。

快速入口

模块	用途
handwriting（手撕代码）	训练高频实现题、边界处理和现场编码表达
bagu（前端八股）	整理 JavaScript、浏览器、Vue、工程化等原理题
面试题库	将知识点转成可口播的答案和项目追问

JavaScript

主题	记录重点
执行上下文	变量环境、词法环境、作用域链
原型与继承	原型链、构造函数、class、组合继承
异步编程	Promise、async/await、任务队列、并发控制
模块化	ESM、CommonJS、循环依赖、Tree Shaking

浏览器

主题	记录重点
渲染流程	DOM、CSSOM、布局、绘制、合成
事件循环	宏任务、微任务、渲染时机、Node 差异
网络缓存	强缓存、协商缓存、Service Worker
Web 安全	XSS、CSRF、CSP、同源策略

Vue 与组件化

主题	记录重点
响应式系统	ref、reactive、effect、依赖收集
组件通信	props、emit、provide/inject、状态管理
性能优化	懒加载、虚拟列表、缓存、按需渲染
源码阅读	初始化、编译、渲染、调度流程

工程化

• Vite 配置与插件机制
• 代码规范与提交规范
• 单元测试、组件测试、端到端测试
• 前端监控、日志与错误上报
• 构建产物分析与性能预算

笔记建议

每篇前端笔记尽量补齐四类内容：最小示例、运行结果、边界情况、面试追问。