-
节流确保函数在一定时间内只执行一次，适用于持续触发需定期响应的场景，如滚动、拖拽；2.防抖则在事件停止触发后延迟执行，适用于需等待操作结束才响应的场景，如搜索输入、自动保存；两者都依赖事件循环机制通过setTimeout和clearTimeout精细调度任务队列中的宏任务来实现，是前端性能优化的核心手段之一。
-
HTML中的上下标标签<sup>和<sub>在数学公式（如x2）、化学式（如H2O）、脚注引用（如参考文献1）、序数词（如1st）及物理量（如VRMS）等场景中具有重要应用，既能实现视觉上的高低排版，又赋予文本明确的语义含义；2.除了使用默认标签，可通过CSS的vertical-align:super/sub、font-size调整以及position:relative结合top或bottom属性来自定义上下标的大小与位置，实现更精确的视觉控制；3.常见排版问题包括上下标导致行高不
-
<table>标签的核心作用是组织和展示二维结构化数据，而非用于页面布局。1.制作HTML表格需使用<table>作为容器，内部可嵌套<thead>、<tbody>、<tfoot>来划分表头、主体和表脚；2.每行用<tr>定义，表头单元格用<th>，数据单元格用<td>；3.可通过colspan和rowspan实现单元格跨列或跨行；4.<caption>为表格添加标题以提升可访问性；5.使用CSS进
-
浏览器渲染和事件循环，这两者之间的关系就像是舞蹈中的双人舞，既相互独立，又紧密配合。简单来说，渲染负责“画”出网页，事件循环负责“听”用户的指令并做出反应。解决方案浏览器渲染和事件循环的执行顺序可以概括为以下几个步骤，但要注意，这并非一个绝对线性的过程，而是循环往复、相互穿插的：解析HTML：浏览器首先解析HTML文档，构建DOM树。这个过程如果遇到CSS或JavaScript资源，会暂停解析，转而去加载和解析这些资源。解析CSS：CSS文件被解析后，会构建CSSOM树。DO
-
要实现卡片列表的延时依次滑入效果，首先定义@keyframes动画，如slideInUp实现从下方滑入并渐显；其次，使用nth-child选择器为每个.card元素设置递增的animation-delay，例如第1至第5个卡片分别设置0.1s至0.5s的延时；最后，可扩展为不同卡片应用不同动画，如slideInLeft、scaleIn、rotateIn等，通过添加额外类名并定义对应的@keyframes实现个性化进入效果；此外，优化动画性能应优先使用transform和opacity属性，结合will-c
-
可以通过HTML的<object>或<embed>标签嵌入PDF文件，但效果受浏览器和设备影响。1.使用<object>标签可提供备用内容且兼容性较好，语法为：<objectdata="example.pdf"type="application/pdf">，不支持时显示提示信息；2.<embed>标签更简洁，仅需设置src和type属性，但不支持备用内容；3.注意事项包括浏览器支持差异（如Safari预览限制）、移动端体验不佳及跨域问题；4.替代
-
在ES6中，导出模块默认内容的最直接方式是使用exportdefault。1.它允许每个模块指定一个主要导出内容，导入时无需解构花括号，使语法更简洁；2.可用于导出函数、类、对象、变量甚至原始值，常见于导出单一功能或组件；3.与命名导出不同，一个模块只能有一个默认导出，强调模块的单一职责原则；4.实际开发中提升代码组织性和可维护性，尤其适合框架如React中单文件单组件的模式；5.使用时需注意避免匿名导出影响调试、不能直接导出变量声明、以及不可重复导出默认值等问题。
-
事件循环优化I/O密集型应用的核心是：1.使用异步编程模型（如async/await、Promise、asyncio）替代同步阻塞调用，让CPU在I/O等待期间处理其他任务；2.理解并依赖事件循环机制，将I/O操作交由操作系统或线程池执行，主线程只负责调度和回调执行；3.设计时隔离CPU密集任务、完善错误处理与回压机制，调试时借助异步堆栈、日志和性能监控工具保障系统健壮性，最终实现高并发低资源消耗的完整解决方案。
-
JavaScript数组去重的核心答案是：1.使用Set可高效去重基本类型，但无法处理对象引用；2.indexOf/includes适合小数组但性能差；3.Map性能优于indexOf，适合大数据量；4.对象数组需基于唯一键或自定义比较规则去重；5.NaN在Set中被视为相同，而indexOf无法识别；6.null和undefined可正常去重；7.多属性或深比较需构造唯一标识或使用深比较逻辑；选择方法应综合考虑数据类型、性能需求和数组规模。
-
head标签中可以放的内容包括：1.<title>定义网页标题；2.<meta>提供字符集、描述、关键词等元数据；3.<link>链接外部资源如CSS文件；4.<style>嵌入内部CSS样式；5.<script>引入或嵌入JavaScript代码；这些元素共同为网页提供配置信息和资源链接，且不直接显示在页面上，以完整句子结束。
-
flatMap为何出现？1.解决映射后展平常见场景，避免map+flat两步操作；2.提升代码可读性与意图表达清晰度；3.潜在性能优化，减少中间数组生成。flatMap是map后接flat(1)的语法糖，对每个元素应用回调并展平一层，使代码更简洁高效。例如，插入分隔项或提取多标签时，flatMap能直接返回数组元素，空数组则被忽略，实现过滤效果。相比map().flat(1)，flatMap更直观且可能减少内存开销。实用场景包括：1.从对象中提取多个子项（如用户标签）；2.处理层级数据中的直接子节点（如部
-
Grid布局和Flexbox各有专长，适用于不同场景。1.Grid擅长二维布局，能同时控制行和列，适合复杂页面结构；2.Flexbox专注于一维布局，适合单行或单列的元素排列；3.两者可结合使用，如用Grid划分整体结构，用Flexbox控制局部排列；4.现代浏览器对两者兼容性良好，部分旧版本需添加前缀或使用polyfill。选择依据在于布局需求：二维选Grid，一维选Flexbox。
-
JavaScript中的RegExp对象用于匹配、替换和搜索字符串。1)使用test()方法检查字符串是否包含特定模式。2)使用match()方法提取复杂模式中的各个部分。3)注意性能问题、安全性和可读性。4)RegExp适用于表单验证、数据提取和文本处理。
-
1.使用HTML语义化标签能提升网页的结构清晰度和可读性，同时增强SEO表现。通过合理运用header、footer、nav、main、article、section、aside、figure、address、time等标签，可以明确页面不同部分的功能与重要性，使搜索引擎和辅助技术更高效地解析内容；2.header用于承载网站品牌标识和主导航，footer包含版权信息和联系方式，有助于提升用户信任和搜索引擎对网站结构的理解；3.nav标签专门包裹导航链接，帮助搜索引擎识别网站层级和关键页面；4.main代
-
Math.max()是JavaScript中用于返回一组数值中最大值的内置函数。1.Math.max()接受多个数值作为参数，返回其中的最大值；2.若无参数，返回-Infinity；3.处理数组时需使用apply或扩展运算符...；4.遇到无法转换为数值的参数时返回NaN；5.对于大型数组，推荐使用循环或reduce方法替代apply以提升性能；6.可通过输入验证、数据清洗或设置默认值避免NaN；7.与Math.min()相比，功能相反，但语法和参数处理方式相同。
