-
WebWorker是浏览器中实现JavaScript多线程的唯一标准机制，通过异步消息传递通信，运行于独立上下文，不支持DOM、window等API，需遵循结构化克隆、同源限制、显式错误处理等规范。
-
必须按LVHA顺序声明a标签伪类：:link→:visited→:hover→:active；:visited仅支持color、background-color等有限样式，且不可被JS读取或通过!important绕过安全限制。
-
CSS选择器用于选中HTML元素并应用样式，包括：1.元素选择器通过标签名选元素；2.类选择器用.选class属性；3.ID选择器用#选唯一id；4.属性选择器根据属性或值选元素；5.后代选择器用空格选内部后代；6.子元素选择器用>选直接子元素；7.相邻兄弟选择器用+选紧接的下一个兄弟；8.通用兄弟选择器用~选之后所有同级元素；9.伪类选择器选特定状态或位置；10.伪元素选择器选虚拟部分如::before和::after；11.通配符选择器*选所有元素。掌握这些可满足多数样式需求。
-
gap在Grid中失效最常见原因是父容器未设display:grid或inline-grid；子元素浮动或绝对定位会脱离网格流导致gap无效；单行列网格中gap可能不可见；与margin叠加造成双倍留白；IE完全不支持需用@supports降级。
-
window.matchMedia能实时响应系统深色模式切换，但必须显式绑定change事件监听器；直接读取matches属性仅获当前快照，不自动更新；需配合CSS@media和客户端安全执行以避免闪动与内存泄漏。
-
HTML无法直接创建密钥或记录日志，必须依赖JavaScript（如WebCryptoAPI）或后端；“查看调用记录”链接需绑定JS事件才能生效，日志建议存sessionStorage并避免敏感信息。
-
使用浏览器直接打开HTML文件可查看渲染效果。将文本中的HTML代码保存为index.html，编码选UTF-8，双击用浏览器打开即可显示页面。
-
<noscript>仅在JavaScript被完全禁用时生效，对内联脚本有效，不响应外部脚本失败、CSP阻止或运行时错误；应置于功能区块旁而非<head>，且不能替代渐进增强。
-
Safari中input[type="text"]阴影失效是因为其默认启用系统级渲染样式，需同时设置-webkit-appearance:none、border、background-color、padding、line-height并注意overflow和伪元素重置。
-
横屏时flex容器不换向需用宽高比或宽度断点替代orientation查询，检查flex-direction是否被高优先级样式覆盖，确保flex-wrap未锁死换行，并同步调整子项宽度、字体、间距及触摸目标尺寸。
-
本文介绍一种灵活、可复用的JavaScript方法，将数组中特定学科（如Chemistry）的元素均匀插入到其他学科元素之间，使其每3个位置出现一次（即索引2、5、8…），同时保持其余元素顺序不变。
-
高分屏下<img>模糊主因是浏览器用低分辨率图强行拉伸填充CSS像素区域，触发双线性插值致边缘发虚；根本解法是用srcset+sizes让浏览器按设备像素比自动选对图源，并配合image-rendering等CSS控制重采样。
-
jQueryUI是基于jQuery的扩展库，提供日期选择器、对话框、拖放、排序、自动完成等交互组件，支持动画效果与ThemeRoller主题定制，适用于快速构建前端界面，常见于传统Web项目。
-
节流防的是高频事件导致的页面卡顿、重排频繁和CPU飙升；它通过限制回调函数固定间隔最多执行一次来优化性能，支持leading（首次立即执行）和trailing（结束补发）控制。
-
Bootstrap5默认不支持多级下拉菜单，因JS仅处理一级子菜单且无默认CSS；需用:hover纯CSS实现桌面端二级展开，或结合JS+aria属性确保移动端与无障碍兼容。
