-
Redux适合中大型应用，强调可预测性与调试能力；ContextAPI轻量灵活，适用于低频简单共享状态。二者核心差异在于设计目标、性能机制与学习成本。
-
逗号运算符是返回最后一个表达式值的表达式运算符，常用于for循环更新部分；在声明中逗号仅为语法分隔符，赋值时需括号包裹才生效，但可读性差应慎用。
-
图文默认不对齐是因vertical-align:baseline导致图片底部与文本基线对齐而下沉；Flexbox通过display:flex+align-items:center可实现稳定垂直居中，配合gap和flex-shrink:0提升响应性与兼容性。
-
使用JavaScript检测内存泄漏可以通过ChromeDevTools和Memlab等工具实现。1.使用ChromeDevTools的Memory标签页拍摄HeapSnapshot，比较不同时间点的快照，识别未及时回收的对象。2.使用Memlab通过模拟用户行为自动化检测潜在泄漏。结合工具和最佳实践，如理解引用机制和使用弱引用，可以有效检测和避免内存泄漏。
-
JavaScript中函数分为普通函数和箭头函数：前者支持this动态绑定、arguments、new调用及Generator；后者继承外层this、无arguments和new.target、不可构造、不支持Generator。
-
若HTML源码被混淆，可通过五种方法解析：一、追踪JS执行流程并查看渲染后DOM；二、提取并手动执行嵌入式解密逻辑；三、禁用JavaScript查看原始响应；四、用抓包工具捕获未加密HTTP响应；五、反编译分析WebAssembly解密模块。
-
:hover背景色不生效？1.检查选择器是否正确，确保类名或标签名匹配；2.用开发者工具查看样式是否被覆盖，如有则提高优先级或加!important；3.清除背景图或用background简写；4.确保元素可见且未被遮挡，避免display:none等问题。
-
HTML5中插入特殊符号的四种方法：一、用HTML实体（如©）并声明UTF-8编码；二、直接输入UTF-8字符（需编辑器与文件均为UTF-8）；三、CSS伪元素content注入Unicode（如\2713）；四、SVG内联图形替代复杂符号。
-
grid-row与grid-column用于精确控制网格项的行和列位置，支持通过数字、span关键字或命名线定义起始与结束线，实现灵活布局；使用span可简化跨行列设置，命名线提升代码可读性，配合z-index处理重叠，合理规划可构建清晰高效的复杂网格布局。
-
答案：CSS过渡通过明确设置初始和结束状态实现动画效果。需定义元素的起始样式（如opacity:0、width:100px），并利用:hover或类切换触发目标状态，transition自动计算中间帧完成平滑过渡；结合JavaScript控制类名变更，可精准模拟from/to行为，实现可控动画流程。
-
CSSGrid布局的核心在于通过grid-template-columns和grid-template-rows定义行列结构，结合fr单位、repeat()函数与grid-auto-rows等特性实现灵活的二维布局。首先，display:grid创建网格容器，随后grid-template-columns和grid-template-rows设定显式网格的列宽与行高，支持px、%、auto及fr等单位，其中fr单位可智能分配剩余空间，避免复杂计算。例如200pxauto1fr能实现固定、自适应与弹性分配的
-
原生拖拽需在dragstart中调用dataTransfer.setData()，否则后续事件失效；dragover必须preventDefault()且目标元素需可接收；drop时getData类型须与setData严格匹配；移动端不支持该API。
-
最直接实现导航栏左右分布用justify-content:space-between，需父容器display:flex且子元素分左右容器包裹；居中主菜单宜用margin:auto；响应式优先flex-wrap+order；避免float或absolute。
-
HTML4中script默认同步阻塞，HTML5新增async（下载完立即执行，顺序不确定）和defer（DOM解析后按序执行），二者仅对外部脚本生效，内联脚本忽略这些属性。
-
使用position:sticky实现导航栏吸顶时，必须设置top值并确保其有可滚动的后续内容；父容器的overflow:hidden通常不是根本原因。
