掘金·金石计划

useMemo 与 useCallback 区别、各自解决什么性能问题、依赖陷阱这是 React 面试里非常高频的问题。你有前端经验，直接从本质、解决的问题、区别、依赖陷阱、实际场景理解会更快。

react的 useState 原理、批量更新机制useState 是 React Hooks 中最核心的 Hook 之一。你可以把它理解成：“函数组件中的状态存储器 + 更新调度器”

react 单向数据流理解在 React 里，“单向数据流（One-Way Data Flow） ” 是最核心的思想之一。简单理解：

react函数组件、类组件、纯组件、受控/非受控组件本质：就是一个函数，接收 props，返回 JSX👉 现在主流写法（配合 Hooks）特点：本质：继承 React.Component 的类

reeact虚拟DOM、Diff算法原理、key的作用与为什么不能用index虚拟 DOM 本质就是一个 JS 对象，用来描述真实 DOM 结构。例如 JSX：会被转换成类似：核心目的：减少真实 DOM 操作

Polyline 组件如何绘制渐变区域？如果你是想做“线下方渐变”（类似折线图面积图），可以：👉 渐变实现：高德原生不支持渐变填充，但你可以：

如何实现RN应用的离线功能、数据缓存策略？在 React Native（RN）里实现“离线可用 + 数据缓存”，本质是两件事：① 本地持久化数据（缓存） ② 网络恢复后的同步策略（离线→在线）

RN中如何处理权限申请（相机、相册、定位、存储）？使用第三方库还是原生封装？在 React Native（RN）里处理权限申请，本质上有两条路：最主流的是 👉 react-native-permissions

Webpack的核心概念？常见优化手段？Webpack 本质是一个模块打包器（module bundler），核心思想就一句话：👉 把一切资源当成模块，然后构建依赖图，打包输出

React Hooks的理解？常用的有哪些？简单来说：Hooks = 在函数组件中“钩入（Hook）”React状态和生命周期的函数。它解决了几个问题：

Vue组件通信方式？父组件通过 props 向子组件传递数据。父组件子组件子组件可以直接使用 title。子组件通过 $emit 触发事件通知父组件。

Vue的生命周期有哪些及执行机制？Vue 生命周期主要分为 4个阶段：完整执行顺序如下：执行机制可以理解为：特点常见用途基本不用。特点常见用途

Vue的响应式原理？Vue2和Vue3有什么区别？Vue 的核心能力就是数据变化 → 自动更新视图。例如：当执行：页面会自动更新。这个过程就是响应式系统。

async/await和Promise的区别？Promise 是 ES6 提供的用于处理异步操作的对象。它有三种状态：基本写法：特点：async/await 是 ES2017 提出的异步写法，是基于 Promise 的语法糖。

在 React 中，什么情况下需要用 useCallback 和 useMemo？它们的区别是什么？React 组件为什么会重复渲染？因为：哪怕 props 没变。而且：这就可能导致：于是有了：缓存“函数引用”

UI UX Pro Max：AI 驱动的专业级 UI/UX 设计智能体实战教程一句话总结： ui-ux-pro-max-skill 不是一个普通的设计插件，而是一个嵌入式 AI 设计智能体AI Skill，它将专业 UI/UX 知识库直接注入你日常使用的 AI 编程助手（如 Cursor、Claude、Copilot 等），让你在写代码的同时，自动生成符合行业规范、美学原则与平台最佳实践的高质量界面。

说说闭包的理解和应用场景？这个问题是 JS 面试高频题 👍 而且如果你有 7 年前端经验，面试官会期待你说到：我给你一套「中高级面试回答版本」。

react中的filble架构和diffes算法如何实现的你可以先来这一句 👇React Fiber 是为了解决旧 Diff 递归不可中断的问题，引入的可中断、可优先级调度的架构；Diff 算法本身没变，但执行方式变了。

webpack和vite区别及原理实现Webpack 和 Vite 都是用于构建现代前端应用的构建工具，它们在原理和实现上有显著的区别。下面我将详细比较它们的异同，帮助你了解两者的工作原理以及各自的优势。

node中的peerDependencie含义在 Node.js 项目中，peerDependencies 是 npm 和 Yarn 等包管理工具中的一个重要概念，主要用于指定当前模块所依赖的其它模块的版本要求。peerDependencies 主要用于插件或库中，用来告诉用户，在安装当前模块时，必须确保某个版本的其他模块已被安装。