-
addEventListener()是首选，因其支持多次绑定、捕获/冒泡控制、可移除；需传同一函数引用才能清除，匿名函数无法移除；passive:true提升滚动性能；事件委托通过父节点监听+event.target匹配实现，避免重复绑定；须重视监听器生命周期管理以防内存泄漏。
-
必须在用户手势回调中调用play()并捕获Promise失败，pause()可随时调用；currentTime单位为秒但受缓冲和关键帧影响；volume(0–1)、muted(推荐静音)、playbackRate(影响音调)可实时修改；应监听loadedmetadata、timeupdate、ended等事件而非轮询。
-
空alt（alt=""）是正确写法，明确表示图片无文字意义，被屏幕阅读器跳过、搜索引擎忽略；alt=""含空格则被视为无效字符串，会导致误读、SEO问题及校验失败。
-
Flex导航栏小屏不折叠因flex-wrap:nowrap和min-width冲突；下拉菜单不显因z-index/position缺失；移动端:hover失效需改用:focus-within或JS；Safari14以下错位因flex:1解析bug，应写全参数。
-
PSD导出HTML5图层缺失的解决方法：一、确保图层可见且未锁定；二、启用并配置图层复合；三、重命名为英文数字组合；四、关闭图层优化与合并选项；五、改用“存储为Web所用格式（旧版）”导出。
-
使用sed命令可批量优化CSS和HTML代码：首先将CSS中固定宽度替换为弹性单位如100%或clamp()，提升响应式适配；接着修改HTML内联样式中的px值为百分比，并外置样式；再通过正则删除重复或无用的选择器以减小文件体积；最后为flex、transition等属性自动添加-moz-、-webkit-等浏览器前缀，确保兼容性。整个过程高效精准，显著提升项目整洁度与跨设备兼容能力。
-
在HTML5中创建必填搜索框需使用required属性实现客户端验证，配合setCustomValidity自定义提示、placeholder引导输入、novalidate手动控制及type="search"优化移动端体验。
-
HTML表格通过table、tr、td/th标签构建基本结构，支持边框设置、单元格合并及嵌套布局；其中th用于表头，rowspan/colspan实现跨行跨列，HTML5推荐用CSS替代废弃的border等属性。
-
下拉框联动的核心逻辑是监听change事件并动态更新选项。需先清空目标下拉框，再根据映射关系或异步数据填充；注意防重复添加、禁用状态、错误处理及第三方库兼容性。
-
CSS样式被覆盖的核心原因是选择器优先级（specificity）和层叠顺序（cascadeorder）共同作用；应利用开发者工具查看带删除线的样式、对比四元组权重(a,b,c,d)、确保自定义样式后加载，并慎用!important。
-
制定有效的离线缓存策略需根据资源类型和用户需求选择合适的策略。1.缓存优先，网络回退：适用于静态资源，先从缓存获取，未命中再走网络，优点是访问速度快且离线可用，缺点是可能返回旧内容；2.网络优先，缓存回退：适用于需要最新数据的场景，如新闻、动态，先尝试网络请求，失败时再使用缓存，优点是数据新鲜，缺点是离线或网络慢时体验差；3.缓存与网络并行（Stale-While-Revalidate）：适用于快速展示并后台更新的场景，如社交媒体时间线，立即返回缓存内容并在后台更新，优点是用户体验好且数据最终一致，缺点是
-
使用合适格式、懒加载、响应式适配和预加载可优化HTML图片加载。①选用JPEG/PNG/WebP/AVIF格式并用<picture>提供备选；②通过loading="lazy"或IntersectionObserver实现懒加载；③利用srcset和sizes适配不同设备；④对首屏关键图使用<linkrel="preload">提前加载，综合提升性能与体验。
-
浮动元素脱离文档流是因为float使元素脱离普通流并允许文本环绕，导致父容器塌陷；清除浮动需在父容器层面处理，常用伪元素法、overflow触发BFC或空标签法。
-
采用Yjs与WebSocket实现实时协作编辑，首先通过Yjs的CRDT算法自动处理多用户操作冲突，确保数据一致性；接着集成Quill或ProseMirror等富文本编辑器，捕获用户输入行为并转换为可同步的操作指令；利用WebSocket建立双向通信，服务端广播操作至所有客户端，实现低延迟更新；同时同步光标位置与选区信息，提升协作体验；最后通过操作日志或快照持久化保障数据不丢失。该方案避免手动实现OT，开发效率高且稳定可靠。
-
本文介绍一种无需JavaScript的纯CSS方案，通过<label>+隐藏复选框+:has()伪类实现字母索引侧边栏的按需展开功能，确保所有子项默认隐藏，仅在点击对应字母时显示。
