-
最常用方法是使用CSS实现div内文本居中。1.水平居中用text-align:center；2.单行垂直居中设置line-height等于容器高度；3.推荐Flex布局，通过display:flex、justify-content:center和align-items:center实现水平垂直居中；4.也可使用Grid布局，配合place-items:center简洁完成居中。根据需求选择合适方式，兼顾兼容性与灵活性。
-
使用position:relative可对元素进行微调而不影响布局。1.基本语法：设置position:relative，通过top、bottom、left、right偏移元素，如.element{position:relative;top:5px;left:-2px;}，偏移基于原位置，负值反向移动。2.微调场景示例：用于图标与文字不对齐时用top:-1px调整图标，按钮错位用right:1px修正，表单标签偏高用top:2px下移。3.注意事项：元素仍占原空间，不影响其他布局；避免滥用，结构性调整推荐
-
JavaScript通过调用Spring后端接口实现邮件发送：1.前端收集表单数据并用fetch发送POST请求；2.SpringBoot配置mail依赖和邮箱参数；3.后端EmailService使用JavaMailSender发邮件；4.EmailController处理跨域请求并返回结果；5.注意添加身份验证、限流和HTTPS保障安全。
-
首先给出高效实用的JavaScript工具函数包括类型判断isType、深拷贝deepClone、防抖debounce、节流throttle和获取URL参数getUrlParams；具体描述为这些函数覆盖类型判断、数组操作、对象处理等场景，利用Object.prototype.toString实现精准类型识别，通过递归与WeakMap支持循环引用的深拷贝，使用定时器控制高频事件执行频率，结合URLSearchParams解析查询参数，均建议封装成utils模块以提升代码可读性与稳定性。
-
利用CSS自定义属性可高效实现主题切换，通过:root定义变量（如--color-bg）、var()调用、JavaScript切换类名（如theme-dark）重写变量值，并结合prefers-color-scheme适配系统偏好，提升用户体验。
-
yield用于暂停生成器函数并返回单个值，调用next()继续执行；yield*委托给其他生成器或可迭代对象，逐个产出其值。
-
操作SVG与HTML的最大区别在于命名空间和属性处理，必须使用document.createElementNS()并指定SVG命名空间URI；2.获取SVG元素可直接使用getElementById、querySelector等DOM方法；3.修改属性应优先使用setAttribute()，尤其对SVG特有属性；4.事件处理与HTML一致，通过addEventListener监听click、mouseover等事件；5.动画可通过CSS（仅限transform、opacity等属性）、requestAni
-
<p>使用box-sizing:border-box可使元素高度包含padding和border，.box设置height:100px后，即使添加padding和border，总高度仍为100px，适用于导航栏、卡片、表单等需固定高度的场景，推荐全局设置*{box-sizing:border-box}以统一尺寸计算方式，提升布局可控性。</p>
-
答案是通过animation-name与@keyframes配合定义动画，使用语义化命名和百分比关键帧控制动画过程，并结合duration、timing-function等属性实现流畅效果，最后以简写形式优化代码。
-
JavaScript变量提升指声明被移至作用域顶部，但仅var声明初始化为undefined，let/const因TDZ在声明前访问报错，函数声明完全提升而表达式不提升。
-
BatteryStatusAPI因隐私与安全风险被主流浏览器弃用：Chrome89、Firefox100起移除，Safari从未支持；现无等效WebAPI，仅能通过navigator.onLine或启发式判断间接推测电源状态，精确电量需原生层实现。
-
首先清除浏览器缓存，按Ctrl+Shift+Delete选择所有时间并勾选“缓存的图像和文件”后清除；接着使用Ctrl+F5硬性刷新页面以强制从服务器加载最新资源；调试时可通过F12打开开发者工具，在Network选项卡勾选“Disablecache”或右键刷新按钮选择“清空缓存并硬性重新加载”；为确保静态资源更新，可在HTML引用的CSS或JS文件后添加?v=版本号（如main.js?v=1.2），每次更新后递增版本号；最后通过服务器配置HTTP响应头Cache-Control:no-cache,mus
-
答案：结合PBR与阴影映射可在WebGL中实现物理光照与阴影。首先在片元着色器中使用BRDF模型（如GGX）计算基于反照率、金属度、粗糙度和法线贴图的光照响应，支持环境光、点光源等类型；接着通过深度纹理实现阴影映射——从光源视角渲染场景生成shadowmap，在主通道中将片段深度与shadowmap比较以判定阴影，并采用PCF滤波软化边缘；若集成Ammo.js等物理引擎，需每帧同步物体变换矩阵并更新光源视图矩阵，动态物体实时更新shadowmap，静态物体检影烘焙以优化性能；建议采用级联阴影映射提升远距离
-
装饰器是用于类或属性的元数据标记，帮助DI框架识别依赖关系。通过@Injectable()等装饰器标注可注入类，结合emitDecoratorMetadata反射机制，容器自动解析构造函数参数并递归实例化依赖，实现自动装配。NestJS等框架利用此特性完成模块化与解耦，需开启experimentalDecorators和emitDecoratorMetadata支持。
-
location对象是浏览器提供的全局接口，用于操作和获取当前页面URL的信息。它包含属性和方法：1.属性包括href、protocol、host、hostname、port、pathname、search、hash、origin，分别用于获取或设置URL各部分；2.方法有assign()（跳转并记录历史）、replace()（替换当前历史）、reload()（刷新页面）；3.使用location对象能避免手动拼接字符串，提升安全性和代码可维护性；4.assign适用于允许用户返回的场景，replace适
