芒果茶叶

requestAnimationFrame (通常简写为 rAF) 这个浏览器方法。我会用一个生动的比喻开始，然后逐步深入技术细节。 一、一个生动的比喻：电影放映机 想象一下，你想在浏览器里做一个流畅

并行SSR 前端实现 SSR（服务器端渲染）的并行加载，核心思想是避免服务器端的数据请求瀑布（Waterfall），将页面分块、流式（Streaming）地发送给浏览器，从而显著优化 Time To

配置： .env App.tsx src/pages/channl/index.tsx src/hooks/useChannl.tsx src/api/channl.ts src/utils/requ

插件下载 基础 Auto Close Tag：自动闭合HTML标签  ESLint：代码规范检查与实时纠错  Prettier：代码格式化工具，支持多语言  GitLens：增强Git功能，显示代码历

强缓存 (Strong Caching) 原理：强缓存是一种直接从浏览器缓存中读取资源的策略，不需要向服务器发请求。即使资源更新，只要缓存未过期，浏览器也会直接使用缓存数据。

本章节主要介绍 Webpack 高级配置。 所谓高级配置其实就是进行 Webpack 优化，让我们代码在编译/运行时性能更好~ 我们会从以下角度来进行优化： 提升开发体验 提升打包构建速度 减少代码体

本章节我们学会了 Webpack 基本使用，掌握了以下功能： 两种开发模式 开发模式：代码能编译自动化运行 生产模式：代码编译优化输出 Webpack 基本功能 开发模式：可以编译 ES Module

提取 Css 成单独文件 Css 文件目前被打包到 js 文件中，当 js 文件加载时，会创建一个 style 标签来生成样式 这样对于网站来说，会出现闪屏现象，用户体验不好 我们应该是单独的 Css

生产模式是开发完成代码后，我们需要得到代码将来部署上线。 这个模式下我们主要对代码进行优化，让其运行性能更好。 优化主要从两个角度出发: 优化代码运行性能 优化代码打包速度 生产模式准备 我们分别准备