光影少年

一、React 状态管理全家桶总览 二、核心方案对比表（重点） 方案 优点 缺点 适用场景 useState 简单、直观、零成本 只能组件内 表单、UI 状态 useRed...

一、AIGC + 小程序能做什么？（真实落地） 企业真实在做的 8 类产品 场景 示例 智能客服 自动问答 文案生成 商品详情 / 活动 报告生成 性能 / 运营 表单分析...

网站：https://ui-ux-pro-max-skill.nextlevelbuilder.io/...

一、前端 AIGC 是什么（一句话） 不是训练模型， 而是 AI 能力 × 前端工程 × 业务场景。 二、前端在 AIGC 里到底干什么？（核心职责） 一句话概括👇 具体...

一、关系型数据库（RDBMS） ✅ 主流关系型数据库一览 数据库 类型 特点 常见场景 MySQL 开源 使用最广、生态成熟 Web 应用 PostgreSQL 开源 功能...

一、数组遍历方法（Array） ✅ 最全数组遍历对照表 方法 是否遍历 是否返回新数组 是否可中断 是否改变原数组 典型用途 for ✅ ❌ ✅ ❌ 性能最优、可控 for...

一、一句话先分清（先立认知） 👉 你只要记住这句，80% 场景就不会选错。 二、Flex 布局：属性 & 含义（重点） 1️⃣ 容器属性（父元素） display: fl...

一、前端常见渲染方式总览（先给全景） 渲染方式 简称 客户端渲染 CSR 服务端渲染 SSR 静态站点生成 SSG 增量静态生成 ISR 流式渲染 Streaming SS...

一、Hooks 是什么（从设计动机说） 一句话： React 团队当初想解决 3 个核心痛点： 1️⃣ Class 太复杂（this、绑定、生命周期分散） 2️⃣ 逻辑复用...

一、connect 的作用（一句话） 二、connect 解决了什么问题？ React 组件本身： 不能直接访问 Redux store 不能订阅 store 变化 不能 ...

一、核心理念对比（一句话） 框架 核心理念 React 函数式 + UI = f(state) Vue 数据驱动 + 模板响应式 二、React 的优点 & 缺点 ✅ Re...

一、问题本质（先说清楚） ❌ 重复网络请求 ❌ 重复数据解析 ❌ 多次触发渲染 ❌ 状态不一致风险 👉 本质是：数据源分散 + 请求不可控 二、核心优化思想（一句话） 三...

一、前端性能问题本质是什么？（先立认知） 核心目标只有两个： ❌ 找出 谁在频繁变化 ❌ 找出 为什么它在变化 二、如何定位「组件为什么会变化 / 重渲染」⭐⭐ 1️⃣ R...

一、前端性能问题本质是什么？（先立认知） 核心目标只有两个： ❌ 找出 谁在频繁变化 ❌ 找出 为什么它在变化 二、如何定位「组件为什么会变化 / 重渲染」⭐⭐ 1️⃣ R...

一、Flex 和 Grid 的核心区别（先给结论） 一句话区别（面试直接说） 二、Flex vs Grid 对比表（必背） 维度 Flex Grid 布局维度 一维 二维 ...

一、为什么浏览器定时器不精准？ 1️⃣ JS 是单线程 主线程被占用 → 定时器回调延迟 UI / 渲染 / GC 都会阻塞 2️⃣ 浏览器最小时间精度限制 HTML5 规...

一、HTTP 和 HTTPS 的区别（必背） 1️⃣ 本质区别（一句话） 2️⃣ 核心对比表 对比项 HTTP HTTPS 是否加密 ❌ 明文 ✅ 加密 安全性 低 高 端...

一句话总览（先给结论） 一、前端如何开发「AI 生成图片」 1️⃣ 核心架构（必懂） 📌 前端不直接调用模型（安全 & Key） 2️⃣ 主流文生图模型（你只要知道） 模...

一、Next.js 面试追问（SSR / SSG / ISR 深挖） 1️⃣ 面试官：SSR、SSG、ISR 本质区别？ ❌ 初级回答 ✅ 中高级标准回答（一定按这个结构）...

一、一句话先给结论（面试直接说） 二、前端调用 GPU 的 4 条主流路径（核心） ✅ 1️⃣ WebGL（最成熟，当前主流） 本质 基于 OpenGL ES GPU 渲染...