-
HTML本身没有函数，所谓平台差异实为JS逻辑或DOM行为在不同浏览器及系统渲染机制下的表现不一致；macOSSafari中select的onclick不触发onchange是因原生UI接管导致；浮点误差是全平台共性问题；Electron体积大源于打包策略而非HTML。
-
BFCache恢复需在pageshow中判断event.persisted===true，此时DOM、JS上下文等全保持原样，不触发mounted/DOMContentLoaded/load；pagehide中persisted恒为undefined，不可用。
-
defer仅对外部脚本（含src属性）生效，执行于DOM构建完成之后、DOMContentLoaded之前，按HTML顺序执行；内联脚本加defer无效，async与defer不可混用，且defer不推迟下载仅推迟执行。
-
fetch不会自动拒绝404/500等HTTP错误，必须手动检查response.ok并主动throw错误；否则错误响应会被当作成功处理，导致后续解析失败或逻辑异常。
-
移动端字体渲染需分层声明而非堆砌font-family；iOS与Android字形、hinting、字重映射不同，须用@supports+system-ui隔离；安卓font-weight描边fallback须主动切断。
-
柯里化闭包为动态SQL引擎提供参数分步捕获、作用域隔离与链式延迟求值范式，使SQL意图显性化、可复用、可预测；通过语义函数（如whereLike）、层级链式调用、自然收尾机制及闭包快照复用，实现高可读、类型安全、防注入的SQL构建。
-
需借助第三方地图API或原生地理接口实现：一、百度地图API需申请AK密钥，引入SDK，创建容器并用Marker标注；二、Leaflet+OpenStreetMap免密钥，引入CSS/JS，用L.marker添加弹出标注；三、GeolocationAPI获取用户实时位置后动态标注；四、SVG可手动映射经纬度为像素坐标静态绘图。
-
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访问，整个过程依赖正确项目结构与浏览器设置。
