-
使用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间的轻量高效替代方案。
-
是的，grid容器支持嵌套，子元素需显式设置display:grid才能成为独立网格容器并拥有自己的网格线；否则grid-column等属性无效。
-
transition必须写在初始状态而非伪类中，且仅对可过渡属性（如color、transform）生效；不可过渡属性（如display、height:auto）需用max-height等替代；多处声明时后写覆盖前写。
-
ES10（ECMAScript2019）增强实用性与可读性，新增flat()/flatMap()、Object.fromEntries()、trimStart()/trimEnd()、可选catch绑定、Symbol.description、toString()保留注释及JSON.stringify()修复行分隔符处理。
-
伪类和伪元素可连写如:hover::after，但需先定义::after并设置content才能生效；悬停仅控制显隐，须配合visibility/opacity及transition；移动端hover不可靠，无障碍和动态定位需JS补充。
-
SSE是服务器向浏览器单向推送数据的技术，基于HTTP、使用EventSourceAPI实现，适合实时更新场景。1.前端通过newEventSource()连接后端接口，onmessage接收数据；2.后端返回Content-Type为text/event-stream，按格式发送data、event、id、retry字段；3.支持自定义事件监听与断线重连，浏览器自动携带Last-Event-ID恢复；4.适用于日志监控、行情推送等服务端频繁推送场景，但不支持二进制和IE，需注意代理缓冲配置。
-
JavaScript前端路由主要依靠HistoryAPI实现无刷新页面切换，通过pushState/replaceState修改URL并用popstate监听导航，配合路径匹配与组件渲染；旧浏览器可降级使用hashchange事件。
