-
WebWorkers是浏览器的多线程API，允许JavaScript在后台线程运行，避免主线程阻塞。它通过postMessage与主线程通信，不可操作DOM，适用于处理大数据、图像编码等密集计算任务。以计算斐波那契数列为例，可将耗时逻辑放入独立Worker文件，主线程创建Worker实例并发送数据，完成后接收结果更新UI。使用时需注意数据序列化开销、减少频繁通信、及时终止Worker释放资源，还可通过importScripts加载外部脚本。优化建议包括批量传递数据、采用BlobURL减少依赖，复杂场景可用
-
setTimeout和setInterval因单线程机制易导致延迟或堆积，应优先用递归setTimeout避免setInterval的执行堆积，结合clearTimeout/clearInterval管理生命周期，组件卸载时清除定时器，并利用performance.now()或requestAnimationFrame提升精度。
-
HTML5的<nav>元素语义上表示“一组导航链接”，而单个<select>下拉菜单虽实现跳转功能，但本身并非链接集合；若仅有一个select，不应包裹<nav>；多个相关导航控件才适合用<nav>统一语义化包装。
-
必须通过JavaScript遍历表格的行与列结构来提取HTML表格所有单元格数据；具体方法是用for循环访问table.rows和每行.cells，先用document.getElementById获取table，再依rows.length遍历行，逐行读取cells数据。
-
可选链操作符（?.）用于安全访问嵌套属性、方法或数组索引，遇null或undefined时自动短路返回undefined，避免报错；常与空值合并操作符（??）配合提供默认值。
-
可通过CSS的position:fixed、position:sticky、JavaScript动态监听滚动、transform+fixed组合及CSS容器查询五种方案实现元素滚动置顶，各适用于不同兼容性与交互需求场景。
-
Object.keys()无法获取Map实例的键，因其不将键作为自有属性暴露；应使用扩展运算符...map.entries()配合map()方法安全提取键值对并构造新数组。
-
::placeholder用于设置输入框占位符样式，结合:focus可实现聚焦时动态变化；2.支持color、font、opacity等属性，通过transition可添加过渡效果；3.聚焦时可降低opacity或更改颜色以弱化提示，提升用户体验；4.需注意浏览器兼容性，建议补充-webkit-、-moz-等前缀；5.避免使用display:none隐藏占位符，应采用opacity:0或color:transparent。
-
答案是使用table、tr、th和td标签构建HTML表格，通过border-collapse合并边框，colspan和rowspan实现单元格合并，配合CSS设置样式，如宽度、边框、背景色等，提升表格可读性和美观性。
-
页面旋转后布局异常的主因是CSS未适配方向切换，解决关键为准确监听方向变化并动态应用样式；优先使用@media(orientation:portrait/landscape)实现原生响应，辅以resize事件监听+class切换兜底，避免固定尺寸和绝对定位，并通过viewport标签与真机测试保障兼容性。
-
应使用rgba(0,0,0,0.4)类透明度控制提示文字视觉层级，label用rgba(0,0,0,0.65)，placeholder用rgba(0,0,0,0.35)并加全浏览器前缀，深色模式下切为rgba(255,255,255,0.5)。
-
JavaScript迭代器是统一遍历机制，核心是实现Symbol.iterator方法，该方法返回含next()的对象；Symbol.iterator是内置symbol，作为可迭代协议入口，原生对象如Array、String等默认支持，也可为自定义对象手动添加。
-
IndexedDB是浏览器内置的异步、事务型客户端数据库，通过对象存储组织数据，支持索引、多种数据类型及版本控制；需用open()初始化并处理onupgradeneeded创建存储，所有增删改查操作必须在事务中进行。
-
TypedArray是JavaScript中直接映射底层二进制内存的类型化视图，具备零拷贝共享、确定性内存布局、与WebAPI无缝对接及高效协议解析等核心优势。
-
首先创建HTML文件并用浏览器打开，具体步骤为：1.用记事本编写HTML代码并保存为index.html；2.双击文件或右键选择浏览器打开；3.推荐使用VSCode等编辑器提升开发体验；4.对于复杂项目需通过Node.js运行http-server在本地服务器预览。
