-
line-height控制文本行间距，影响阅读体验和布局。解决方案有：1.使用像素值（如24px）适用于固定字体大小场景；2.em/百分比相对于当前字体大小计算，但继承固定值可能导致子元素文本重叠；3.推荐使用无单位数值（如1.5），能自动根据子元素字体大小调整行高，保持比例，尤其适合响应式设计；4.设置line-height与height相等可实现单行文本垂直居中；5.多行文本通过line-height调节段落紧凑度；6.响应式设计中结合CSS变量、calc函数及媒体查询动态调整line-height，
-
表格自适应高度的核心在于利用CSS属性结合JavaScript实现动态调整。首先，使用height:auto;配合min-height和max-height实现基础高度自适应；其次，通过word-wrap和overflow-wrap防止内容撑破单元格；再者，采用table-layout:fixed;保持列宽稳定；最后，必要时用JavaScript动态调整高度。针对内容过多问题，可采取分页、滚动条及内容摘要策略；对于图片不一致问题，应统一图片高度并按比例缩放；响应式设计方面，使用媒体查询适配不同设备，结合滚
-
在HTML中引入CSS的方法有四种：内联样式、内嵌样式、外部样式表和导入样式。1.内联样式适合临时调整，但会使代码冗长且无法缓存。2.内嵌样式适用于小型项目，但无法缓存且可能影响加载速度。3.外部样式表是最常用和推荐的方法，适合大型项目，但需额外HTTP请求。4.导入样式适合将CSS分模块，但会增加HTTP请求并影响性能。
-
JavaScript的map方法用于遍历数组并生成新数组，且不改变原始数组。1.map通过回调函数处理每个元素，返回新数组；2.回调函数常用参数为元素值，也可使用索引或原数组；3.必须显式返回值，否则新数组对应位置为undefined；4.适用于数据转换、对象属性提取、结构转换等场景；5.不可直接用于非数组对象，但可通过Array.prototype.map.call或Array.from处理类数组对象；6.遇到稀疏数组时空槽会被跳过，undefined值则会正常处理；7.相较于forEach，map更符
-
禁用HTML按钮最直接且推荐的方式是使用disabled属性。1.添加disabled属性可直接禁用按钮，如<buttondisabled>或<inputdisabled>；2.通过JavaScript动态设置button.disabled=true/false实现启用或禁用；3.仅用CSS（如pointer-events:none）无法阻止键盘交互及表单提交，且影响可访问性；4.常见场景包括表单验证、异步操作中禁用按钮，需结合视觉反馈与行为控制；5.禁用按钮不会触发表单提交及事件
-
setImmediate在Node.js中用于在事件循环的“检查”阶段执行回调，优先级高于setTimeout(0)，但低于process.nextTick()。它适用于需要尽快执行但不阻塞当前同步逻辑的任务，如分批次处理大数据、I/O操作后的后续处理、递归调用中防止栈溢出等场景。例如，在文件I/O回调后调度哈希计算或数据库写入，或在处理大数组时通过setImmediate分块处理以避免阻塞事件循环。与setTimeout(0)相比，setImmediate会在I/O回调后更早执行；与nextTick相比
-
实现元素的拖拽功能需要三个步骤：1.鼠标按下时，设置拖拽状态并计算偏移量；2.鼠标移动时，更新元素位置；3.鼠标释放时，停止拖拽。
-
要实现HTML主题切换，主要方法包括使用CSS变量和JavaScript、切换CSS文件、记住用户选择及优化性能。1.使用CSS变量和JavaScript动态修改样式，灵活但需编写JS代码；2.通过<link>标签切换不同CSS文件，简单但加载速度较慢；3.利用localStorage存储用户偏好，实现持久化设置；4.可结合CSS预处理器如Sass管理主题变量，提升代码组织性但需学习成本；5.图片资源可通过CSS变量、类名或JS动态修改实现切换；6.性能方面需注意CSS加载、JS执行及页面重渲
-
Promise.all的核心优势在于并行执行多个独立异步任务，显著提升效率；1.它允许同时触发多个Promise，总耗时取决于最慢任务；2.结果按输入顺序返回，确保数据一致性；3.适用于无依赖的数据聚合场景，如页面初始化加载用户信息、订单和通知；4.支持批量操作，如文件上传和数据迁移；5.可通过包装Promise或使用Promise.allSettled管理错误，获取所有结果状态；6.可结合Promise.race设置超时机制，避免无限等待。
-
使用rem单位配合媒体查询控制不同设备字体大小：先设置html的font-size作为基准（如16px），再让所有文本元素使用rem（如h1{font-size:2.5rem}）；2.通过媒体查询在不同断点调整html的font-size（如max-width:768px时设为14px），实现全局字体按比例缩放；3.rem优于px（固定不灵活）和em（嵌套易失控），因它始终基于根元素，维护简单且可预测；4.进阶技巧包括移动优先策略、CSS变量管理基准值、clamp()实现流体字体平滑过渡；5.rem还可用
-
requestAnimationFrame（rAF）不是宏任务或微任务，而是插在浏览器渲染前执行，顺序为：1.执行宏任务；2.清空微任务；3.执行rAF回调；4.浏览器渲染，它与屏幕刷新率同步，避免卡顿和撕裂；相比setTimeout，rAF更高效因它不盲目计时、后台可降频省资源、批量处理视觉更新；回调内应做样式/Canvas/WebGL更新并注意轻量计算、状态管理、避免频繁DOM变动及及时取消动画；跨浏览器行为一致核心在于自适应设备刷新率、后台标签页自动降频、执行时机微差可忽略，整体提供可靠高性能动画机
-
美化<iframe>需从两方面入手：1.对<iframe>元素本身应用CSS样式，如设置width、height、border、border-radius、box-shadow等属性以改变外观；2.若内容为同源，则可通过JavaScript注入CSS或修改DOM来调整内部样式，若为跨域内容则无法直接修改。应对跨域限制的策略包括：使用包裹层美化，通过外层div添加背景、边框、阴影等视觉效果；设置加载动画或占位符提升用户体验；在特定场景下叠加自定义交互层实现播放控制等功能。为确保响应式
-
scope属性在HTML表格中的核心作用是提升可访问性，通过明确表头单元格与数据单元格之间的关联，帮助屏幕阅读器用户理解表格结构。1.scope="col"表示该表头是所在列的标题；2.scope="row"表示该表头是所在行的标题；3.它为屏幕阅读器建立虚拟表格模型，使其能准确读出数据单元格对应的行列信息；4.在复杂表格中可使用headers与id组合或aria-labelledby等替代方案；5.其他最佳实践包括使用<caption>、正确划分<
-
JavaScript操作传感器的核心是通过浏览器提供的WebAPI实现，具体步骤包括：1.检查浏览器是否支持相应API；2.请求用户授权以确保权限；3.通过事件监听或对象方法订阅传感器数据；4.在回调中处理获取的数据；5.妥善处理权限拒绝或硬件不可用等错误；6.使用完毕后取消监听或停止传感器以释放资源。该过程适用于地理位置、设备运动与方向及通用传感器API，且必须在尊重用户隐私和安全的前提下进行，最终实现网页对物理环境的感知。
-
在JavaScript中删除HTML元素可以使用remove()方法或removeChild()方法。1.remove()方法简洁直接，但不兼容旧版浏览器。2.removeChild()方法通过父节点删除元素，兼容性更好。3.删除多元素时需从后往前删除，避免DOM动态变化导致跳过元素。使用虚拟DOM技术可提升性能。
