-
WebWorkers不能直接操作DOM或访问window、document等主线程对象，需通过postMessage通信；必须从同源外部文件加载，支持fetch（不含credentials:'include'），用self替代window，可调试且应按需使用。
-
relative定位不影响文档流。元素仍占据原始空间，偏移仅视觉移动，后续元素布局不受影响，父容器高度包含其原始位置高度。
-
应使用opacity与visibility配合transition实现平滑提示条显示/隐藏：初始设opacity:0;visibility:hidden;，显示时改为opacity:1;visibility:visible;，并声明transition:opacity0.25sease,visibility0s0.25s;，禁用display切换。
-
FIMOHTML默认不包含画板名称，因其输出逻辑未将motif_id映射为DOM属性，仅用无语义的自增ID（如fimo-plot-0）；需通过后处理（如Python+BeautifulSoup）结合TSV表格注入data-motif-id属性。
-
使用Node.js流可避免大文件内存溢出，通过fs.createReadStream分块读取，配合pipe实现高效数据传输与Transform流处理数据转换，确保低内存占用。
-
Jest需配置Babel支持才能解析ES6/JSX，测试文件须命名规范（.test.js或__tests__目录），mock必须在import前调用，且需用jest.resetModules()和jest.clearAllMocks()清理状态。
-
通过预加载关键CSS、内联首屏动画和控制触发时机来优化页面动画表现。首先使用<linkrel="preload">提前加载核心动画文件，并通过onload转为样式表；对首屏必需动画（如按钮悬停）将CSS内联至<head>中，确保渲染前就绪；再通过JavaScript在DOM加载完成后添加动画类，避免突兀播放；最后用prefetch预取后续页面动画资源。关键是提前加载+控制触发+内联核心。
-
Grid布局通过定义网格容器和自动填充行实现列对齐，Flexbox结合多列可模拟瀑布流；关键在于使用gap、grid-auto-rows与break-inside:avoid确保视觉整齐。
-
HTMLselect不支持readonly，需用disabled加隐藏域或pointer-events:none；title仅纯文本提示且移动端无效，推荐disabled+spantitle或div模拟下拉实现只读与提示。
-
答案：大文件分片上传通过FileAPI将文件切块上传，提升稳定性和效率。前端使用slice方法分割文件，每片独立上传，后端接收存储并按序合并，最终完成完整文件传输。
-
在Angular11中，可通过原生maxlength属性结合响应式表单的Validators.maxLength双重保障，确保用户无法输入超过5个字符，同时保持表单校验状态准确有效。
-
在AntDesign项目中正确覆盖Less变量需确保自定义变量在antd默认样式前加载，通过入口文件先引入自定义Less（含default.less导入与重定义），避免修改node_modules；CRA中须用craco配置less.modifyVars并加引号，注意变量依赖链与组件硬编码限制。
-
对象是JavaScript中存储键值对的引用类型，由属性和方法组成，可通过字面量、构造函数、工厂函数或自定义构造函数创建；属性名含特殊字符需引号包裹并用方括号访问；赋值和比较均基于内存地址。
-
JavaScript异步本质是“不阻塞主线程、让出控制权”，任务分宏任务（如setTimeout）和微任务（如Promise.then），执行顺序由事件循环决定；回调错误需在内部捕获，async/await需配合Promise.all实现并行及正确错误处理。
-
:active无反应主因是触发瞬时性及容器截断；需确保可交互元素、禁用transition-delay、移动端加tap-highlight-color；推荐用transform压动+渐变位移实现自然反馈。
