原理讲透,代码跑通

从浏览器原理、JS 逆向到类型系统与工程化,每门课都围绕真实场景展开:每一段知识都配可运行的代码和动手练习,读完就能在自己的项目里用起来;题库里的每道面试题附完整答案与解析,配合掌握度标记和按方向筛选,把零散的知识点串成一条可以长期坚持的学习路径。

14门系统课程
205节课
289道面试题

前端课程(14)

TypeScript 类型系统入门

类型系统值得当成一门语言来学:从最基本的注解出发,逐层深入泛型与类型体操,让 TypeScript 真正为工程质量服务。

6 章 · 20 节课

JS 逆向基础入门

面对黑盒一样的前端代码,逆向有一套完整的分析套路:以真实站点为目标,从抓包与断点调试入手,逐步还原加密参数、反混淆代码。

5 章 · 17 节课

JS 模块化与工程实践

模块化不是新发明,而是一场持续三十年的演进:从 script 标签的原始局限走到 ESM 与打包器源码,看清今天前端工程化体系的来龙去脉。

7 章 · 23 节课

JS 浏览器原理

把浏览器当成一台拆开看的机器:多进程如何分工、一帧画面如何被画出来、事件循环怎样调度任务,以及缓存与安全机制各自扮演的角色。

5 章 · 17 节课

JS 数据结构与算法

用 JS 把经典数据结构与算法从头实现一遍,不追求题海:理解每种结构为什么存在、适合解决什么问题,让日常编码与面试都有章法可循。

8 章 · 26 节课

Vibe Coding 实战

AI 能写代码之后,工程师的核心价值变成了提出正确的问题:围绕 Prompt 设计与真实案例,沉淀一套可复用的人机协作工作流。

6 章 · 16 节课

JS 手撕底层系统

不调库、不背概念,用纯 JS 把底层系统亲手实现一遍:从内存里的 Buffer 一路写到简易操作系统内核,真正看清这门语言的能力边界。

7 章 · 22 节课

AST 实战图解教程

看懂代码在编译器眼中的样子:用图解拆开语法树的结构与遍历规则,读完就能独立写出一个可用的 Babel 插件。

5 章 · 10 节课

用 JS 手写一门编程语言

编程语言不是魔法,你也可以亲手造一门:不依赖任何现成工具链,用 JS 从词法分析、语法分析一路写到树遍历解释器。

5 章 · 12 节课

富文本编辑器从零实现

富文本编辑器是前端公认的硬骨头:从 contentEditable 的古怪行为讲起,一步步驯服 Selection 与 Range,最终从零做出一个可用的编辑器。

5 章 · 12 节课

Monorepo 单体仓库工程实践

把多个包放进同一个仓库,收益是共享,代价是治理:围绕依赖共享、版本发布与构建提速,搭出一套可长期维护的 Monorepo 工作流。

3 章 · 6 节课

Webpack 打包器实战

每个前端项目都在用它,但很少有人说得清它做了什么:从「为什么需要打包器」讲起,亲手配置并拆解 Webpack 的核心机制。

4 章 · 8 节课

Vite 现代前端构建工具

开发时秒开不是魔法,而是 Vite 对构建流程的重新设计:拆解按需编译与预构建背后的思路,掌握它在新项目中的配置与扩展。

4 章 · 8 节课

微前端实战

多个团队同写一个应用,微前端讲的就是如何化解这场冲突:讲清问题本质,再用 iframe、single-spa 与 qiankun 各自落地一遍,看清各自的取舍。

4 章 · 8 节课

面试题库(289)

进入题库 →

每题附完整答案与代码示例,可标记掌握度、按分类与难度筛选,也支持关键词搜索。