1、使用LiveServer扩展可实现自动刷新预览，安装后右键选择OpenwithLiveServer即可在浏览器中实时查看HTML页面效果。

video元素铺满全屏需同时满足：父容器设100vw/100vh并有明确尺寸、video设width/height100%、object-fit:cover、display:block及overflow:hidden；仅width/height100%会导致拉伸或黑边。

本文详解为何insertRow()后直接写入含id的HTML字符串无法生效，并提供安全、规范的解决方案：使用innerHTML+=配合自增ID计数器，同时强调ID唯一性、事件绑定最佳实践与语义化标签选择。

事件委托适用于大量动态增删元素的场景，通过在父容器绑定事件并利用冒泡和e.target.closest()精准捕获目标，避免重复绑定、内存泄漏及重绘时的逻辑耦合。

JavaScript的调用栈是用于跟踪代码执行流程的后进先出（LIFO）结构，负责同步代码的即时执行；当函数调用时，其执行上下文压入栈顶，执行完毕后弹出；若同步任务耗时过长，会阻塞主线程，影响性能和用户体验。

IndexedDB作为现代Web应用的核心存储技术，支持结构化数据、事务处理和异步操作，适用于离线优先架构。它通过本地缓存实现快速启动与响应，结合版本号或时间戳进行数据同步与冲突检测。合理创建索引可提升查询效率，游标配合IDBKeyRange实现分页与范围检索。所有操作需在事务中执行，正确管理读写模式与生命周期以确保数据一致性。集成至前端框架时，应封装PromiseAPI并联动状态管理库，避免直接在渲染中调用异步操作。掌握这些实践可构建高性能、离线可用的PWA应用。

深拷贝在JavaScript中可以通过多种方法实现，每种方法有其优缺点：1.使用JSON.parse和JSON.stringify简单但无法处理循环引用和特殊类型。2.手动编写深拷贝函数可以处理对象和数组，但需优化以支持特殊类型。3.使用Lodash的_.cloneDeep方法可靠但增加项目依赖。选择方法需根据具体需求。

FileAPI是浏览器原生接口，用于在用户授权后读取本地文件：通过input或拖放获取File对象，用FileReader异步读取，支持readAsText、readAsDataURL、readAsArrayBuffer三种方法，适用于预览、校验、离线处理等场景。

核心区别在于是否新增历史记录条目：pushState()添加新记录，replaceState()替换当前记录；参数相同且同源限制，需注意state大小、popstate兼容初始化、服务端fallback及视图同步。

点击链接时，浏览器默认会立即触发跳转，导致动画来不及播放。解决方法是拦截默认行为，在动画结束后手动执行重定向，确保视觉过渡流畅完成。

内联样式非性能瓶颈而是工程隐患，破坏复用、阻碍缓存、增大HTML体积、降低可维护性；其使CSS无法被缓存因样式绑定HTML且HTML缓存策略弱于独立CSS文件。

哈夫曼编码是一种基于字符出现频率的变长编码方式，通过构建带权路径长度最小的哈夫曼树实现数据压缩，其中频率高的字符被分配短编码，频率低的字符被分配长编码，从而有效减少数据存储或传输的位数，其核心实现包括使用优先队列构建哈夫曼树和从树根递归生成编码，Python中可通过heapq模块高效完成节点的选取与合并，最终生成最优前缀编码，该方法广泛应用于文件压缩、图像编码、网络传输和数据存储等领域，具有压缩效率高、实现简单等优点，但也存在需预先统计频率、对均匀分布数据压缩效果差以及编码静态不易动态调整等局限性，总体上

本文教你通过CSS媒体查询精准控制桌面端图片尺寸，避免全屏拉伸问题，同时保持移动端的响应式效果。

一维布局用Flex，二维布局用Grid，混合使用最合理：Flex处理行或列内对齐，Grid划分行列交叉结构，二者分层协作可提升可维护性与兼容性。

绝大多数现代API要求在请求头中携带Authorization:Bearer{token}，推荐封装基础请求函数，读取localStorage或sessionStorage中的token，校验有效性后注入headers，并设置Content-Type；401处理需区分静默刷新或跳登录；axios比fetch更易统一拦截认证逻辑；JWT存localStorage不安全，高风险场景应改用httpOnlycookie。