-
usemap属性值不是文件路径而是指向同文档中<map>元素的name属性，必须带#前缀且大小写敏感；相对路径仅用于<img>的src属性，与usemap无关。
-
图片要求：图片格式建议为JPEG或PNG。图片尺寸应与视频分辨率匹配，以避免拉伸或裁剪。建议使用高质量图片，提升用户体验。注意">
poster属性是video标签的原生HTML属性，用于指定视频加载完成前或用户点击播放前显示的占位图；它仅在视频未开始加载或尚未解码首帧时生效，一旦首帧就绪即被替换，不响应交互且无法控制首帧内容。
-
圆角过渡生硬源于默认linear缓动，应改用ease-in-out或cubic-bezier(0.25,0.8,0.25,1)，避免0→任意值跳跃，统一单位并配合其他属性过渡以提升流畅感。
-
Props实现视频播放器进度联动的关键是父组件统一管理currentTime、duration、isPlaying等状态并提供onSeek等回调，子组件仅通过props渲染UI并触发回调，形成“数据驱动UI+操作触发更新”的双向契约。
-
offset-rotate默认值auto表示按路径切线方向旋转，非“智能适配”；常见失效因offset-path未生效、浏览器不支持（Firefox不支持）、折线路径切线突变导致跳变，调试需检查样式生效、固定offset-distance测试、JS验证角度匹配。
-
访问权限代理是一种基于闭包的轻量级控制模式，通过封装业务函数并注入用户身份、角色等上下文，在调用前实时校验权限，满足则执行原逻辑，否则拒绝；支持动态重建代理以适配登录态变更与运行时策略切换。
-
答案：Socket.IO通过join、leave和to().emit()实现房间管理，客户端加入房间后可接收定向消息，服务端向指定房间广播，房间无成员时自动清理。
-
现代布局应直接用display:grid，以repeat(12,1fr)或auto-fit+minmax实现12列语义；子项用grid-column控制跨列，避免width和margin干扰；gap替代margin管理间距；摒弃class命名和IE兼容思维。
-
必须加-webkit-appearance:none和appearance:none，否则iOSSafari中button等表单控件的默认圆角无法被border-radius:0清除；重置后需手动补全border、padding、background-color等基础样式。
-
CompressionStreamsAPI是浏览器原生流式压缩/解压标准，支持gzip/deflate；目前Chrome118+、Edge118+、Safari16.4+支持，Firefox尚未实现，需运行时检测兼容性。
-
initial-scale=1失效主因是viewport标签未在<head>最开头声明、被重复或动态插入覆盖、或内容溢出撑开视口；必须写width=device-width,initial-scale=1.0，且置于所有其他meta和title之前。
-
classList是DOM元素上只读的DOMTokenList对象，用于安全、原子地操作class属性；相比className，它避免覆盖、自动去重、无需手动处理字符串，常用add/remove/toggle/contains等方法。
-
Flex垂直居中失效主因是父容器无高度、为inline-flex或子元素绝对定位；Grid的place-items失效主因是未定义grid-template-rows、存在wrapper嵌套或子元素设置align-self覆盖。
-
