-
Array.prototype.some()天然支持短路，遇首个满足条件元素即返回true，适合权限校验；可结合解构、箭头函数、可选链及纯函数策略实现简洁、安全、可复用的多维权限判断。
-
WCAG2.1AA级在A级基础上补足关键可操作性缺口：A级仅保障“能用”（如alt文本、label），AA级强制“好用”，要求错误提示精准关联字段、焦点顺序逻辑连贯、小字号文本对比度≥4.5:1（非肉眼判断）、焦点必须清晰可见且不依赖颜色，并覆盖图标/开关等非文本元素≥3:1对比度。
-
真正靠谱的做法是用构建工具接管CSS合并：开发阶段保留多个文件便于协作，上线前用PostCSS（postcss-import+cssnano）内联@import、压缩优化，禁用可能误删样式的插件如discardDuplicates和mergeLonghand，并通过postcss-reporter监控日志。
-
JavaScript通过FileAPI和ReadableStream实现高效文件处理，尤其适用于大文件。首先利用File对象获取文件信息，并通过FileReader读取内容；对于大文件，则采用流式读取避免内存溢出。File对象的stream()方法返回ReadableStream，可分块读取数据，结合TextDecoder逐步解码并拼接内容，实现不卡页面的读取体验。示例展示了监听文件输入、读取文本及异步流式读取完整内容的过程。实用场景包括日志分析、CSV解析等，建议边读边解析、提供进度反馈、支持中断读取并
-
flex-wrap:wrap在移动端不生效主因是父容器缺width/max-width约束或子项含white-space:nowrap、固定宽度未配flex-shrink:1，导致换行条件未触发。
-
脚本应放在</body>前最简单可靠，因DOM已构建完毕；若需放<head>，优先用defer（仅对外部脚本有效）或type="module"（默认defer行为），避免阻塞渲染。
-
浏览器拦截MIME类型不匹配的模块是HTML规范强制要求的安全机制，因启用X-Content-Type-Options:nosniff禁止嗅探，只信任服务器声明的Content-Type，防止恶意JS伪装成其他资源绕过防护；常见原因包括路径错误返回404HTML、安全框架重定向至登录页、Windows注册表中.js映射为text/plain，或file://协议无HTTP头；正确解法是确保服务器准确返回JS资源及application/javascript头，而非掩盖问题。
-
scroll-padding在固定导航栏下跳转遮挡标题，因其默认作用于根容器且不自动补偿导航栏高度；需在滚动容器设scroll-padding-top（如calc(64px+env(safe-area-inset-top))），动态高度需JS更新；可与scroll-snap-type共用但需注意Safari优先级问题；Safari15.4+存calc+env首次失效bug，Firefox不支持逻辑属性缩写。
-
HTML5游戏背景音乐需用户手势触发播放，因现代浏览器禁止自动播放；应使用Howler.js管理音频，首次播放绑定click等事件，并注意iOS兼容性、音量控制及真机调试要点。
-
不是HTML5的问题，而是CSS渲染策略与移动端硬件限制共同导致视觉延迟：高DPR设备下1px边框因像素对齐和缩放适配引发重绘延迟，需用scale、0.5px或box-shadow等方案优化。
-
移动端长按触发文字选中是浏览器默认行为，iOSSafari和AndroidChrome均支持；可通过user-select:none禁用，但需配合-webkit-touch-callout:none才能彻底屏蔽长按菜单。
-
IndexedDB中cursor是指向当前记录的异步指针，非可迭代对象，故不能用for...of遍历；必须在onsuccess回调中通过continue()或advance()推进，并检查cursor是否为null来终止遍历。
-
Chromebook完全可以开发HTML页面，只需浏览器渲染；关键在于工具选择、预览方式及权限限制——启用Linux可装VSCode，否则用WebIDE；本地双击HTML会因安全策略失败，需起本地服务；触控板与键盘适配需调整快捷键设置。
-
BigInt内存开销不固定，取决于数值大小和引擎实现；Float64固定8字节、对齐可预测。高算力场景需关注分配、对齐、缓存与传输，而非单值字节数。
-
掌握DOM节点属性是JavaScript操作页面的基础。nodeType、nodeName、nodeValue用于获取节点类型和内容；id、className、innerHTML、textContent、style等属性用于操作元素的标识、样式和内容；parentNode、children、firstElementChild等结构属性可遍历节点关系；value、checked、disabled等表单属性用于控制表单元素状态。结合querySelector和事件处理，能高效实现动态交互。
