-
防抖是事件停止触发一段时间后执行一次，适合搜索输入等只关心最终结果的场景；节流是固定时间间隔最多执行一次，适合滚动监听等需稳定节奏的场景。
-
语义化标签需按内容角色而非样式选用：article用于可独立分发的内容单元，section用于同主题逻辑分组，aside用于非核心补充信息，nav专用于导航链接集合。
-
调大文字需同步调整line-height等依赖尺寸。优先用无单位line-height（如1.5）保持比例，配合rem/em设置margin/padding，表单元素需重设padding和height，并检查computed值继承链。
-
使用Flexbox制作数据时间轴效率高且弹性好，1.它通过flex-direction控制主轴方向实现垂直或水平布局；2.利用justify-content和align-items精准对齐元素；3.结合伪元素绘制时间轴线与圆点提升视觉效果；4.响应式设计依赖媒体查询调整布局方向与间距；5.复杂内容可通过嵌套Flex布局实现内部元素灵活排列。
-
JavaScript事件循环按“宏任务→清空微任务队列→下一宏任务”循环执行；setTimeout(0)不立即执行，因需等当前宏任务及所有微任务完成；Node.js有6阶段模型且含process.nextTick，浏览器则无。
-
本文介绍一种简洁、可复用的JavaScript方法，用于遍历任意<select>元素的所有<option>，将其value属性批量更新为对应textContent，从而避免手动维护不一致的值，适用于含多个表单的复杂页面。
-
先写测试用例再实现代码，使用Jest或Mocha组织测试套件与用例，通过断言验证输入输出，利用mock隔离依赖，覆盖正常及边界场景，确保测试独立可重复，提升代码质量。
-
现代浏览器禁止无用户交互的视频自动播放，尤其有声视频；需静音+用户交互后JS调用play()并降级处理。
-
JavaScript地理定位API必须经用户明确授权才能使用，首次调用前可用permission.query()检查状态，需在用户触发相关功能时说明用途并请求权限，拒绝后应提供手动输入等降级方案，且位置数据须遵循最小必要原则处理。
-
HBuilder中HTML页面无法正常运行的解决方法包括：一、确认文件扩展名为.html；二、通过“运行→在浏览器中运行”预览；三、在“工具→选项→默认浏览器”中设置默认浏览器；四、检查资源路径是否相对于项目根目录正确；五、对需HTTP支持的功能，使用“内置Web服务器运行”。
-
本文详解如何通过原生JavaScript实现“点击下方缩略图，动态更新主商品图片”的常见电商交互功能，解决因DOM选择器误用、事件绑定不当导致的图片不切换问题，并提供健壮、可扩展的代码方案。
-
HTML里加空格为什么经常“不生效”因为浏览器默认会把连续的空白字符（空格、换行、制表符）合并成一个空格，甚至直接忽略首尾空格。这不是bug，是HTML规范行为——它只关心内容结构，不负责排版细节。常见错误现象： 用多了页面错位、（普通空格）在代码里写了七八个，渲染出来还是一个；用pre标签又导致文字不能换行或样式失控。纯文本场景（如按钮文字、标题中微调间距）：优先用 需要保留多空格+换行的代码/日志展示：用组合想控制某几个词之间的间距：改用CSS的le
-
multiple属性仅对<inputtype="file">和<select>有效：前者支持多文件选择并返回FileList，后者启用多选需配合size属性且须用selectedOptions获取值；其他元素添加无效。
-
答案：通过创建本地HTML文件并用浏览器打开可展示动态圣诞树。具体步骤包括获取完整代码、保存为.html文件、用浏览器双击运行，并通过开发者工具排查脚本错误以确保动画正常显示。
-
WebVTT通过HTML5的<video>和<track>元素实现自定义字幕，其核心优势在于支持精确时间控制、内嵌HTML标签、CSS样式化（::cue伪元素）及多语言切换。相比SRT等传统格式仅能显示纯文本，WebVTT允许对单个字幕设置位置、对齐、颜色等样式，并结合JavaScriptAPI动态操作TextTrack和VTTCue对象，实现字幕实时生成、交互响应与个性化呈现。主要挑战包括时间同步、浏览器兼容性、动态加载逻辑与性能优化，需借助专业工具校准时间戳、跨浏览器测试及合理
