-
JavaScript调试应优先使用DevTools断点和作用域检查而非console.log；在Sources面板点击行号设断点，或用debugger语句动态暂停；注意sourcemap对齐、异步上下文及console.table/group等高效日志工具。
-
SCSS嵌套超过3层易导致维护困难、权重爆炸、调试复杂；应优先提取语义类、善用@at-root解耦作用域，仅在DOM强依赖或状态强绑定时保留2–3层合理嵌套。
-
rotate()需配合transition或@keyframes才能实现动画，单独transform:rotate(45deg)仅为静态效果；须注意单位（deg）、方向（正顺负逆）、原点（transform-origin）、性能（仅用transform过渡）及上下文影响。
-
节流是控制函数在指定时间间隔内最多执行一次的技术，核心是按固定周期执行，适合滚动监听等需持续反馈的场景，与防抖的“延迟确认”逻辑有本质区别。
-
异步提交必须用JavaScript绕开原生机制，因form的action和method仅支持同步跳转；正确做法是移除二者，用FormData+fetch手动收发数据并处理响应。
-
最可靠方式是直接使用disabled属性。它能自动灰化按钮、阻止点击和表单提交，且全浏览器兼容；仅用CSS模拟禁用不可靠，JS操作应使用removeAttribute/setAttribute，框架中需传布尔值而非字符串。
-
button内直接放SVG图标可能触发点击区域异常，因SVG默认pointer-events为auto且vertical-align为baseline，易导致空白区不可点或图标偏移；应设pointer-events:none和vertical-align:middle，并确保无障碍属性完整。
-
用padding-top控制视频宽高比是利用块级元素padding百分比基于宽度计算的特性，通过设置padding-top=(高度÷宽度)×100%（如16:9为56.25%）创建固定比例空白区域，再将video绝对定位其中并配合object-fit:cover和overflow:hidden，实现不变形、不拉伸、不溢出的响应式效果。
-
overflow:hidden失效的根本原因是Flex子项默认min-width:auto阻止收缩，需设min-width:0解除锁定，再配合width约束和text-overflow等才能生效。
-
用<img>的width/height属性仅缩放不裁剪；真正裁剪需容器设宽高+overflow:hidden+object-fit:cover或绝对定位；精确控制用clip-path或Canvas；服务端裁剪更优但需校正EXIF方向。
-
HTML轮播不影响视频自动播放，关键在浏览器策略：需muted+autoplay+用户交互，iOS须手动play()，动态加载需挂载后调用，切换时应pause上一个。
-
var声明变量会提升并初始化为undefined，let/const虽提升但处于暂时性死区（TDZ），声明前访问抛出ReferenceError；var是函数作用域，let/const是块级作用域；const必须初始化且不可重新赋值，但引用类型内部可变。
-
本文详解如何修复计算器上表单区域在手机端水平溢出的问题，核心是为输入控件设置基于百分比的自适应宽度，并配合现代响应式策略提升整体体验。
-
Vue.js的Diff算法通过复用节点+调整插入位置实现“移动”，不直接移动DOM；核心是就地复用、key驱动精准识别、批量操作最小化真实DOM变更。
-
JavaScript中函数是一等公民，意味着函数可自由创建、赋值、传参、返回及参与比较等操作；它可赋值给变量或对象属性，作为参数传递实现高阶函数，作为返回值形成闭包，还具备对象特性如身份比较和存储能力。
