-
HTML5中实现对齐需正确使用CSS属性：text-align控制块内行内内容水平对齐；margin:0auto使定宽块级元素水平居中；Flexbox通过justify-content和align-items实现多维对齐；vertical-align用于行内/表格单元格垂直对齐；writing-mode结合text-align可处理垂直文本对齐。
-
Flex元素无法放大主因是缺乏剩余空间或受固定尺寸限制，需确保父容器为flex布局、移除width/height、合理设置flex属性并处理内容最小尺寸。
-
sessionStorage是浏览器原生提供的、仅在当前标签页会话生命周期内有效的前端键值对存储机制，关闭标签页即确定性清除，不与服务器通信，仅存字符串，且同域名下各标签页间完全隔离。
-
按需加载结合预加载、共享依赖提取、条件性分割等策略可显著优化大型应用性能。通过import()实现功能模块动态加载，降低初始包体积；利用webpackPrefetch/Preload提升感知性能；SplitChunks与externals减少冗余；ModuleFederation共享依赖；根据网络、设备、权限动态加载，实现精细化控制。
-
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。
-
JavaScriptmock核心是拦截真实请求而非造假对象，分三类：全局重写fetch/XMLHttpRequest（开发调试）、msw基于ServiceWorker（推荐测试+开发）、axiosadapter（仅限axios项目），关键要保持mock与真实接口同步。
