性能优化
本话题发布性能优化相关的问答文章和技术分享，将持续更新，为您推荐了58篇问答，访问即可查看更多精彩内容。
-
2
回答
39浏览
关键渲染路径优化到底该从哪下手？
最近在做页面性能优化，听说关键渲染路径（Critical Rendering Path）是核心，但完全不知道该从哪开始改。我试过把 CSS 放到 <head> 里，JS 加了 defer，...
-
1
回答
19浏览
useReducer 的状态更新为什么没有立即生效？
我在用 useReducer 管理表单状态，点击按钮后 dispatch 了一个 action，但紧接着在同一个函数里读取 state，发现还是旧值。比如我 dispatch 之后马上 console...
-
2
回答
22浏览
如何排查和优化页面中的 Long Task？
最近用 Lighthouse 测速，发现有个 120ms 的 Long Task 警告，但不知道具体是哪段代码引起的。我试过在关键函数里加 console.time()，但定位不到源头。 项目里用了大...
-
1
回答
40浏览
Jest 测试中如何正确模拟 React 组件的异步 useEffect？
我在用 Jest + React Testing Library 测试一个组件，它在 useEffect 里发起了异步请求。测试总是报“无法在未挂载的组件上执行 setState”，我试过用 awai...
-
2
回答
20浏览
React Native Codegen 为啥生成不了新组件？
我按照官方文档加了个新 NativeComponent，但运行 yarn react-native codegen 后没看到任何输出文件，也没报错，这正常吗？ 我的组件定义在 src/componen...
-
2
回答
49浏览
React Testing Library 中如何正确测试异步加载的数据？
我用 React Testing Library 测试一个组件，它在 useEffect 里通过 fetch 获取数据并更新状态。但测试时总是拿不到渲染后的数据，断言失败。是不是要加 await 或者...
-
1
回答
103浏览
Node.js 服务在高并发下响应变慢，该怎么优化？
我用 Express 写了个 API 服务，平时没啥问题，但最近压测时发现并发一高（比如 1000+ 请求），响应时间就飙升，CPU 占用也飙到 90% 以上。我已经加了 cluster 模块用了多核...
-
2
回答
73浏览
SWR在组件卸载后还会触发setState吗？
我用SWR请求数据，但在组件卸载后好像还报了警告，说不能在已卸载的组件上setState。是不是SWR没处理好取消逻辑？ 我试过在useEffect里加了取消标志，但感觉SWR应该自己处理了才对。代码...
-
2
回答
37浏览
React Native中Gesture Handler的onGestureEvent不触发是怎么回事？
我在用react-native-gesture-handler做自定义拖动手势，但onGestureEvent完全没反应，控制台也不打印。试过把View换成Animated.View，也加了impor...
-
2
回答
47浏览
React Native里原生模块调用后JS端收不到回调怎么办？
我在写一个自定义的原生模块，Android那边用Promise.resolve返回了数据，但JS这边调用后完全没反应，也不报错。试过加Log发现原生代码确实执行了，但JS的.then()根本没进。 原...
-
1
回答
45浏览
React Testing Library 如何测试 Vue 组件？
我最近在用 React Testing Library 写测试，但项目里混用了 Vue 组件，有点懵。是不是不能直接测？ 比如我有个 Vue 单文件组件，结构大概是这样： <template&g...
-
2
回答
50浏览
Vite 打包后首屏加载太慢，怎么优化？
我用 Vite + Vue3 开发了一个项目，本地开发时很快，但 build 之后首屏加载特别慢，Lighthouse 评分很低。我已经试过开启 brotli 压缩和分包，但效果不明显。 是不是我的组...
-
2
回答
30浏览
React Hook Form 的 setValue 为什么不能立即更新表单值？
我在用 React Hook Form 做一个动态表单，想通过下拉框选择后自动填充其他字段。但调用 setValue('fieldName', value) 后，界面上的输入框没变化，控制台打印 wa...
-
2
回答
45浏览
React 开启 Strict Mode 后 useEffect 被执行了两次，正常吗？
我在开发 React 应用时开启了 Strict Mode，结果发现组件里的 useEffect 在开发环境下执行了两次，导致接口被请求了两遍，这正常吗？我是不是哪里写错了？ 这是我的代码： useE...
-
1
回答
76浏览
React Strict Mode为什么导致useEffect两次执行？代码没问题却报错
我在React组件里用Strict Mode包裹App时，发现useEffect里的API请求执行了两次，控制台还报错说useState未定义。但移除Strict Mode后就正常了，这是为什么？ 比...
-
2
回答
55浏览
React高阶组件传递props时报错，该如何解决？
最近在尝试用高阶组件封装一个表单组件，但发现装饰后的组件接收不到props参数。比如传入的onSubmit函数在子组件里变成undefined了。 我按照教程写了个withLogger HOC，用函数...
-
2
回答
76浏览
H5页面首屏加载超过3秒怎么优化？
我在开发移动端H5页面时，首页首屏加载时间总卡在3.2秒左右，已经尝试过压缩CSS和JS文件，给图片加了loading="lazy"属性，但效果不明显。有没有其他优化方法能进一步缩短加载时间？ 目前结...
-
2
回答
61浏览
为什么我的Service Worker缓存策略导致页面刷新后内容没更新？
最近给项目加了Service Worker做静态资源缓存，但发现更新了JS文件后页面一直显示旧版本。明明已经用cache.first策略，还手动调用了clients.claim()和skipWaiti...
-
2
回答
76浏览
React Native Android中自定义组件的padding在不同设备显示不一致怎么办？
我在开发Android端时遇到一个样式问题：自定义组件的padding在部分机型（比如小米12）显示正常，但华为P50上文字会顶到边框，感觉padding被忽略了。我对比过iOS版本没问题。 已经尝试...
-
2
回答
48浏览
Vite+React项目中配置别名后无法导入组件，路径报错怎么办？
在用Vite搭建React项目时，我按文档配置了@别名指向src目录，但导入组件时总提示404错误。比如这样写： // vite.config.js import { defineConfig } f...
