-
border总是占据空间，是否计入width/height由box-sizing决定：content-box下不计入，总宽=width+padding+border；border-box下计入，总宽恒等于width。
-
移动端文字强制不换行需用white-space:nowrap、word-break:keep-all和overflow:hidden组合；单行省略还需width、overflow:hidden与text-overflow:ellipsis三者缺一不可，且元素需为block或inline-block。
-
滚动文字逐字显现本质是字符级定时插入，需用JS将字符串转为Unicode安全数组并以requestAnimationFrame或带时间戳的setTimeout逐个写入DOM，避免split('')导致emoji等乱码。
-
本文详解如何将图片设为Canvas背景，并确保其在窗口缩放时保持比例、居中显示，同时兼顾后续绘图的响应式适配。
-
async/await是Promise的语法糖，async函数必返回Promise（如return42→Promise.resolve(42)），await仅在async函数内有效，会暂停执行并等待Promiseresolve，错误需用try/catch捕获，并发请求应使用Promise.all而非连续await。
-
箭头函数省略大括号时隐式返回表达式结果，加大括号后须显式return，否则返回undefined；返回对象字面量需用小括号包裹以避免被解析为函数体。
-
先写测试用例再实现代码，使用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对象，实现字幕实时生成、交互响应与个性化呈现。主要挑战包括时间同步、浏览器兼容性、动态加载逻辑与性能优化，需借助专业工具校准时间戳、跨浏览器测试及合理
