-
表单响应式需统一设width:100%和box-sizing:border-box；小屏下label与input须用flex-direction:column堆叠；焦点时调用scrollIntoView({block:'nearest'})防键盘遮挡；原生控件如date/number需设font-size≥16px及min-height:44px。
-
:empty真正匹配完全不含任何子节点（含文本、元素、注释）的元素，哪怕一个空格或换行符都不行；它只基于DOM结构，不看视觉效果。
-
transition对display:none无效，因display是离散属性无法插值；应改用visibility+opacity组合实现淡入淡出，并注意z-index、position、pointer-events及transitionend过滤等实战要点。
-
CSSanimation不支持自动串联关键帧，多段动画需通过多个独立animation声明配合animation-delay错峰触发，并设fill-mode为forwards以保持状态。
-
需用HTML构建静态布局并结合CSS实现微信朋友圈视觉效果与交互结构，包含基础结构法、Flex布局法、伪元素装饰法、数据驱动法及无障碍增强法五种方法。
-
不能，less.js从v4起废弃浏览器端运行时编译，v5彻底移除script[type="text/less"]和link[rel="stylesheet/less"]支持，因安全、性能问题及现代构建工具已提供更优替代方案。
-
本文详解React弹出层自动关闭的根本原因——事件冒泡机制，并提供专业、健壮的解决方案，包括stopPropagation的正确使用、更优的捕获阶段监听策略，以及防误触的边界处理技巧。
-
justify-content:space-evenly不生效的首要原因是父容器未设置display:flex；它将总空白均分给n+1个间隙，实现首尾与中间间隙完全等宽。
-
适配器模式通过创建中间层解决接口不匹配问题，将不同数据源的字段格式统一，使原本不兼容的接口能协同工作，提升系统解耦性与扩展性。
-
使用:not(:last-child)可选中除最后一个子元素外的所有同级元素，常用于为列表项添加分隔线或间距时排除末尾元素；例如li:not(:last-child){border-bottom:1pxsolid#ccc;}可为每个列表项下方加边框，但最后一项不加，使界面更整洁。该选择器基于父元素中的位置判断，若需按标签类型排除末项，应改用:not(:last-of-type)。
-
print.css未生效主因是media属性错误，必须严格写为media="print"；打印时默认禁用背景色、颜色等，需用color-adjust:exact系列声明覆盖；推荐使用pt等绝对单位而非rem/em。
-
浮点数精度问题源于十进制小数无法精确转换为二进制，导致如0.1+0.2≠0.3；可通过转整数、toFixed、误差范围或高精度库解决。
-
本文详解如何通过精准控制CSStransition属性、优化IntersectionObserver逻辑与避免background-position动画被全局过渡干扰，彻底消除移动端小屏（<670px）下视差滚动的卡顿与延迟。
-
D3.js的核心是数据驱动DOM与SVG操作，通过enter/update/exit模式、比例尺、坐标轴、形状生成器等工具实现高度定制、响应式强、性能可控的可视化；适合需深度交互、动态更新或教学研究的场景。
-
HTML安全检查进度需用JavaScript动态更新progress标签的value值，不可写死在HTML中；应锚定8–12个可自动化判定的具体项，如CSP头、formautocomplete等；前端仅负责静态结构与同源DOM检测，关键项须依赖后端API返回结果。
