专研狂

💡 技术问题与解决方案总结 1. 元素过渡动画失效：display: none 的影响 问题描述: 使用 display: none 来隐藏/显示元素时，无法触发 CSS 过渡 (Transition

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

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

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

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

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

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

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

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