-
用linear-gradient替代空src做图片占位可避免空白闪；推荐45deg细网格渐变配background-size:20px20px；动画用opacity脉冲而非transform；懒加载图片需IntersectionObserver控制动画启停；注意object-fit与背景尺寸错位问题。
-
严格模式是JavaScript更严格的执行环境，启用后将静默失败转为报错，如未声明变量赋值、重复参数名等；可通过函数级或脚本级两种方式启用，且模块自动启用。
-
CSS样式表的顺序直接影响渲染结果，后定义的样式在特异性相同情况下会覆盖先前规则。外部样式表按引入顺序层叠，后加载的文件优先级更高。内部与内联样式的位置也影响渲染，建议按重置、通用、自定义顺序排列。尽管顺序重要，但高特异性选择器（如id）仍优先于低特异性规则，合理控制顺序可减少冲突并提升维护性。
-
用<img>插入图片需确保src路径正确（优先相对路径）、alt描述准确必要、onerror处理加载失败、srcset/sizes实现响应式，四者缺一不可。
-
移动端CSS动画不触发或卡顿主因是浏览器降级渲染：禁用非transform/opacity属性动画、裁剪合成层、隐藏状态跳帧等；raf在微信iOS版存在后台切回后失效bug；Canvas需适配DPR；SVGSMIL动画iOS已移除。
-
答案：JS通过GeolocationAPI实现定位，核心为navigator.geolocation对象的getCurrentPosition()和watchPosition()方法，需用户授权，结合GPS、Wi-Fi、IP等多源数据，精度受设备、环境、网络等因素影响，需处理权限拒绝与失败情况，并可辅以IP定位或地图API等进阶方案。
-
使用position:relative可使元素相对于原位置偏移，通过top、left等属性调整位置，保留原有空间，常用于微调或作为绝对定位的参考容器。
-
HTML原生color输入框轻量但受限，仅支持#rrggbb格式且无透明度；HSL滑块可控性强但缺色盘直观性；CanvasHSV色盘最专业但开发成本高；表单集成需处理初始值、重置同步与无障碍。
-
HTML5不提供账户锁定机制，锁定由前端JS或后端逻辑实现；需通过开发者工具Network面板判断请求是否发出及响应状态，据此区分前端刷新解除或后端等待/验证码/管理员干预解锁。
-
inline-block卡片错位是因换行符/空格被渲染为约4px间隙，解决法有父容器font-size:0、删空白或改用flex；flex布局更可靠，支持gap、自动换行及响应式，IE11需兼容写法。
-
使用TailwindCSS的Flex和Gap工具类，可以快速构建灵活、响应式的布局，无需写任何自定义CSS。核心在于利用flex容器和gap间距类来控制子元素的排列与间隔。启用Flex布局通过flex类将一个元素变为弹性容器。默认主轴为横向（row），你可以根据需要调整方向。常见用法：flex：创建行内弹性容器flex-col：纵向排列子元素flex-wrap：允许换行justify-center：主轴居中对齐items-center
-
复杂HTML源码可通过五步法调试：一、识别语义标签或类名定位结构；二、用开发者工具高亮、折叠、断点分析DOM；三、过滤框架占位符与注释，标记关键ID锚点；四、提取重排深层嵌套片段并标注布局意图；五、验证嵌套合法性与无障碍合规性。
-
HTML5原生不支持RTSP（含4K），必须通过流媒体服务器转协议为HLS/WebRTC等；4K播放瓶颈在于编码格式、带宽、解码能力及服务端性能，纯前端方案实为服务端中转，并非浏览器直连。
-
通过HTML<fieldset>的原生disabled属性，可一键禁用其内部所有可交互表单控件（如input、button、select、textarea），且不影响各控件原有逻辑状态，无需逐个修改disabled属性。
-
WebTransportAPI提供低延迟、双向数据传输，基于HTTP/3和QUIC，支持可靠流与不可靠数据报，简化服务器通信连接，相比WebRTCDataChannel降低开发复杂度、提升传输效率，适用于实时游戏、金融行情等场景，是WebSocket与WebRTC间的轻量高效替代方案。
