-
使用CSSReset、Normalize.css或all属性统一浏览器默认样式，确保页面表现一致：首先通过CSSReset归零样式，推荐MeyerReset方案；其次可选Normalize.css修复差异并保留有用默认；最后利用all属性局部重置。关键是在项目初期统一基础样式，避免布局问题。
-
字体列表顺序决定浏览器加载优先级，从左到右依次查找可用字体，未找到则回退到默认字体。包含空格或特殊字符的字体名需加引号，推荐始终添加通用字体族如sans-serif作为最终回退。通过@font-face引入的自定义字体在成功加载后会按顺序参与匹配并优先使用。合理设置字体堆栈可确保跨设备良好显示。
-
要使用CSS制作卡片效果，首先应运用box-shadow和transition属性。具体步骤包括：1.创建基础HTML结构；2.使用CSS设置卡片样式、阴影及过渡动画；3.在:hover伪类中调整阴影和transform属性实现交互效果。此外，结合scale、opacity等属性可增强体验，优化时优先使用GPU加速属性并简化动画复杂度以提升性能。
-
答案：通过JavaScript监听滚动事件并结合CSStransition，可实现导航栏变色、元素淡入等平滑动画效果。设置transition属性后，利用scroll事件触发类名切换或动态修改样式，如根据scrollY值添加.scrolled类实现背景渐变。对于持续变化效果，可通过计算滚动进度控制opacity、transform等属性，并使用requestAnimationFrame节流优化性能，避免频繁回流。关键在于平衡动画流畅性与页面性能。
-
Axios的拦截器可在请求和响应前后统一处理逻辑，如添加token、处理loading、错误跳转；2.适配器可自定义请求实现方式，用于mock测试或替换底层HTTP库；3.二者结合能构建灵活、可维护的网络层，提升项目架构质量。
-
使用Git管理全栈JavaScript项目，需初始化仓库并添加远程地址，配置.gitignore忽略node_modules、.env等敏感或生成文件，采用main/develop/feature/fix分支模型，遵循ConventionalCommits规范提交代码，通过PullRequest协作评审，结合pre-commit钩子确保代码质量。
-
使用fr单位可创建灵活网格布局，.grid-container{display:grid;grid-template-columns:1fr2fr;}将容器按比例分为两列，第一列占1/3，第二列占2/3；fr可与px、rem等固定单位混合使用，如150px1fr2fr，实现侧边栏与内容区布局；等分列可用repeat(3,1fr)简写；fr分配的是扣除固定列后的剩余空间，容器宽800px时200px1fr1fr的两个弹性列各占300px；合理使用fr能提升响应式布局效率。
-
HTML列表分为无序列表（<ul>）、有序列表（<ol>）和定义列表（<dl>），核心区别在于语义上的“是否有序”。<ul>用于项目无先后顺序的场景，如购物清单，默认以实心圆点标记；<ol>用于有明确顺序的内容，如步骤或排名，支持数字、字母、罗马数字等排序方式；<dl>则用于术语与描述的配对，由<dt>和<dd>构成，适用于词汇表或FAQ。选择列表类型应基于内容逻辑：若顺序可变则用<ul>，顺序关键
-
卡片阴影通过box-shadow属性实现，基本语法为“水平偏移垂直偏移模糊半径扩散半径颜色”，常用rgba控制透明度；示例中设置04px8pxrgba(0,0,0,0.1)实现轻量立体感，结合border-radius增强视觉效果；常见效果包括浅色悬浮、中等立体和明显浮起，内阴影用inset营造凹陷；优化时应避免过大阴影以提升性能，并在多设备测试确保一致性。
-
concat()方法与扩展运算符均可合并数组，但concat()兼容性好且可处理非数组参数，扩展运算符语法更灵活简洁但仅适用于可迭代对象。
-
答案：构建SSR应用需选支持框架如Next.js/Nuxt.js，确保服务端预渲染HTML、数据预加载、避免浏览器API滥用，并通过缓存优化性能。
-
使用Flexbox或Grid可实现左右固定、中间自适应布局。1.Flexbox通过display:flex和flex:1分配剩余空间，左右设固定宽度；2.Grid使用grid-template-columns:200px1fr200px定义列宽，1fr占据中间剩余空间。两者现代浏览器支持良好，根据布局复杂度选择方案。
-
本文旨在解决使用Nodemailer发送HTML格式邮件时，邮件内容（尤其是链接）被解析为纯文本而非可点击链接的问题。核心解决方案是明确在邮件发送选项中设置Content-Type头部为text/html，确保邮件客户端正确渲染HTML内容，从而使重置密码等功能中的链接正常工作。
-
JavaScript数据结构是组织和操作数据的核心方式，直接影响程序性能。除常用的数组和对象外，Set和Map提供去重与灵活键值对存储，队列、栈、链表、树和图等可基于JS实现，适用于不同场景。如Set优化查找去重，链表提升插入删除效率，图处理复杂关系。合理选择结构能显著提升性能，避免卡顿。前端中，DOM为树结构，状态管理用持久化数据结构，路由可用Trie树，缓存常用Map加双向链表实现LRU，掌握这些能让代码更高效、可维护。
-
10个实用JavaScript一行代码技巧涵盖数组、对象、URL、日期等处理。2.包括判空、深拷贝、取参、随机元素、去重、今日判断、首字母大写、对象为空、数字格式化和布尔切换，提升开发效率。
