专研狂

🔒 前端安全最佳实践 Checklist 1. XSS 防护 所有用户输入都进行 严格校验和转义（避免直接 innerHTML）。 使用 DOM API 安全插入内容（t...

总结对比 特性 WebSocket SSE 连接方式 双向通信，客户端和服务器都可以发送消息 单向通信，服务器向客户端发送消息 协议 WebSocket 协议（ws:// ...

1.了解过脚手架/命令行工具开发吗，简单说明开发要点 先叙述背景，为什么要做脚手架 技术要点，nodejs开发，用了哪些依赖库 实现了vue create vue page...

事件循环 执行完一个宏任务后，立即清空所有微任务，然后在进行ui渲染，最后再开启下一个宏任务。 1.首先script标签里代码作为宏任务开始执行。 2.在执行过程中，同步代...

✅ 性能优化： 首屏加载优化---打开速度快 缓存优化---再次打开速度快 渲染优化---操作怎么才顺滑 上任务拆分优化---动画保证流畅 之前做过哪些性能优化？ 首屏优化...

1.usecontext和redux有啥缺陷 useContext 本质只是 跨组件传值，并不是真正的“状态管理库”。 缺点： 更新粒度粗 Provider 里的 valu...

🔹1. 为什么 useState 更新了，但打印是旧值？ 原因： setCount 并不会立刻修改 count，而是 调度一次重新渲染。 在当前函数调用上下文里，coun...

1.keepalive原理 基本作用 正常情况：组件切换时会被销毁（beforeUnmount → unmounted），再次进入时重新挂载。 使用 <keep-alive...

Object.defineProperty： 缺点： 只能监听具体的属性，不能直接监听整个对象。 不能拦截 delete、in、for...in 等操作。 对数组、动态新增...

1. useEffect和uselayoutEffect区别 Hook 触发时机 是否阻塞渲染 useEffect 浏览器完成渲染（绘制）之后 才执行，属于 异步 调用，不...

作用域链 每个函数在创建时都会生成自己的作用域链 链的最前端是当前函数的变量对象（VO/AO） 后续是外层函数的变量对象，直到全局对象 原型链 每个对象都有一个隐藏的[[P...

```md let arr = [2, 9, 6, 7, 4, 3, 1, 7, 0, -1, -2]; // Symbol("description") 是一种用于表示任...

JavaScript 数据结构与算法分析 1. 时间复杂度分析 示例代码 O(n) 线性复杂度 2. O(n²) 平方复杂度 3. 嵌套函数 O(n²) 复杂度分类 类型 ...

🧠 一、限制并发请求数量 . 请求队列 / 并发池 使用并发控制技术，如「请求池」或「信号量」控制并发请求数量，防止前端同时发出大量请求。 🔁 二、合并请求（请求合并 ...

🧭 流程概览： ✅ 1. 用户访问前端页面 用户访问前端 SPA 页面（例如 https://app.example.com）。 🔍 2. 前端检测本地是否已登录 前端...

五分钟刷新请求 使用案例 JavaScript 定时器的精度受 浏览器调度 和 主线程阻塞 影响。 这意味着 两次请求之间的间隔是 5 分钟 + 3 秒，会随着网络波动慢慢...

1. 使用 useGPU / progressive 开启渐进式渲染 2. 降采样（下采样） 3. 使用 Canvas 而非 SVG 4. progressive 分批渲染...

const定义的数据可以更改么？ 基本数据类型不可以修改 引用数据类型绑定不可变，但内容可以修改，变量指向的内存地址不变，但对象内部属性或数组元素可以修改。 若需完全不可变...

前言 上一篇介绍了如何实现布局，本篇就具体来聊聊如何使用svg实现甘特图～现实前端开发中，svg常常是作为页面中的小icon存在，在移动开发中，还会作为一张背景图，主要是为...