red
-
什么是useCallback？记忆化的函数
useCallback用于记忆化函数，避免组件重新渲染时函数引用变化导致子组件不必要的重渲染。它接收函数和依赖数组，仅当依赖项变化时返回新函数实例，常与React.memo配合优化性能，防止闭包陷阱需正确设置依赖，但不应过度使用，因有额外开销，适用于函数作为props传递至优化子组件的场景。 use…
-
js怎么动态创建dom元素
动态创建dom元素的核心是使用document.createelement()创建元素，再通过appendchild()或insertbefore()将其添加到dom树中；2. 设置元素的文本内容可用textcontent或innerhtml（需注意xss风险），属性可通过element.setat…
-
JS如何实现组件化开发
js组件化开发的核心是将ui拆分为独立、可复用的模块，以提升代码的可维护性和复用性；1. 可通过原生js使用类或函数封装组件结构、样式与行为，结合模板字符串和事件监听实现，但需手动管理状态与生命周期，适合小型项目或学习；2. 使用react、vue、angular等框架可更高效实现组件化，react…
-
JS如何实现Canvas绘图？Canvas的API
canvas绘图性能优化的技巧包括减少重绘区域、使用离屏canvas、避免在requestanimationframe中进行大量计算、合理利用缓存以及选择合适的绘图方式；具体而言，应只更新变化的部分，将复杂图形先绘制到不可见的离屏canvas再复制到主canvas，通过web workers处理密集…
-
JS错误处理怎么实现
JavaScript错误处理通过try…catch、异步处理机制和全局监控构建防御体系，核心是预判风险并制定应对策略。首先，try…catch用于捕获同步错误，如JSON解析失败或属性访问异常，catch块可执行提示或日志上报，finally确保收尾操作执行；其次，异步操作中…
-
Morris遍历是什么？O(1)空间的遍历
Morris遍历通过线索化实现O(1)空间复杂度，利用前驱节点的右指针建立线索，遍历后恢复原树结构，适用于内存受限场景，但实现复杂且不适用于后序遍历。 Morris遍历是一种无需额外栈空间（O(1)空间复杂度）就能完成二叉树遍历（如中序、前序）的方法。它通过巧妙地修改树的链接结构，即创建“线索”，来…
-
js 如何用pullAll移除数组中的多个值
lodash的pullall方法可高效移除数组中多个特定值，它直接修改原数组，接受一个待操作数组和一个包含需移除值的数组作为参数，例如_.pullall(fruits, [‘apple’, ‘banana’])会从fruits中移除所有匹配项；与pul…
-
js 如何使用sumBy计算对象数组的属性总和
使用lodash的_.sumby()可快速计算对象数组中某属性的总和，它接收集合和迭代器（属性名或函数）作为参数；2. 相比reduce，sumby代码更简洁、意图更明确，且能避免空数组或非数字值导致的错误；3. 在无外部库时，可用reduce手写customsumby函数，支持字符串属性名或函数提…
-
React Keys：在静态数组中高效使用Fragment进行列表渲染
本文旨在解决React中将静态数组映射为HTML标记时，React.Fragment缺少key属性导致的警告问题。我们将深入探讨React Keys的原理，分析将key放置在Fragment内部元素上的误区，并提供将key正确应用于React.Fragment的解决方案，同时讨论在何种情况下可以使用…
