-
required属性失效的5种常见原因：1.用在非支持元素上；2.元素被disabled或hidden禁用；3.inputtype不支持required；4.非原生submit事件触发提交；5.JS清空值后未重置validity状态。
-
JavaScript数组方法核心是分清修改原数组（如push、sort）与返回新数组（如map、filter），避免状态意外变更；注意find/findIndex边界行为、异步操作陷阱及链式调用类型安全。
-
滚动条宽度不一致引发布局偏移，根本原因是其占用视口水平空间（Chrome/Edge约17px、Firefox约16px、macOSSafari默认隐藏），导致body可用宽度突变；推荐优先使用html{scrollbar-gutter:stableboth-edges}预留空间，不支持时降级为body{padding-right:calc(100vw-100%)}补位。
-
Stylelint命令不识别主因是全局安装未配PATH或未加-g，推荐统一用npxstylelint执行；配置文件需正确设置extends和rules优先级，关闭规则用null而非false；自动修复仅限fixable规则；CI中glob路径需显式列出避免兼容问题。
-
库存低于阈值时通过JavaScript读取data-stock和data-threshold属性，转数字后比对，用classList切换.stock-low等CSS类实现可维护预警，封装checkStockWarning函数并在库存变更后调用，兼顾NaN兜底与事件委托防重复绑定。
-
JavaScript中阻止事件冒泡的核心方法是调用event.stopPropagation()，它终止事件向父级传播但不影响当前元素其他监听器；event.stopImmediatePropagation()更彻底，还阻止同元素其余同类型监听器执行。
-
V8内联函数的关键是结构可预测、无副作用、AST简洁，而非单纯代码行数；含try/catch、eval、arguments等结构即使仅5行也会被拒绝内联。
-
<button>在<form>内未声明type时默认为submit，导致意外提交和页面刷新；应统一显式声明type="button"或type="submit"以避免隐蔽bug。
-
使用CSS@keyframes实现全屏渐变背景加载动画，通过background-position动画配合background-size:400%400%实现平滑流动，animation-fill-mode:forwards锁定终态，并在DOMContentLoaded后立即移除元素以确保无缝衔接真实背景。
-
该用article还是section的核心判断标准是：内容单独复制到新HTML文件中能否被完整理解；能则用article，不能则用section（或nav/aside/footer）；且每个section必须含h2–h6标题，否则语义失效。
-
锚点id必须合法唯一且严格匹配：全小写、连字符分隔、不以数字开头、无空格标点中文；h2/h3需同时处理并嵌套生成目录；href必须与id完全一致（含大小写）；启用scroll-behavior:smooth实现平滑滚动。
-
FIMO生成的HTML报告默认不包含版本号，需通过终端输出、日志记录或后处理注入；官方未嵌入是因侧重参数复现而非报告溯源。
-
Wasm负责计算密集型任务，JavaScript处理DOM和异步逻辑，通过TypedArray共享内存、预分配内存、避免频繁序列化优化数据交互，结合WebWorker提升性能，实现接近原生的执行效率。
-
HTML5没有html5play函数，所谓“超时”实为play()因缺少用户手势被浏览器同步拒绝；须绑定click等交互事件、catchPromise错误、监听loadedmetadata或canplaythrough确保加载就绪。
-
使用Sass的@for循环可批量生成栅格类，如从.col-1到.col-12，通过from...through包含结束值，结合calc()实现动态宽度与边距计算，并能嵌套媒体查询生成响应式类，有效减少重复代码，提升开发效率。
