js

Immer通过Proxy实现“看似可变、实际不可变”的更新：包装原始状态为代理，记录变更，produce结束时生成结构共享的新对象，未修改部分复用原引用，确保不可变性与性能兼顾。 JavaScript 中的不可变更新不是靠语言特性强制实现的，而是靠约定和工具辅助。直接修改对象或数组会破坏不可变性，而…

JavaScript操作cookie需通过document.cookie，读写受限；写入用key=value;expires=…格式，读取需解析字符串，删除需设过期时间；单个最大4KB、同域约20–30个，不安全且易被清除，适合存登录态等需自动随请求发送的轻量数据。 JavaScript…

事件委托是利用事件冒泡机制由父元素统一处理子元素事件的技术。它通过在父元素监听事件并用event.target识别目标节点，避免为每个子元素重复绑定监听器，节省内存、提升性能、支持动态添加元素。 事件委托是利用事件冒泡机制，把子元素的事件监听逻辑统一交给父元素处理的一种技巧。它不给每个子元素单独绑定…

JavaScript linting 是用工具静态分析源码以检查语法错误、潜在 bug 和风格问题的过程；ESLint 是主流工具，基于 AST、规则可配置可修复，支持 TS/JSX/Vue 等现代生态。 JavaScript 的 linting 是指用工具自动扫描源码，检查语法错误、潜在 bug、…

懒加载与动态导入本质是按需加载技术，核心为动态import()语法，支持运行时调用、变量路径和构建工具代码分割，用于路由、交互、视口等场景，需结合实际性能权衡使用。 JavaScript 中的懒加载（Lazy Loading）和动态导入（Dynamic Import）本质是同一类技术——按需加载模块…

Prism.js 是最轻量易用的 JavaScript 代码高亮方案，支持丰富语言和主题；需引入核心 CSS 和 JS，代码块须为 结构，按需加载语言或插件，并可手动调用 Prism.highlightAll() 处理动态内容。 JavaScript 实现代码高亮，最轻量、易用且支持丰富的语言和主题…

JavaScript本地存储主要使用localStorage和sessionStorage，二者均以字符串键值对形式存储数据，API相同但生命周期不同：localStorage永久保存，sessionStorage仅限当前标签页。 JavaScript 本地存储主要靠 localStorage 和 …

Map和Set是ES6引入的原生集合类型：Map支持任意类型键、保留插入顺序、无原型污染；Set专注唯一值去重与存在性判断，性能优于数组。 Map 和 Set 是 ES6 引入的两种原生数据结构，不是语法糖，而是为解决传统对象和数组在特定场景下的短板而设计的真正集合类型。 Map：适合需要“任意类型…

JavaScript跨域问题本质是浏览器同源策略限制，阻止脚本读取非同源响应；需后端配置Access-Control-Allow-Origin等CORS响应头，前端合理发起请求，单靠前端无法突破。 JavaScript跨域问题，本质是浏览器出于安全考虑实施的同源策略（Same-Origin Poli…

JavaScript列表渲染需用key标识元素身份以保障高效更新，原生JS无key机制导致重绘丢失状态，React等框架要求唯一、稳定、可预测的key（如id）而非index，否则引发错误复用和性能问题。 JavaScript 实现列表渲染，核心是把数组数据映射为 DOM 元素（或 React/Vu…