-
掌握CSS水平居中需理解盒模型与宽度行为，主流方法有两种：1.使用margin:auto，适用于固定宽度的块级元素，通过设置宽度和左右外边距自动分配实现居中；2.使用Flexbox，父容器设为display:flex并配合justify-content:center，可灵活居中子元素，尤其适合动态或响应式布局。选择依据场景：简单居中用margin:auto，复杂布局选Flexbox。
-
清屏动画可通过五种方法实现：一、CSS淡出；二、CSS缩放；三、位移+透明度组合；四、Canvas覆盖；五、SVG遮罩扩散，均需HTML结构配合CSS动画与JavaScript触发。
-
float使元素脱离部分文档流并产生环绕效果，而absolute让元素完全脱离文档流且不影响其他元素；2.float只能左或右移动并受容器和其他浮动元素限制，absolute基于最近定位祖先通过top、right、bottom、left精确定位；3.浮动导致父容器可能塌陷需清除，绝对定位不参与高度计算；4.float用于图文环绕或多列布局，absolute适用于弹窗、提示框等精确层叠场景。两者设计目的不同，现代布局多用Flex和Grid，但理解差异仍重要。
-
答案是通过border-collapse和border-spacing控制表格边框样式与间距，结合border-radius、box-shadow等属性美化，并利用媒体查询实现响应式设计。
-
Node.js是基于V8的服务端JavaScript运行时，提供fs、http等非阻塞I/O模块；通过global、process、require等实现服务端能力；CommonJS与ESM模块系统有本质区别；require查找遵循内置→相对路径→node_modules规则；http.createServer后必须显式调用listen()才能响应请求。
-
本文详解如何修复因混用async/await与.then()、遗漏await、错误使用Promise状态返回导致的“未完成Promise”问题，并提供可维护、健壮、符合现代实践的重构方案。
-
JavaScript函数是代码复用的关键，通过函数声明、函数表达式和箭头函数定义，实现一次编写、多处调用，支持参数化、集中维护与逻辑组合；盲目封装则违背其设计初衷。
-
Intl对象能解决数字、日期、货币格式化、列表连接、相对时间、语言地区名称显示等国际化痛点。1.数字格式化：自动处理不同地区的千位分隔符和小数符号，并支持货币样式；2.日期时间格式化：根据不同locale的日期顺序、月份表示、时制及自定义格式输出；3.列表连接：根据语言习惯使用正确的连接词（如中文“、”和英文“and”）；4.相对时间格式化：输出如“2天前”或“3个月后”的本地化表达；5.显示语言/地区名称：将语言代码转换为对应语言的名称（如en→英语，CN→中国）。
-
通过CSS的:has()伪类可实现对包含已勾选radio的父容器整体加边框，同时配合+邻居选择器优化标签样式，兼容现代浏览器（Chrome105+、Safari15.4+、Firefox121+），并提供降级方案确保基础功能可用。
-
HTML标签分为三类：1.结构标签，如<html>、<head>、<body>，定义网页基本框架；2.内容标签，如<h1>、<p>、<img>、<a>，用于显示实际内容；3.格式化标签，如<b>、<i>、<u>、<pre>，控制内容外观和排版。
-
为提升小屏幕设备上CSS阴影动画的可见性，应增强box-shadow的对比度，增加spread-radius和模糊值，并调整透明度；将animation-duration控制在0.3s~0.6s，配合缓动曲线，并通过@media针对小屏优化，强化视觉反馈。
-
::after伪元素用于在元素内容后插入生成内容，常用于清除浮动、添加装饰性图标、创建几何图形及气泡对话框效果，结合content、border等属性提升样式表现力与布局灵活性。
-
移动端touch设备无真正:hover，应优先用:active配合touch-action:manipulation实现点击反馈，需JS管理持久状态，并排查pointer-events:none的隐式影响。
-
JavaScript不直接实现SSG，而是通过Gatsby（React生态、数据驱动、多源聚合）和VuePress（Vue文档型、轻量易用、文件中心）等工具在构建时生成静态文件。
-
剩余参数（...）用于函数形参末尾收集多余实参并生成真数组，扩展运算符（...）用于调用、赋值等场景展开可迭代对象；二者写法相同但位置与作用相反，混用将报错。
