-
media属性是HTML中<link>、<style>、<source>标签的原生属性，用于在加载前决定是否下载或应用资源，不匹配时连HTTP请求都不发出，而CSS@media规则仍会下载解析，造成性能浪费。
-
严格模式不是语法糖，而是启用更严谨的解析执行模式，提前报错、明确作用域、规范this绑定、禁止危险操作，为引擎优化提供确定性前提。
-
background-clip:text实现文字渐变色最可靠，但必须同时声明-webkit-background-clip:text和color:transparent及-webkit-text-fill-color:transparent才能在WebKit内核中正常工作。
-
WebWorker适合处理DAG构建、更新和拓扑排序等计算密集型任务，核心是将图结构管理与Kahn算法完全移入Worker，用纯对象+邻接表表示图（如{edges:[["A","B"]],indegree:{"A":0,"B":1}}），预缓存入度，支持addEdge/removeEdge/removeNode等动态操作，并通过JSON-safe消息与主线程通信，附带时间戳防旧数据渲染。
-
for循环遍历数组最高效，现代引擎深度优化后比forEach、for...of快20%–50%，需缓存length并避免函数调用开销；超大数组应分片或用requestIdleCallback防阻塞。
-
使用Flexbox的gap属性替代margin可有效控制按钮组间距，避免首尾多余空白。通过设置display:flex和gap值，如8px，实现按钮间均匀间隔。结合justify-content属性（如flex-start、center、flex-end、space-between）可灵活对齐按钮组，同时保持间距一致。响应式设计中，可用媒体查询调整gap值，适配不同屏幕尺寸。该方法比传统margin更简洁易维护，推荐优先使用。
-
search-form是唯一合法的Block名，必须包裹form标签并设name属性；search-form__input和search-form__button是唯二合法Element，需用Modifier精准声明状态；clear-button应为独立Block。
-
答案：在Eclipse中运行HTML页面需确保项目为Web类型，将HTML文件置于WebContent目录，通过右键“OpenWith→WebBrowser”使用内置或外部浏览器预览，若配置了Tomcat等服务器可部署后通过localhost访问，整个过程依赖正确项目结构与浏览器设置。
-
可靠WebSocket重连需用Ref缓存socket和定时器，采用指数退避重试，组件卸载时清理连接与定时器，并在每次发送前校验readyState；useEffect清理函数必须显式调用socket.close()，事件监听须在effect内绑定并确保幂等性。
-
根本原因在于.grid-item未设position:relative，z-index不生效；且.grid-container若含transform、opacity<1或filter会创建隐式层叠上下文，锁死子项z-index。必须三步：设position:relative激活z-index、hover时显式提级z-index、配合transform-origin与overflow控制。
-
createGain是WebAudioAPI中控制音量最直接的节点，但必须显式连接到音频图谱（如源→gainNode→destination），且gain属性需用setValueAtTime等调度方法避免咔哒声；多音源需独立GainNode，主增益后建议加压缩器防削波。
-
实现HTML表单高对比度模式并提升可读性的核心是利用CSS的prefers-contrast媒体查询和无障碍设计原则，首先通过@media(prefers-contrast:high)为表单元素设置高对比度颜色、粗边框和清晰焦点，确保视障用户在系统开启高对比度时仍可操作；同时从字体、字号、行高、标签关联、视觉分组、间距布局和错误提示等多维度优化可读性，使用CSS变量实现颜色统一管理，便于维护；在复杂表单中应通过无障碍审计识别问题，按优先级逐步改造关键控件，并通过小步迭代和真实用户测试持续优化，最终实现符合
-
ChromeProfiler导出的是JSONTraceEventFormat文件，含多维trace数据；需用speedscope、perfetto或chrome-to-flame等工具转换为火焰图或pprof格式供第三方平台分析。
-
drop-shadow()不能可靠实现霓虹发光效果，因它不支持多层独立控制、无法精准衰减光晕、且在Safari和Firefox中渲染不稳定；真霓虹必须用text-shadow或box-shadow配合hsl()高亮度值与逐层递减透明度。
-
动态网页的本质是运行时生成内容，而非仅改文件后缀；前端最常用方式是JavaScript操作DOM并配合fetch加载数据，服务端动态需对应环境支持。
