-
库存低于阈值时通过JavaScript读取data-stock和data-threshold属性，转数字后比对，用classList切换.stock-low等CSS类实现可维护预警，封装checkStockWarning函数并在库存变更后调用，兼顾NaN兜底与事件委托防重复绑定。
-
Stylelint命令不识别主因是全局安装未配PATH或未加-g，推荐统一用npxstylelint执行；配置文件需正确设置extends和rules优先级，关闭规则用null而非false；自动修复仅限fixable规则；CI中glob路径需显式列出避免兼容问题。
-
滚动条宽度不一致引发布局偏移，根本原因是其占用视口水平空间（Chrome/Edge约17px、Firefox约16px、macOSSafari默认隐藏），导致body可用宽度突变；推荐优先使用html{scrollbar-gutter:stableboth-edges}预留空间，不支持时降级为body{padding-right:calc(100vw-100%)}补位。
-
JavaScript数组方法核心是分清修改原数组（如push、sort）与返回新数组（如map、filter），避免状态意外变更；注意find/findIndex边界行为、异步操作陷阱及链式调用类型安全。
-
required属性失效的5种常见原因：1.用在非支持元素上；2.元素被disabled或hidden禁用；3.inputtype不支持required；4.非原生submit事件触发提交；5.JS清空值后未重置validity状态。
-
capture是布尔属性，需配合type="file"和精确accept值（如image/*）才能触发原生设备；iOSSafari要求input静态存在于DOM、用户手势直触且禁用桌面模式；Android行为不一，微信X5基本不支持；应以getUserMedia+MediaRecorder为可靠替代方案。
-
float在现代开发中已无布局未来，仅剩邮件模板多栏排版和图文环绕两个不可替代场景；display:flow-root是标准清除方案，而迁移本质是思维重构——从“让元素浮起”转向“定义数据流与轴向”。
-
不能，embed标签已无法可靠播放视频；现代浏览器禁用插件支持，video标签才是原生、安全、兼容的替代方案。
-
HTML中空格会被浏览器合并，导航间距应使用CSS的margin、padding或gap控制，而非空格键或 等字符；white-space:nowrap可能导致文字挤压，需配合flex布局解决。
-
::selection伪元素不继承父元素颜色，必须显式设置color和background-color；仅支持有限样式，需加浏览器前缀，对input/textarea无效，且无法用z-index调整层级。
-
本文介绍在React中实现输入框显示格式化字符串（如“1,22,333”）而内部维护原始数字类型值（如122333）的完整方案，兼顾用户友好性与计算可用性。
-
reduce累加数字时必须显式传入初始值0，否则空数组报错或触发NaN；字符串拼接应传''；对象去重需用some而非includes；避免push修改原数组，改用展开语法；嵌套reduce优先用flat/flatMap替代。
-
用repeating-linear-gradient画等距网格线最省事：通过两个渐变（0deg画横线、90deg画竖线）叠加，配合background-size:20px20px严格对齐周期，避免像素错位，兼容Chrome10+/Firefox16+/Safari6.1+。
-
边框描边动画本质是控制虚线显示节奏：stroke-dasharray设路径总长，stroke-dashoffset控制起始位置；需用getTotalLength()或JS动态计算周长，响应式下须监听resize重算；CSS变量可驱动stroke-dashoffset动画（Chrome110+/Firefox112+支持transition），但@keyframes中var(--offset)无效；SVG推荐显式path而非rect，避免圆角导致dash跳变；Safari性能差时宜改用mask+backgr
-
通过统一字体、优化输入框反馈、美化按钮和布局间距，可显著提升表单的美观性与用户体验。1.设置表单元素继承字体并规范基础样式；2.利用:focus增强输入焦点视觉反馈；3.自定义提交按钮样式并添加悬停效果；4.合理使用标签间距与flex布局实现清晰结构。保持整体风格一致即可让表单更专业。
