代码质量
本话题发布代码质量相关的问答文章和技术分享，将持续更新，为您推荐了10篇问答，访问即可查看更多精彩内容。
-
2
回答
27浏览
惰性求值在前端里到底该怎么用才对？
最近在重构一个数据表格组件，发现每次滚动都要重新计算大量行数据，性能很差。听说可以用惰性求值优化，就试着把计算逻辑包进 getter 里，比如 get formattedData()，但好像没起作用—...
-
1
回答
46浏览
尾调用优化在Vue里真的能用吗？
我听说尾调用优化能防止递归爆栈，但在Vue组件里试了好像没生效，是写法不对还是浏览器不支持啊？ 我写了个递归计算阶乘的函数，放在methods里，结果一跑就报“Maximum call stack s...
-
1
回答
42浏览
这段CSS选择器会不会导致性能问题？
我最近在优化一个老项目，发现有一段CSS用了很深层的嵌套选择器，页面元素一多就感觉卡顿。我查了下说是选择器复杂度会影响渲染性能，但不确定是不是这个原因。 我试过简化结构，但样式就乱了。这段代码是不是真...
-
2
回答
38浏览
React组件卸载后WeakMap里的DOM引用没被回收怎么办？
在React项目里用WeakMap存DOM引用，但发现组件卸载后内存没降下来。比如这样写的： const domRefs = new WeakMap(); function MyComponent()...
-
2
回答
56浏览
位运算优化CSS动画时为啥反而更卡了？
最近在优化一个无限滚动的CSS动画，尝试用位运算代替除法计算位置偏移，但发现帧率反而从60掉到30了。 比如这段代码用位运算右移代替除以2： .scroll-item { transform: tra...
-
2
回答
86浏览
ESLint和Prettier配置冲突怎么解决？代码格式检查老报错
最近团队要求统一代码规范，我把ESLint和Prettier都配上了，但每次保存代码都会报错，比如"Unexpected spaces"和"Missing semicolon"。 尝试过安装eslin...
-
1
回答
90浏览
拖拽组件频繁计算坐标，如何用缓存优化性能？
我在做一个可拖拽的卡片组件，每次鼠标移动都会触发坐标计算，发现控制台提示性能警告。尝试用 useMemo 缓存计算结果，但好像没起作用，还是在频繁重新计算： const calculatePositi...
-
2
回答
128浏览
React中使用闭包导致内存泄漏，该怎么优化？
在开发React列表组件时发现内存泄漏问题，代码里用闭包保存了状态变量。比如这个定时器示例： useEffect(() => { const timer = setTimeout(() =>...
-
2
回答
62浏览
React函数组件中如何避免因函数重新创建导致子组件频繁渲染？
我在开发一个React项目时发现，父组件传递的函数每次重新渲染都会生成新引用，导致子组件不必要的重复渲染。比如下面这个搜索框组件： function SearchBar({ onSearch }) {...
-
2
回答
99浏览
React中大量状态变量如何优化空间复杂度？
我现在在做一个表单组件，有十几个输入框每个都用了独立的useState，发现组件渲染时内存占用特别高。试过把状态合并到一个对象里，但不确定这样是否足够优化。有没有更好的方法减少内存开销？ functi...
