通用样式 / 动画独立 SCSS 文件，全局引入或按需动态 import避免重复生成 keyframes组件局部样式使用 scoped，只写特殊布局或样式父组件可通过更高优先级选择器覆盖主包与分包策略静态 import → 主包动态 import / 路由懒加载 → 分包 chunk，按需加载首屏优化尽量让非直播页不加载直播相关 CSS动画类放全局，局部样式 scoped路由懒加载或父组件按需 i

类型符号用途交叉类型合并多个类型联合类型多个类型之一类型别名type给复杂类型起名类型索引keyofT[K]获取键或值的类型类型约束extends限制泛型范围映射类型批量生成新类型条件类型X : Y类型里的 if/else💡一句话记忆法是「并且」是「或者」type是「取个名字」keyof是「拿所有 key」extends是「加个条件」映射类型是「for…in」条件类型是「if…else」

> 在现代前端开发中，写代码不仅要能跑，还要**整洁、规范、安全**。特别是团队开发或大型项目，如果代码风格不统一，容易出现 bug、难以维护、代码 review 也很痛苦。ESLint 和 Prettier 是最常用的"守护代码质量"和"统一代码风格"的工具，它们可以帮助我们自动检查、规范和格式化代码。配合 Git Hooks 和 lint-staged，还能实现**提交前自动美化**，确保团队

在日常学习和工作中，经常需要将 Markdown 笔记导出为 PDF 进行分享或存档，但现有的在线编辑器功能受限，浏览器打印样式丢失，截图工具清晰度差。因此，开发了一个**本地 Markdown 笔记应用 + PDF 后端服务**，支持多种中英文字体、暗黑/明亮主题切换、实时预览和语法高亮，通过前端准备自包含 HTML + 后端 Puppeteer 渲染的方式，实现高质量、样式保真的 PDF 导出

在 Vue 开发中，状态管理是一个绕不开的话题。特别是当应用变得复杂，多个组件需要共享状态时，如何优雅地管理这些状态就成了关键问题。本文将带你从基础概念到实战应用，彻底掌握 Vue 3 的状态管理。没有微信群：每个人都要单独通知，信息容易遗漏有微信群：重要消息在群里一发，所有人都能看到状态管理就是这个"家庭微信群"，让所有组件都能访问和响应同一份数据。状态不可变指的是：不要直接修改现有的状态，而是

这个总结涵盖了 JavaScript 数组的主要方法，可以根据具体需求选择合适的方法使用。

/ ❌ 错误理解：this 在定义时就确定了// 这里的 this 还不知道指向谁// ✅ 正确理解：this 在调用时才确定// 这时 this 才指向 obj，输出 "Alice"fn();// 这时 this 指向 window（非严格模式），输出 undefined记忆口诀：定义时不知道，运行时才知道方式代码量性能推荐度适用场景构造函数 bind多⭐⭐⭐⭐⭐⭐⭐⭐传统项目JSX 中 bin

define：注册模块信息，不发请求。require：动态创建<script>发请求，加载依赖，执行回调。对比项CommonJS (requireimport导出值的本质值的拷贝（浅拷贝）实时绑定（活连接）基本类型拿到旧值副本，后续修改不影响导入变量实时更新对象/数组拷贝引用，修改属性会反映，整体替换不会完全实时，任何修改都反映能否修改导入变量可以（但不推荐）不可以（只读）比喻照片视频通话Comm

你是否曾经好奇过，为什么浏览器能够同时处理多个网页标签页？为什么 JavaScript 代码能够“异步”执行而不阻塞页面？为什么点击按钮后，页面能够立即响应而不需要等待网络请求完成？这一切的背后，都离不开进程线程JavaScript 引擎和事件循环这些核心概念。本文将用通俗易懂的方式，带你深入理解这些概念的本质和它们之间的关系。想象一下，进程就像一个工厂独立的空间：每个工厂都有自己的厂房、设备、原

│ 视频三大核心参数的关系 ││ ││ 分辨率 (Resolution) 帧率 (FPS) ││ ↓ ↓ ││ 画面清晰度 画面流畅度 ││ ↓ ↓ ││ ↓ ││ 需要的码率 (Bitrate) ││ ↓ ││ 需要的网络带宽 ││ ││ 公式：合理码率 = f(分辨率, 帧率, 画面复杂度) ││ ││ 例子： ││ 720p + 30fps + 普通场景 = 2000 Kbps ││ 720