red

redux解决了前端开发中状态管理混乱、数据流不可预测、组件间通信复杂等痛点，其核心是通过store、action、reducer、dispatch和selector协同工作，实现单一数据源、状态只读和纯函数更新，从而让状态变化可追踪、可调试；1. store是全局唯一的状态容器；2. action…

使用array.prototype.map()进行数组元素格式转换的核心在于其回调函数返回新元素，生成新数组而不修改原数组。1. map通过回调函数将每个元素转换为新格式，返回新数组；2. 回调函数可接收元素、索引和原数组，适用于基于位置或全局信息的转换；3. 可在回调内执行复杂逻辑，如条件判断、嵌…

JS实现第三方登录，本质上是利用第三方平台的授权机制，让用户在第三方平台完成身份验证后，将用户信息传递给你的应用。关键在于理解OAuth 2.0协议流程。 解决方案 选择第三方平台: 确定你要支持的第三方登录平台，例如Google、Facebook、GitHub等。每个平台都有自己的开发者文档和AP…

json.parse(json.stringify(obj)) 不能深拷贝一切，它会丢失或转换函数、undefined、symbol、regexp、date等类型，且不支持循环引用；2. 实现真正深拷贝的推荐方法是使用 structuredclone()，它能处理大多数内置对象和循环引用，但不支持函…

useCallback用于记忆化函数，避免组件重新渲染时函数引用变化导致子组件不必要的重渲染。它接收函数和依赖数组，仅当依赖项变化时返回新函数实例，常与React.memo配合优化性能，防止闭包陷阱需正确设置依赖，但不应过度使用，因有额外开销，适用于函数作为props传递至优化子组件的场景。 use…

动态创建dom元素的核心是使用document.createelement()创建元素，再通过appendchild()或insertbefore()将其添加到dom树中；2. 设置元素的文本内容可用textcontent或innerhtml（需注意xss风险），属性可通过element.setat…

js组件化开发的核心是将ui拆分为独立、可复用的模块，以提升代码的可维护性和复用性；1. 可通过原生js使用类或函数封装组件结构、样式与行为，结合模板字符串和事件监听实现，但需手动管理状态与生命周期，适合小型项目或学习；2. 使用react、vue、angular等框架可更高效实现组件化，react…

canvas绘图性能优化的技巧包括减少重绘区域、使用离屏canvas、避免在requestanimationframe中进行大量计算、合理利用缓存以及选择合适的绘图方式；具体而言，应只更新变化的部分，将复杂图形先绘制到不可见的离屏canvas再复制到主canvas，通过web workers处理密集…

JavaScript错误处理通过try…catch、异步处理机制和全局监控构建防御体系，核心是预判风险并制定应对策略。首先，try…catch用于捕获同步错误，如JSON解析失败或属性访问异常，catch块可执行提示或日志上报，finally确保收尾操作执行；其次，异步操作中…

Morris遍历通过线索化实现O(1)空间复杂度，利用前驱节点的右指针建立线索，遍历后恢复原树结构，适用于内存受限场景，但实现复杂且不适用于后序遍历。 Morris遍历是一种无需额外栈空间（O(1)空间复杂度）就能完成二叉树遍历（如中序、前序）的方法。它通过巧妙地修改树的链接结构，即创建“线索”，来…