-
优先使用rem单位结合媒体查询实现响应式文字，通过调整html根字体大小使rem按比例缩放，适配不同屏幕；辅以em处理组件内部尺寸，配合viewport标签优化显示，确保可读性与兼容性。
-
当JavaScriptPromise链中的.catch()块被触发时，默认行为是返回一个已解决的Promise，这可能导致后续的.then()块意外执行。本教程将深入探讨这一机制，并提供两种有效策略来控制Promise链的执行流：一是将.catch()移至链的末尾进行全局错误处理，二是利用Promise.reject()在.catch()内部显式地重新抛出拒绝，从而确保在错误发生后链式.then()调用能够提前终止。
-
通过设置animation-delay实现子元素动画依次播放，利用:nth-child为每个元素分配递增延迟时间，结合CSS变量与calc函数可简化多元素管理，配合animation-fill-mode等属性优化动画连贯性。
-
可通过三种方式实现：一、在onclick中用分号分隔调用多个函数，如func1();func2()；二、封装为一个主函数，在其中依次调用各函数，再绑定该主函数；三、使用addEventListener为同一事件绑定多个监听器，实现函数解耦。
-
CSS样式失效主因是优先级被覆盖而非书写错误，应通过开发者工具检查被划掉的样式及其specificity，采用精准选择器、业务类名、属性选择器、伪类等方式提权，慎用但合理使用!important，并通过BEM命名、CSS自定义属性、样式作用域等重构降低嵌套依赖。
-
HTML实现文件下载主要依赖<a>标签的download属性，当同源时可强制下载并指定文件名；2.跨域下载时download属性常失效，需依赖服务器的Content-Disposition响应头；3.动态文件下载可通过JavaScript创建BlobURL并结合<a>标签实现；4.常见问题包括跨域限制、大文件无进度提示、文件名乱码、浏览器兼容性及安全风险，均需通过前后端协作解决；5.最终解决方案应根据场景选择前端download属性、服务器响应头控制或JavaScript动态生成下
-
用fr单位是解决CSSGrid列宽不均匀最直接有效的方式，它按比例分配可用空间，不依赖内容长度或固定像素值；常见原因包括混合单位、内容撑开、box-sizing未设为border-box或Flexbox中误用flex-basis。
-
clamp()函数通过min、preferred、max三值实现字体自适应，如font-size:clamp(16px,4vw,32px)可让字体在16px至32px间随视口动态调整，结合px与vw单位确保可读性与响应式布局，适用于正文、标题等场景，并支持fallback降级以兼容旧浏览器。
-
JavaScript中链表和二叉树均通过对象引用实现：链表节点含val和next，树节点含val、left、right；二者均为非连续引用结构，链表线性单后继，树非线性多子节点，均适合递归操作。
-
JavaScript是网页的“行动力”来源，负责交互响应、动态更新内容、控制页面元素、与服务器交换数据、构建前端应用，并借助Node.js等拓展至服务端与桌面端。
-
JavaScript异步是解决单线程阻塞的关键机制，通过将耗时任务交由浏览器底层处理，主线程继续执行后续代码，并借助回调、Promise或await返回结果，确保页面响应性与并发能力。
-
HTML导航跳转主要通过a标签实现，1.页面间跳转使用href属性指定目标路径；2.页面内锚点跳转通过#加id定位；3.外部链接可添加target="_blank"在新窗口打开；4.返回顶部利用锚点指向页面顶部id，配合正确路径和id设置即可实现各类跳转。
-
JavaScript中this在函数调用时动态确定，指向执行上下文的“所有者”对象；普通调用非严格模式下指向全局对象，严格模式下为undefined；对象方法调用时指向该对象；call/apply/bind可显式绑定；箭头函数无this，继承外层普通函数作用域的this；构造函数和class中this指向新实例。
-
Grid布局与浮动混用必然出问题，因Grid容器内float无效，而兄弟或嵌套浮动会干扰文档流，导致错位、塌陷；应分离职责：Grid管整体结构，浮动仅限隔离的局部上下文。
-
浏览器无法直接加载SCSS，必须先编译为CSS再通过link标签引入；推荐使用sass--watch实时编译，并确保HTML中href路径与输出CSS位置一致，构建工具如Vite可自动处理无需手动写link。
