-
WebWorkers不能直接操作DOM或访问window、document等主线程对象，需通过postMessage通信；必须从同源外部文件加载，支持fetch（不含credentials:'include'），用self替代window，可调试且应按需使用。
-
答案：通过洋葱模型的中间件机制实现轻量级HTTP请求库，核心是将请求流程抽象为可插拔函数链。每个中间件接收配置和下一环节函数，支持在调用前后处理逻辑，如日志、认证等。使用reduceRight从右向左组合中间件，形成执行链，最内层调用实际请求方法。提供简洁API如request、get、post，并通过use注册中间件。需注意错误冒泡与配置冻结问题，采用深拷贝或不可变处理确保安全性。
-
display本质是控制“外部行为”和“内部布局”两个维度，如flex即blockflex：对外块级独占行，对内弹性排列；一维用flex，二维用grid；inline无效宽高，inline-block有空白间隙，none彻底移除元素。
-
auto-fill保留空轨道适合hover动画，auto-fit收缩空列更省空间；minmax(200px,1fr)实现响应式列宽，需配合display:grid和合理父容器宽度；clamp()可替代minmax()第一参数实现平滑响应式，但需注意Safari兼容性。
-
JavaScript是浏览器中唯一能直接操作DOM、响应用户交互和实现异步通信的原生语言，HTML和CSS不具备动态能力，所有框架、工具链及开发流程均构建于其之上。
-
展开运算符（...）用于拆解数组/对象，剩余参数（...）用于收拢多余参数；前者在函数调用、数组/对象字面量中使用，后者仅限函数最后形参或解构赋值右侧，二者位置和上下文决定语义。
-
position:fixed实现悬浮按钮是使其脱离文档流并相对于视口定位，通过bottom和right设置位置；必须设z-index≥999防遮挡，避免父容器transform导致层叠失效；移动端需监听键盘事件动态切换定位方式。
-
使用Flexbox和Grid结合媒体查询可实现响应式按钮排列。通过flex-wrap换行、minmax设置最小宽度及auto-fit自动填充，配合@media控制断点布局，使按钮在不同屏幕尺寸下自动调整为横向或纵向排列，保持良好视觉与操作体验。
-
HTML元素定位靠匹配规则而非找位置；常见失败原因是元素未加载、在iframe或ShadowDOM中、或未等框架渲染完成，而非ID写错。
-
ECharts是成熟开源图表库，支持Canvas渲染、2D/3D、响应式与交互；推荐模块化引入，初始化需四步：准备容器、init实例、配置option、setOption渲染；支持动态更新、事件监听与resize响应。
-
纯静态HTML5项目可直接部署Vercel：只需确保根目录有index.html或dist/等标准输出目录、删净node_modules、使用正确相对路径；部署时选StaticSite、BuildCommand留空、OutputDirectory填.或dist。
-
闭包是JavaScript函数作用域与执行上下文共同作用的自然结果，核心在于函数静态绑定定义时的词法环境（[[Environment]]），并捕获外层变量引用而非值快照。
-
HTML表格的border属性本身不支持直接渲染文字内容；实现棋盘坐标标注的规范、语义化方式是扩展表格结构——使用<thead>添加列标题（A–H），并在<tbody>每行首列插入<th>作为行号（8–1），而非尝试向CSS边框“注入文本”。
-
前后端协同校验需统一规则、JS预校验拦截无效请求、SpringValidation保障安全，通过一致提示提升体验与系统健壮性。
-
background-size:cover未填满容器是因强制保持宽高比导致裁剪，非bug；当图片与容器宽高比不同时，cover会等比缩放至完全覆盖，多余部分被裁切。
