-
JavaScript的MediaAPI仅提供媒体元素控制接口和状态监听，不直接操作音视频数据；底层解码、处理需WebAudioAPI（音频）或Canvas/WebCodecs（视频）。
-
JavaScript可用于物联网开发，通过Node.js结合Johnny-Five、Firmata、raspi-io控制硬件，利用HTTP、MQTT、WebSocket实现设备联网与云通信，配合前端框架构建可视化界面，并在树莓派等设备上部署应用，实现远程监控与控制。
-
模块预加载加剧内存碎片是因为加载后未统一管理生命周期，导致各插件独立堆分配器、符号表和TLS区频繁映射/卸载，产生大量零散mmap空洞；需通过预分配固定内存池并重定向malloc/new调用，配合munmap整块回收、Dex预解析与ClassLoader隔离、内存水位联动及madvise归还等手段综合治理。
-
纯CSS变量无法独立实现视差滚动，必须由JS注入--scroll-y等变量，再通过calc()配合transform实现；background-attachment:fixed在现代浏览器中受限严重，JS驱动方案最兼容。
-
JavaScript的every方法用于检测数组所有元素是否都满足指定条件，返回布尔值。1.若所有元素均通过测试，返回true；若任一元素未通过，则立即返回false并停止遍历。2.其语法为arr.every(callback[,thisArg])，callback需返回布尔值。3.与some方法不同，every强调“全部通过”，some强调“至少一个通过”。4.使用场景包括严格校验、权限检查、统一性验证等。5.空数组调用every会返回true，需额外判断数组长度以避免逻辑错误。6.回调函数应保持简洁，
-
letter-spacing用于控制所有字符间间距，支持正负值及normal，可继承但可被子元素覆盖；应与word-spacing区分，响应式推荐em/ch单位，避免内联样式和rem，注意iOSSafari负值渲染偏差。
-
ShadowDOM中font-family不继承是设计使然，因仅部分可继承属性穿透边界，需通过:host{font-family:inherit}或adoptedStyleSheets显式继承。
-
HTML表单本身不支持热力图，所谓“表单热力图”是前端行为分析工具（如Hotjar、MicrosoftClarity、Matomo等）在页面加载后，通过JS注入实现的叠加层，不是HTML或CSS原生能力。为什么标签里加不了热力图热力图本质是记录用户鼠标移动、悬停、点击、聚焦等事件，并在DOM上绘制透明色块。HTML表单只是语义化容器，没有事件采集、数据上报、可视化渲染逻辑。不触发任何自动埋点，也不会把input、select的交互行为“广播”给分析服务浏览器
-
上下漂浮动画需用@keyframes定义transform:translateY()周期性偏移，配合infinite循环、ease-in-out缓动及hover触发，位移控制在±8px内，容器需预留行高并设overflow:hidden防布局跳动。
-
order属性仅改变视觉渲染顺序，不改变DOM结构、可访问性或SEO顺序；默认值为0，建议用小整数如-1/0/1/2；其排序方向依赖flex-direction主轴；需父容器设display:flex才生效。
-
OOM根本原因是Less解析器在深度嵌套或无终止条件递归mixin时，导致AST节点爆炸式增长或V8调用栈持续膨胀，耗尽JavaScript堆内存；定位方法：注释mixin后仍OOM则指向嵌套层级问题，否则为递归展开失控。
-
使用clamp()可设置字体最小、推荐和最大值，实现响应式自适应；结合minmax()定义容器尺寸范围，使文本在不同屏幕下保持可读与美观，如font-size:clamp(16px,2.5vw,20px)配合grid布局，确保视觉协调。
-
scroll-padding-top必须写在html元素上，因为浏览器根滚动容器是html；body或目标元素上设置基本无效；正确写法为html{scroll-padding-top:64px;}。
-
HTML5<inputtype="date">输出格式为"YYYY-MM-DD"（如"2024-06-15"），是ISO8601子集，moment()可识别但默认按本地时区解析，可能引发跨时区日期偏移问题。
-
HTML标签与属性拼写须严格遵循W3C小写规范，可通过W3C验证器、编辑器语法校验、速查表及浏览器开发者工具四步法精准识别并修正，如inputt→input、hreff→href、clas→class。
