-
overflow-x:auto滚动条不出现主因是子元素未撑开父容器宽度；需设固定宽、防换行、禁收缩；卡顿需GPU加速；移动端需-webkit-overflow-scrolling:touch和touch-action:pan-x；末尾回弹不准需处理间隙与盒模型。
-
使用@keyframes定义动画关键帧，通过transform的scale()和rotate()组合实现图片缩放旋转，再用animation属性应用到图片，可设置时长、缓动、循环等参数，配合:hover还可触发悬停动画，注意transform需统一声明避免覆盖。
-
HTML页面加载快慢取决于浏览器“先看到什么、先画什么、先让用户感知到什么”：结构优先级决定渲染顺序，首屏内容可读性、无跳动、不卡顿直接决定视觉感知速度。
-
可使用CSSfilter的drop-shadow实现图片发光效果，支持单层、多层叠加、box-shadow混合、响应式适配及兼容性回退五种方法。
-
HTML5inputtype="date"提交的日期格式是YYYY-MM-DD（如“2024-03-15”），符合ISO8601标准，不带时区和时间，PHP接收为字符串，需用DateTime::createFromFormat()严格校验并二次格式比对防非法日期。
-
实现导航栏下拉动画需结合CSS的transition与transform属性。1.构建HTML结构，包含主菜单与子菜单；2.通过CSS设置.dropdown-content默认opacity:0、visibility:hidden和transform:translateY(-10px)，实现隐藏；3.利用:hover触发状态，使opacity:1、visibility:visible、transform:translateY(0)，配合transition实现滑动淡入效果；4.可分离transition属
-
text-orientation必须与writing-mode配合使用，仅设text-orientation无效；mixed是中英混排竖排的默认推荐值，使汉字直立、ASCII字符顺时针旋转90°，符合出版规范。
-
百分比高度不生效的根本原因是父容器高度为auto，导致无法计算相对值；需逐层检查祖先元素是否有显式高度（height/max-height/min-height或flex/grid撑开），推荐用flex:1替代height:%，并统一设置box-sizing:border-box。
-
车机WebView兼容性差，需实测HTML5API并降级；原生通信须用厂商SDK统一入口并加超时；资源加载受限于沙箱路径；需适配硬重启/休眠唤醒生命周期。
-
CustomEvent与postMessage结合可实现跨文档通信，发送方通过postMessage传递数据，接收方验证origin后将其转为CustomEvent，从而将外部消息集成到内部事件系统，提升解耦与维护性。
-
用DevTools实时调试比手写或在线生成器更可靠，box-shadow参数顺序为h-offsetv-offsetblur-radiusspread-radiuscolor，易错点是混淆后两者，多阴影逗号分隔且从左到右渲染。
-
发票申请表单必填字段包括购买方名称、纳税人识别号、开户行及账号、发票类型、金额、开票内容；缺一不可，否则财务系统将拒收或退回重填。
-
Proxy的核心用途是拦截对象的get、set、has、deleteProperty、ownKeys、defineProperty和getOwnPropertyDescriptor等内部操作。它不能代理原始值，仅适用于对象，且必须用Reflect转发原操作以避免死循环或行为丢失。
-
border-radius与border-style:dashed可同时使用但圆角处虚线会断裂，因规范要求各边独立绘制；解决方案是用四个linear-gradient模拟虚线边框并配合background-clip和padding实现自然圆角衔接。
-
flex-grow:1在flex-wrap:wrap下无法实现跨行等高，仅在同一行内按比例拉伸；真正起效的是align-items:stretch，但需父容器有交叉轴尺寸参照且卡片内部不破坏高度继承链。
