-
Canvas是HTML5位图绘图API，核心在于控制2D上下文路径操作：获取上下文、设置样式、定义路径、调用fill/stroke渲染；动画需requestAnimationFrame循环清屏重绘。
-
Intl.DateTimeFormat是JavaScript中用于国际化日期和时间格式化的强大工具。1.它能根据指定的语言环境自动处理日期格式、月份名称、星期几、时区等；2.支持通过options对象精细控制年、月、日、时、分、秒等组件的显示方式；3.提供dateStyle和timeStyle快捷选项用于常用格式；4.支持指定时区（timeZone）及时区名称（timeZoneName）；5.相比传统Date方法，具备更高的灵活性、更精细的控制、更强大的国际化支持及更优的性能；6.使用时应明确指定loca
-
在JavaScript中获取数组交集的推荐方法是结合Set和filter，1.对于原始值数组，将一个数组转换为Set，利用其O(1)查找效率，再用filter筛选出另一数组中存在于Set的元素，实现O(m+n)时间复杂度；2.对于对象数组，需指定比较键（如id），将第二个数组的键值构建成Set，再过滤第一个数组中键值存在于Set的对象；3.实际选择算法时应权衡数组大小、数据类型、代码可读性及是否引入工具库，优先推荐Set方案以兼顾性能与简洁性，该方法完整有效且适用于大多数场景。
-
button的type属性仅支持submit、reset、button三个合法值，其他值会按表单内外环境降级处理，不写type时默认行为因浏览器和位置而异，三者语义与功能严格区分且不可互换。
-
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原生。
-
nextTick优先级高于setImmediate；nextTick在当前操作完成后立即执行，属最高优先级微任务，而setImmediate在事件循环check阶段执行，需等待当前阶段结束。
-
HTML函数开发本身不耗电，真正决定电源需求的是开发设备整机功耗；纯前端开发约80W–250W，加后端/容器/调试可达300W+，建议按(CPU_PL2+GPU_TGP)×1.2+60W并向上取整选电源。
