-
gap仅支持一至两个值（行距、列距），不适用于Flex布局（兼容性差），不可用百分比（除非父容器尺寸明确），会覆盖grid-row-gap等旧属性。
-
HTML5表单需正确使用语义化属性才能提升可访问性：必须显式关联label与控件，fieldset+legend用于选项组，aria-invalid和aria-describedby须动态更新，type属性须真实匹配内容，自定义下拉须手动实现完整ARIA支持。
-
移动端JavaScript适配核心是感知设备与响应变化，需正确设置viewport、区分touch/mouse事件、监听旋转缩放、优化性能并适配键盘弹出。
-
HTML本身不提供特效功能，所有动效须由CSS（transition/animations）或JavaScript（requestAnimationFrame等）实现；需避免display:none过渡、滥用will-change、误用marquee，并用DevTools定位渲染问题。
-
能，但仅限现代浏览器；aspect-ratio是原生尺寸控制，比padding-top更干净、可继承，适用于块级或flex/grid子项，需避坑img/video固有宽高比及width/height冲突。
-
使用position:fixed结合Flex布局可实现模态框居中，通过.modal-overlay设置固定定位与flex对齐，.modal-content定义样式，HTML结构嵌套内外层，JavaScript控制显示隐藏，兼顾兼容性与响应式。
-
HTML5本身不提供边框样式，实线边框仅由CSS的border-style:solid实现；清晰1px边框需综合控制border-width、box-sizing、设备像素比及避免祖先缩放干扰。
-
用Flex布局让导航栏居中，需对<ul>设display:flex和justify-content:center，并重置padding:0、margin:0；用gap控制间距，li去list-style，a去下划线并设display:block和padding。
-
HTML5播放RTMP流需借助第三方方案：一、flv.js+Nginx-rtmp-module转HTTP-FLV；二、video.js+HLS/DASH转封装；三、hls.js播已转HLS流；四、WebRTC网关实现低延迟。
-
AdobeXD导出的CSS代码不准确，主要表现为布局僵化、单位混用、类名无语义、样式冗余等问题；其根源在于工具无法理解组件化与响应式逻辑；解决方法是在设计阶段采用组件化思维、规范图层命名、统一设计资产；导出后需通过预处理器重构、提取变量、合并样式，并结合现代CSS框架与代码工具进行优化；最终依赖开发者对语义化与响应式的深入理解完成人工重构。
-
hsla()的alpha值必须是0–1小数而非百分比，如hsla(200,50%,60%,0.4)有效，hsla(200,50%,60%,40%)无效；alpha=0时元素仍占布局空间且可响应事件。
-
JavaScript的class是ES6提供的定义类的语法糖，底层基于原型继承。1.使用class关键字定义类，如classMyClass{}；2.构造函数constructor用于初始化实例属性；3.方法定义在类体中，自动添加到原型；4.通过extends实现继承，子类用super调用父类构造函数；5.支持静态方法（static关键字）和私有字段（#前缀）增强封装性；6.常见误区包括误认为class脱离原型链及过度使用继承，最佳实践提倡组合优于继承、合理使用私有字段并遵循命名与设计原则。
-
隐藏视频却不中断播放的最小安全方案是使用position:absolute+inset:-9999px将视频移出视口，同时保留其在Grid中的网格项位置；避免display:none或visibility:hidden导致暂停播放。
-
minmax(300px,1fr)中最小值限制导致小屏下无法折行，应改用minmax(min-content,1fr)或结合clamp()实现真自适应。
-
通过UserAgent可检测浏览器类型和版本，但应优先使用特性检测。示例函数判断Chrome、Firefox等，并提取版本号，建议结合@supports和API检测提升兼容性。
