-
直接写.responsive-font()会编译失败，因为定义时若漏掉括号（如.responsive-font{...}）则不被视为Mixin，调用时.responsive-font()就报undefined；且调用必须带括号，参数类型须匹配，默认值确保空参可编译。
-
真正的防御必须从「锁定目标」和「识别模式」开始：只监听支付按钮、登录表单等关键容器，配置childList+subtree+attributes（限class/style/hidden），回调中快速筛检高危变更，修复前必disconnect，且需配合load事件等补位document.write等绕过场景。
-
JavaScript状态管理核心是让数据变化可预测、可追踪、可调试；小应用用useState/useReducer，中大型才需Redux等集中式方案，选型应匹配业务复杂度。
-
是，Chrome、Edge、Safari等支持浏览器会自动添加清除按钮（×），无需JS或CSS实现；Firefox默认不显示，需手动处理。
-
浮动导致父容器高度塌陷，使后续元素上移造成视觉错位；根本原因是父容器无法感知浮动子元素，应通过触发BFC（如overflow:hidden或display:flow-root）解决。
-
不能。CSS动画不支持filter数值自动插值，必须在@keyframes中显式写出完整filter:hue-rotate(...)声明，且需注意兼容性、性能及与background-color的混色问题。
-
calc()中加减号两侧必须有空格，否则表达式失效；乘除号无需空格；嵌套变量或预处理器易遗漏空格；DevTools不报错但样式灰显，需查Computed值确认。
-
本文讲解如何正确使用字母数组（A–U）为多个具有相同类名的div元素逐个分配唯一字母编号，避免所有元素被错误赋值为最后一个字母的问题。
-
repeat()方法常见应用场景包括生成分隔符、文本对齐、构建重复模式、生成占位符。①生成分隔线如console.log("=".repeat(50))；②文本对齐如padRight函数用空格填充；③构建重复图案如SVG路径；④生成占位文本如"X".repeat(100)。使用时需注意内存消耗、RangeError异常及类型转换问题：①重复过长字符串可能占用大量内存；②负数或Infinity参数抛出RangeError；③小数参数自动截断，非数字参数抛出异常。相比其他方法，repeat()代码更简洁直观，
-
纯前端HTML计算器双击index.html即可运行，无需服务器或在线工具；关键在JS逻辑与DOM正确连接、输入类型转换、避免evalXSS风险、解决移动端点击延迟、合理使用localStorage而非URL存状态，并补充键盘支持。
-
绝对定位多列不重叠需按内容最大宽度设列宽并加间隙，left用累计偏移计算，父容器须设height防塌陷，IE11避免混合单位calc()。
-
Less变量需加模块前缀（如@btn-primary-bg）避免命名冲突，声明须带分号，注意引入顺序；.mixin()适合动态样式，.extend()用于固定样式合并；函数操作HSL空间，慎用嵌套；变量需同步为CSS自定义属性以联动JS。
-
用@keyframes实现云朵飘动需设translateX(-100%)无缝循环，配合will-change:transform触发GPU加速、linear缓动、overflow:hidden防白边；云形用border-radius组合或clip-path绘制；分三层z-index模拟景深，各层duration/opacity/位移范围不同；须响应prefers-reduced-motion降级。
-
discarded状态无法被JavaScript捕获，唯一可靠保存时机是freeze事件和pagehide且persisted===true；还原需结合pageshow.persisted、localStorage时间戳及navigation类型综合判断冷启动与热恢复。
-
WeakSet不能防止脚本注入，仅能非侵入式追踪已授权DOM元素引用以避免内存泄漏；它不参与授权决策，须配合严格校验与防御性操作，且不可替代XSS根本防护措施。
