-
TypeScript是JavaScript的超集，所有合法JS代码都是合法TS代码，其核心价值在于类型系统与编译时检查，而非运行时能力；真正使用TS需主动定义interface/type、利用泛型、字面量类型等实现接口契约。
-
通过CustomEvent和dispatchEvent可实现JavaScript自定义事件，用于组件间解耦通信。首先创建携带数据的事件对象，再分发到指定元素，其他模块通过addEventListener监听该事件并获取数据，适用于表单与图表等跨模块交互场景。
-
JavaScript生成器是能暂停和恢复执行的特殊函数，通过function声明、yield产出值，调用返回迭代器对象，支持next()推进、for...of遍历及yield委托等高级特性。
-
Flex元素无法放大主因是缺乏剩余空间或受固定尺寸限制，需确保父容器为flex布局、移除width/height、合理设置flex属性并处理内容最小尺寸。
-
首先判断年份是否为闰年，再通过switch语句累加前几个月天数，最后加上当月日期得出当年第几天。例如2024年3月1日为第61天，因2024是闰年，2月有29天。
-
本教程旨在解决CSSGrid布局在响应式设计中，网格项目无法在小屏幕下自动堆叠并占据全宽的问题。我们将详细讲解如何利用CSS媒体查询（@media）动态调整网格列结构（grid-template-columns）以及重置特定项目的定位属性，确保内容在不同设备上都能优雅展示，并提供代码示例和实用建议。
-
验证和定位HTML代码错误的常用方法有五种：一、使用W3CMarkupValidationService在线验证；二、使用浏览器开发者工具检查DOM结构；三、使用HTMLHint命令行工具进行本地静态检查；四、使用VSCode插件AutoCloseTag与AutoRenameTag辅助预防错误；五、使用HTMLTidy工具修复基础格式问题。
-
答案：通过哈希表和双向链表结合实现LRU缓存，get和put操作均O(1)。1.每次访问将节点移至链表头部；2.插入新节点超容时淘汰尾部节点。示例验证了正确性。
-
content-box的width不包含padding和border，实际宽度为内容+内边距+边框；2.border-box的width包含三者，内容区自动压缩；3.推荐全局设置box-sizing:border-box，使布局更直观可控，减少计算错误。
-
JavaScript继承推荐使用ES6classextends，其底层基于原型链；手动实现最优方案是寄生组合继承，用Object.create优化组合继承的重复调用问题。
-
Promise是JavaScript处理异步操作的标准对象，代表未来完成或失败的操作，具有pending、fulfilled、rejected三种不可逆状态；通过newPromise()创建，支持链式调用（.then/.catch）、静态方法（all/race/resolve/reject）及async/await语法。
-
<details>标签原生支持折叠展开，无需JavaScript；<summary>必须为首个子元素，用::before伪元素自定义箭头最兼容；JS应操作open属性并监听toggle事件；IE不支持需polyfill，无障碍需保留语义与焦点。
-
WeakMap是键必须为对象且弱引用的集合，不阻止垃圾回收，无遍历和size方法，适用于DOM状态绑定、类私有属性等临时元数据挂载场景，与Map互补而非替代。
-
JavaScript中栈和队列是基于数组等原生语法实现的LIFO和FIFO线性结构；栈用push/pop实现O(1)操作，队列优选索引偏移法避免shift的O(n)开销，二者广泛应用于DFS/BFS、事件循环等场景。
-
代码分割与懒加载通过将JavaScript拆分为按需加载的模块，显著提升前端性能。使用动态import()可实现路由级（如React.lazy）和功能级（如异步加载图表库）的懒加载，结合webpackPrefetch等预获取提示优化用户体验，合理分割可减少首屏体积并降低初始加载耗时。
