-
background-attachment:fixed在移动端基本失效，因Chromev56+和Safari主动降级为scroll；需满足无transform父容器、height:100vh等硬性条件才能在桌面端稳定工作；移动端应fallback至scroll+JS动态background-position或使用scroll-drivenanimations。
-
所谓“单例工厂”不是独立设计模式，而是单例生命周期管理与工厂函数创建逻辑的组合实践；它通过主应用启动时统一调用工厂、注入已实例化的单例对象，实现运行时动态依赖切换，避免插件内直接new导致的状态不一致、环境强耦合与测试脆弱等问题。
-
WebGL是基于OpenGLES的JavaScriptAPI，可在网页canvas中渲染2D/3D图形，利用GPU加速，无需插件。它通过顶点和片元着色器（用GLSL编写）控制渲染流程，核心步骤包括获取上下文、编译着色器、链接程序、传入顶点数据并绘制。示例中绘制红色三角形需设置顶点位置、颜色，并调用drawArrays。attribute传递顶点数据，uniform传全局参数，varying用于着色器间通信。尽管Three.js等库简化开发，掌握原生WebGL有助于性能优化与调试。
-
超时Promise必须用reject触发，确保race状态为rejected以便catch明确捕获；每次请求需新建独立timeout实例；应自定义TimeoutError类并用instanceof判断；配合AbortController中断fetch请求，abort后统一转为TimeoutError。
-
background-attachment:fixed必须配合background-repeat:no-repeat、background-size:cover/contain和background-position:centercenter才生效；需设在全屏wrapper上，避免用于Bootstrap容器；IE和旧Safari需@supports降级；移动端卡顿源于合成限制，模糊主因是图源分辨率不足。
-
sticky元素“滚到父容器底就消失”是因为其被限制在粘性约束矩形内生效，超出该矩形底部即退回到relative定位。该矩形由最近可滚动祖先的内容边界决定，可通过DevTools观察position计算值变化或getBoundingClientRect()验证。
-
trycatch仅捕获同步运行时错误（如ReferenceError、TypeError），无法捕获语法错误（解析阶段）、异步错误（需在回调或async/await中使用）、Promisereject（需.catch()或await配合trycatch）。
-
本文详解如何使用HTMLTidy工具（命令行）实现符合现代开发习惯的HTML格式化，重点解决<link>/<script>等标签中href、integrity、crossorigin等多属性的垂直对齐与智能缩进问题。本文详解如何使用HTMLTidy工具（命令行）实现符合现代开发习惯的HTML格式化，重点解决``/``等标签中`href`、`integrity`、`crossorigin`等多属性的
-
autofocus仅对原生可聚焦且处于可交互状态的表单元素有效，如text、email、textarea、select、button等；在iOSSafari中静默失效，动态插入、隐藏、禁用或非可聚焦元素上均无效。
-
直接双击保存为.html后缀的文件即可用浏览器运行，无需另存为网页；务必用纯文本编辑器、手动输入后缀、避免空格中文；本地file://协议下基础功能正常但API受限，需本地服务测完整功能；DOCTYPE必须首行且无BOM，路径须准确，404错误易被忽略。
-
transition与filter结合可实现平滑视觉动画，如图片悬停变灰、模糊或亮度变化，通过transition定义滤镜过渡时长与缓动，配合grayscale、blur、brightness等属性提升交互体验，常用于图片悬停效果，建议优化性能并注意浏览器兼容性。
-
浮动元素脱离文档流致后续块级元素绕行错位，clear:both通过强制元素边框框不与浮动元素重叠来解决，但现代推荐用display:flow-root或Flex/Grid布局替代。
-
HTML文件误删或损坏可按五步恢复：一、从回收站/废纸篓还原；二、用文本编辑器检查修复标签与编码；三、用浏览器开发者工具导出实时HTML；四、通过Git等版本控制检出历史版本；五、用Recuva等工具扫描磁盘残留数据。
-
new.target是JavaScript中用于检测构造函数调用上下文的元属性，仅在类或构造函数内有效，不参与网关的路由转发、协议转换、流式分发或弹性机制等核心职责。
-
旧版Firefox（<60）浮动布局异常主因是严格遵循CSS2.1浮动边界与行框重排规范，而非私有属性缺失；需显式设display:block、box-sizing:border-box，注意vertical-align、sub-pixel误差及clear被stackingcontext或margin合并干扰。
