光影少年

一、核心区别一句话总结 👉 浏览器：宏任务 + 微任务（简单模型） 👉 Node.js：6 个阶段（phases）+ 两种微任务队列（更复杂） 二、浏览器事件循环（简单...

一、XSS（跨站脚本攻击） 🔥 本质 攻击者把恶意 JS 注入到页面里执行。 👉 你的网站，被别人“插代码” 🧨 常见类型 1️⃣ 存储型 XSS（最危险） 恶意代码...

✅ 一、后端设置 CORS（最正规、推荐） 这是标准解法，让服务端允许跨域访问。 Node.js（Express） 或者手动设置： ✅ 二、前端代理（开发环境最常用） 你做...

一、核心区别一句话总结 👉 Reflow（重排） = 改变了布局（几何信息） 👉 Repaint（重绘） = 只改外观，不影响布局 二、什么是 Reflow（重排） 定...

一、整体流程（核心主线） 浏览器渲染页面大致分为 5 个阶段： 二、详细拆解每一步 1️⃣ HTML 解析 → DOM 树 浏览器拿到 HTML 后： 从上到下解析（流式解...

一、先给结论（面试速答版） 👉 React Diff：偏“通用 + 启发式 + Fiber 调度” 👉 Vue Diff：偏“精确优化 + 模板编译 + 静态提升” 一...

一、CI/CD 是什么？ 1️⃣ CI（Continuous Integration，持续集成） 核心思想：频繁提交代码 + 自动构建验证 👉 每次你 git push ...

一、先搞清楚优化什么（核心指标） 前端性能不是感觉，而是指标： ⭐ 核心 Web 指标（必须掌握） FCP（First Contentful Paint） ：首次内容出现 ...

一、常见模块化规范 1. CommonJS（CJS） 主要用于 Node.js 同步加载模块 通过 require 和 module.exports / exports 实...

一、Webpack 核心概念 Webpack 本质是一个 模块打包器（module bundler） ，核心思想就一句话： 👉 把一切资源当成模块，然后构建依赖图，打包输...

一、核心定位不同 框架 定位 React UI 库（只负责视图层） Vue.js 渐进式框架（提供完整解决方案） React 只解决 View层 其他东西需要自己选： 路由...

一、React Hooks 的理解 简单来说： 它解决了几个问题： 1 让函数组件也能有状态 以前函数组件只能展示 UI，没有状态。 2 替代复杂的生命周期 类组件生命周期...

一、父子组件通信（最常用） 1. props（父 → 子） 父组件通过 props 向子组件传递数据。 父组件 子组件 子组件可以直接使用 title。 2. $emit（...

一、什么是虚拟 DOM（Virtual DOM） 虚拟 DOM本质上是： 真实 DOM 是浏览器中的节点结构，而虚拟 DOM 是一个 JS 对象树。 例如一个简单的 HTM...

一、Vue 生命周期流程（Vue2） Vue 生命周期主要分为 4个阶段： 阶段 生命周期钩子 创建阶段 beforeCreate → created 挂载阶段 befor...

OpenClaw 安装教程 一、安装 OpenClaw 1.1 环境说明 系统：支持 macOS、Windows、Linux 包管理：脚本会自动安装 Node.js 与依赖...

前言 网上最近关于 OpenClaw 和 OpenCode 的讨论异常火爆，很多普通用户都在关注它们是否真的适合日常使用。OpenClaw 以稳定性和特定场景下的高可靠性吸...

一、什么是 Vue 的响应式 Vue 的核心能力就是 数据变化 → 自动更新视图。 例如： 当执行： 页面会自动更新。 这个过程就是 响应式系统。 核心流程： Vue 内部...

一、什么是浅拷贝（Shallow Copy） 浅拷贝：只复制对象的第一层，嵌套对象仍然共享引用。 示例 原因： 浅拷贝只复制： 二、什么是深拷贝（Deep Copy） 深拷...

一、为什么需要 Event Loop JavaScript 是 单线程语言。 意思是： 但现实中有很多 异步操作： 定时器 setTimeout 网络请求 fetch DO...