HTML

前端性能优化原理与实践

• 课程介绍
• 开篇：知识体系与小册格局
• 网络篇 1：webpack 性能调优与 Gzip 原理
• 网络篇 2：图片优化——质量与性能的博弈
• 存储篇 1：浏览器缓存机制介绍与缓存策略剖析
• 存储篇 2：本地存储——从 Cookie 到 Web Storage、IndexedDB
• 彩蛋篇：CDN 的缓存与回源机制解析
• 渲染篇 1：服务端渲染的探索与实践
• 渲染篇 2：知己知彼——解锁浏览器背后的运行机制
• 渲染篇 3：对症下药——DOM 优化原理与基本实践
• 渲染篇 4：千方百计——Event Loop 与异步更新策略
• 渲染篇 5：最后一击——回流（Reflow）与重绘（Repaint）
• 应用篇 1：优化首屏体验——Lazy-Load 初探
• 应用篇 2：事件的节流（throttle）与防抖（debounce）
• 性能监测篇：Performance、LightHouse 与性能 API
• 前方的路：希望以此为你的起点

前端调试通关秘籍

• 00 课程介绍
• 01 如何阅读本小册？
• 02 初识调试
• 03 如何调试网页的 JS（以 React 为例）
• 45 实现 Chrome DevTools 的 Coverage 功能
• 05 sourcemap 的原理和作用
• 06 Webpack 的 sourcemap 配置
• 07 实战案例：调试 Vue 项目
• 08 VSCode Chrome Debugger 断点映射的原理
• 09 实战案例：调试 React 源码
• 10 实战案例：调试 Vue 源码
• 11 用 VSCode Snippets 快速创建调试配置
• 12 如何调试 Node.js 代码
• 13 跑 npm scripts，有更香的方式
• 14 VSCode Node Debugger 配置详解
• 15 调试代码会遇到的 9 种 JS 作用域
• 16 实战案例：调试 Nest.js 项目和源码
• 17 命令行工具的两种调试方式（以 ESLint 源码调试为例）
• 18 实战案例：调试 patch-package 源码
• 19 实战案例：调试 Babel 源码
• 20 实战案例：调试 Vite 源码
• 21 实战案例：调试 TypeScript 源码
• 22 如果通过变量写出更灵活的调试配置？
• 23 如何灵活的调试 Jest 测试用例
• 24 打断点的 7 种方式，你用过几种？
• 25 实战案例：调试 Ant Design 组件源码
• 26 实战案例：调试 ElementUI 组件源码
• 27 如何用 Performance 工具分析并优化性能
• 28 会用 Performance 工具，就能深入理解 Event Loop
• 29 面试必问的异步顺序问题，用 Performance 轻松理清
• 30 Web Vitals 如何计算？如何衡量网页性能？
• 31 console.log 会导致内存泄漏？用 Performance 和 Memory 分析下（上）
• 32 console.log 会导致内存泄漏？用 Performance 和 Memory 分析下（下）
• 33 如何用 Layers 分析网页的图层
• 34 Chrome DevTools 小功能集锦
• 35 通过调试技术，理清 b 站视频播放速度很快的原因
• 36 放弃 console.log 吧！用 Debugger 你能读懂各种源码
• 37 如何远程调试 android 移动端网页
• 38 如何远程调试 ios 移动端网页
• 39 远程调试移动端网页的原理
• 40 如何用 Charles 断点调试 https 请求？
• 41 Charles 全功能速通（上）
• 42 Charles 全功能速通（下）
• 43 线上报错如何直接调试本地源码？
• 44 手动对接 CDP 来理解 Chrome DevTools 实现原理
• 45 实现 Chrome DevTools 的 Coverage 功能
• 46 编译 chrome devtools frontend 源码，然后用它来调试
• 47 基于 CDP 实现 Puppeteer（上）
• 48 基于 CDP 实现 Puppeteer（下）
• 49 把 Puppeteer 融入调试流程来做自动化
• 50 小册总结

大厂 H5 开发实战手册

• 00 课程介绍
• 01 基础页面开发
• 02 响应式页面开发
• 03 滑屏应用开发
• 04 动效开发 1：让它动起来
• 05 动效开发 2：聊一聊 3D
• 06 动效开发 3：补间动画
• 07 动效开发 4：逐帧动画
• 08 动效开发 5：SVG 动画
• 09 动效开发 6：动效之效
• 10 总结

其它