掘金·金石计划

RN 原生动画 Animated 用法、动画性能优化React Native 原生 Animated 是 RN 官方提供的动画库，适合实现大部分基础动画（淡入淡出、缩放、位移、旋转等）。如果是面试，通常会问两个方面：

RN适配方案：屏幕适配、分辨率适配、刘海屏/全面屏适配React Native（RN）的适配主要可以分为屏幕尺寸适配、分辨率（DPI）适配、刘海屏/全面屏适配、横竖屏适配四大类。下面是一套比较完整的适配方案，也是目前企业项目最常采用的实践。

RN中的StyleSheet.create 好处、内联样式弊端在 React Native（RN）中，StyleSheet.create() 和内联样式（inline style）都可以定义样式，但官方更推荐使用 StyleSheet.create() 来管理大部分样式。

RN 样式特点：Flex 布局默认、没有像素单位、样式不能级联React Native（RN）的样式系统与 Web CSS 有不少区别，你提到的三点都是 RN 的核心特点：

react navite JSBridge 通信机制、异步通信特点React Native 的 JSBridge（桥接）通信机制是 React Native 能够实现跨平台的核心之一。理解 JSBridge 后，再学习新的 JSI、TurboModule、Fabric 就会容易很多。

react批量更新、同步/异步更新场景React 16 到 React 19 期间，批量更新（Batch Update）机制发生了很大变化，尤其是 React 18 引入了自动批量更新（Automatic Batching）。

React 合成事件机制、和原生事件区别、事件冒泡阻止这是 React 面试中的高频题，尤其是中高级前端岗位。可以从 React 合成事件机制 → 与原生事件区别 → 阻止冒泡和默认行为三部分回答。

react 原理与进阶如果你已经有 7 年前端经验，并且做过 React 项目，那么学习 React 不应该停留在：而是应该深入到 React 原理 + 源码 + 性能优化 + 架构设计。

避免不必要渲染：PureComponent、memo、useMemo、useCallback这是 React 面试中高频考点，很多人会背概念，但面试官更喜欢问：PureComponent、memo、useMemo、useCallback 有什么区别？什么时候用？为什么能减少渲染？

懒加载与分包：React.lazy + Suspense这是 React 面试中非常高频的性能优化题。默认情况下：Webpack/Vite 打包时会把这些页面全部打进首屏 Bundle。

js单线程，为什在node环境下的js可以处理高并发请求？这个问题其实是很多人刚学 Node 时最容易混淆的点：JS 单线程 ≠ Node 只能同时处理一个请求

组件复用：HOC、Render Props、自定义Hook 对比在 React 中，组件逻辑复用经历了三个主要阶段：目前 React 官方推荐使用 Custom Hook 进行逻辑复用，但面试中经常会让你比较三者的区别。

react性能优化React 性能优化通常可以分为渲染优化、状态管理优化、组件设计优化、打包优化、网络优化、列表优化、内存优化七大类。

Context 如何实现 Provider 嵌套优化在 React 中，Context.Provider 嵌套过多会导致：例如：将多个 Provider 统一管理。

react的useMemo 如何优化？好的，我们来深入讲讲 React 的 useMemo 以及它的优化思路。我们一步步拆解，确保你能真正理解什么时候用、怎么用，以及可能的坑。

前端如何和蓝牙物联网进行通信和兼容性问题前端与蓝牙物联网（Bluetooth IoT）通信，本质上是在和设备的 GATT（Generic Attribute Profile）服务进行数据交互。对于有 React/RN 背景的开发者来说，重点不仅是“怎么连”，更重要的是理解通信协议、数据格式和兼容性问题。

react全局状态、局部状态、服务端状态如何选型在 React 项目中，状态管理可以分为局部状态（Local State）、全局状态（Global State）和服务端状态（Server State）。很多项目的问题不是技术选型错误，而是把不同类型的状态放到了错误的位置。