秀秀不只会前端

现代浏览器进程模型（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...

Webpack 的 Tree Shaking（摇树）是一项用于消除 JavaScript 上下文中未引用代码的优化手段，它能有效减小打包体积。 核心原理 Tree Shak...

一、概念 MCP 是一个为大型语言模型（LLM）与“外部世界”（文件、数据库、工具、workflow、第三方 API 等）之间建立标准化双向通信的开源协议，也有很多人把它称...

一、执行上下文（Execution Context）与环境记录（Environment Record） 执行上下文是函数/全局/模块代码执行时的抽象环境，包含几部分： ​L...

一、概念 JavaScript 是单线程执行（基于执行栈 / 调用栈 call stack），事件循环负责不断地从各种任务队列里取任务执行——以保证异步任务的函数回调按规则...

为什么 JSONP 可以跨域？ 之前的文章《跨域问题解决方案汇总》中详细阐述了跨域问题的由来和其他解决方案，这里就不再赘述了。 JSONP 可以实现跨域主要是利用了 <sc...

简单概括 Access-Control-Allow-Origin: * ​允许任意来源的页面读取你的响应内容​（对浏览器端的 JS 可读性开放）。 ​**如果响应包含敏感数...

一、HTTP vs HTTPS 概览 HTTPS = HTTP + 加密认证（基于 TLS），能防止被中间人窃听与篡改，并证明服务器身份。 非对称（RSA/ECDSA）用于...

跨域 / 同源策略概述 ​**同源（same-origin）**​：协议、域名（host）、端口 三者完全相同称为同源。 例如 https://example.com:44...

〇、Babel 概述 Babel 的工作原理 = “把代码变树 → 改树 → 再变回代码”。 也就是三个阶段： Parse（解析）：ESNext（ES 新语法） → AST...

一、绑定规则 new（构造调用）绑定（优先级最高） 用 new F() 时，this 指向新创建的对象（除非构造函数显式返回对象）。 ​显式绑定​：call / apply...