-
HTML压缩应使用html-minifier-terser等工具实现构建时压缩，关键配置包括collapseWhitespace和removeComments；Webpack中通过html-webpack-plugin配置；服务端需启用gzip或brotli传输压缩，效果远超文件级压缩。
-
HTML离线功能实现无需网络硬件，核心方法有五：一、ServiceWorker缓存资源；二、CacheAPI与localStorage协同存储表单数据；三、file://协议本地运行；四、manifest.json启用PWA安装；五、IndexedDB持久化存储结构化数据。
-
用<ol>语义化结构配合flex布局水平排列<li>，伪元素::after绘制连接线并隐藏最后一项，外层容器设overflow-x:auto实现响应式横滑，移动端用clamp()缩放字体、white-space:nowrap防换行。
-
AudioWorklet比WebWorker更适合实时音频处理，因其运行在浏览器音频渲染线程，具备微秒级定时精度、零缓冲抖动及严格帧同步能力；而WebWorker存在1–4ms调度延迟，无法满足44.1kHz等硬实时采样要求，易导致断续、相位跳变或卡死。
-
Bootstrap警告框自动淡出需同时满足：HTML中含fade和show类、data-bs-dismiss属性、button关闭按钮；JS中须监听closed.bs.alert事件并preventDefault，再调用alert('close')，否则元素被删无法复用。
-
响应式表单通过HTML结构与CSS样式实现跨设备适配，1.搭建包含用户名、邮箱、密码等字段的表单结构；2.设置基础样式提升视觉效果；3.使用媒体查询实现移动端适配；4.优化焦点状态、可访问性等交互细节，提升用户体验。
-
hidden与断点前缀混用会失效，因hidden等价display:none且优先级更高，覆盖后续断点显示声明；正确做法是仅用断点控制显隐，如hiddenmd:blocklg:hidden。
-
本文介绍一种高效、健壮的方法，用于判断两个对象数组是否包含完全相同的键值对（不依赖元素顺序），并支持定位不匹配的对象，适用于配置比对、API响应校验等场景。
-
应选用原生支持Apple芯片的HTML函数工具：确认应用为ARM64或Universal2架构，优先选VSCode（v1.86+）、BBEdit14.6.5+、SublimeText4Build4185+；插件需标注兼容AppleSilicon；善用SafariWebInspector；确保Node.js及npm包为arm64原生。
-
HTMLPiP不改善小窗体验，反而干扰自定义小窗逻辑；因其脱离DOM、不可控样式/位置/内容，且iOS/WebView兼容性差，应优先采用自定义方案。
-
能。TypeScript的tsc在checkJs:true模式下，配合规范JSDoc注解，可为JS提供接近TS的类型检查与文档生成能力，但需严格满足四项配置（allowJs、checkJs、noImplicitAny、strictNullChecks）及正确注解写法。
-
opacity从0.2→1→0.2而非0→1→0，因人眼对完全透明（opacity:0）极其敏感，会导致关键帧切换时“闪黑”，破坏呼吸连贯性；0.2起始既保留视觉存在感，又提供足够明暗差模拟呼吸起伏，且首尾值一致可避免跳变。
-
JSON是轻量级数据交换格式，非编程语言，语法独立于语言但类似JavaScript对象字面量；要求双引号、无注释、顶层仅object或array；JSON.parse()严格校验，JSON.stringify()忽略undefined/function并丢失类型信息。
-
ChromeDevTools断点调试最直接有效，需结合debugger语句、行号断点与条件断点；善用console.group、table、格式化及标签过滤；错误须用console.error输出完整对象；VSCode调试需正确配置sourceMaps和webRoot。
-
闭包是内部函数捕获并持久化外部词法环境变量的机制，核心条件是内嵌函数且引用外部变量；常用于防抖节流、私有变量封装及ReactHook等场景，但需警惕大对象导致的内存泄漏。
