秀秀不只会前端

一、Pinia 概览 Pinia 本质是：「基于 Vue3 响应式系统 + effectScope 的“全局可控副作用容器”」 Pinia 核心代码集中在： 二、creat...

一、keep-alive 概述 源码位置： keep-alive 是一个抽象组件，它不产生真实 DOM，只影响子组件的渲染/生命周期（只“包裹 & 接管”子组件）。 二、k...

Vue 的调度系统 = 副作用执行顺序 + 去重 + 批量刷新 一、Vue 为什么需要调度系统？ 如果没有调度，会发生什么？ 如果每次 set 都立即触发： 造成后果： 性...

一、Vue 编译器整体架构 Vue3 把编译器拆分为三个部分： 核心目标是把 template 转成“尽量少 diff 的 render 函数” 最终产物不是字符串，而是：...

一、computed 和 watch 概述 所有响应式逻辑都会依赖 effect 执行，computed / watch / render 本质都是 effect。 ​co...

一、Vue3 响应式系统概述 Vue3 响应式包 @vue/reactivity，核心由三部分构成： 核心目标： 拦截读取和设置操作 收集依赖 在数据变化时重新触发相关副作...

整体流程 完整的创建与渲染流程可以分成这些阶段： 创建 App 实例 创建根组件实例 设置响应式状态 创建渲染器（Renderer） 挂载 Mount vnode -> D...

一、为什么 React 要引入 Fiber？ 老架构（Stack Reconciler）的问题，React 16 之前： diff + render 是一次性同步递归 JS...

一、组件更新链路 二、Vue3 的虚拟 DOM 本质 Vue3 中的 VNode 是一个​高度优化的 JS 对象​： 三、diff 的目标 diff 的输入： diff 的...

现代浏览器进程模型（Chromium Site Isolation 架构） ​现代浏览器是多进程架构，每个 Render Process （渲染进程）中有多个线程（主线程、...

概念与适用场景 **什么是 SSE？**SSE（Server-Sent Events）是浏览器端通过 EventSource 与服务端建立的一条长期单向连接（HTTP），服...

Gulp 是一个基于流（Stream）的构建工具，用于自动化前端开发中的常见任务（如文件压缩、编译、自动化测试等）。它的设计理念是将任务流程处理成数据流，通过管道（Pipe...

概念 ​**Rollup 是一个 ES 模块打包器（bundler）**​，擅长把多个 ESModule 打包成一个或多个 bundle，目标常是库（library）或前端...

1. 网络问题 1.1 资源请求过多 页面请求的 ​静态资源​（图片、脚本、样式、字体等）过多，导致浏览器发起过多的 HTTP 请求。 解决办法： ​资源合并与压缩​：尽可...

基本概念 ​Loader​：对单个资源（文件）做转换的函数（把一个文件从一种内容转换为另一种内容），在 module 层面运行。 ​Plugin​：在整个构建过程的生命周期...

性能优化方案 优化分类： 优化打包后的结果（分包、减小包体积、CDN 服务器） ==> 更重要 优化打包速度（exclude、cache-loader） 代码分割（Code...

一、XSS（跨站脚本） 原理 攻击者把 恶意脚本 注入到受信任页面并被浏览器执行，脚本 利用页面的信任上下文（Cookies、localStorage、DOM）窃取数据或劫...

常用配置项——Mode 默认值是 production（什么都不设置的情况下）；可选值有：'none' | 'development' | 'production'。 de...

一、JS 数据类型 JS 有 7 种基本类型： number string boolean null undefined symbol（ES6） bigint（ES2020...