-
使用ChromeDevTools的内存面板可追踪JavaScript内存使用，通过堆快照、比较快照和记录内存分配时间线来分析对象分布与泄漏线索，结合Performance面板监控JS堆大小等指标变化，发现持续上升趋势可判断内存泄漏，再辅以代码中避免全局变量滥用、及时解绑事件监听等良好习惯，有效优化内存使用。
-
绝对定位元素在设置了overflow非visible的父容器中会被裁剪，解决方法包括使用Portal将弹出层移至body、调整DOM结构或显式设置overflow-x:visible，同时需注意层叠上下文对z-index的影响。
-
答案：通过start属性设置有序列表起始序号，value属性指定单个列表项编号，或结合CSScounter实现复杂编号逻辑，灵活控制HTML列表显示顺序。
-
:disabled是CSS伪类，用于选中并样式化被禁用的表单元素。当input、button等控件添加disabled属性时，浏览器自动应用该伪类。通过设置背景色、文字颜色、边框和cursor:not-allowed，可直观提示用户控件不可操作。常用于表单校验、条件输入、防重复提交等场景，需注意仅表单元素支持，且应保证可访问性对比度。
-
通过CSS实现按钮点击反馈可提升用户体验，先利用box-shadow和transform模拟按下效果，再通过伪元素与ripple动画添加光晕扩散，增强交互感知。
-
微前端是一种架构理念，旨在将单体前端拆分为多个独立自治的子应用，实现独立开发、部署与技术栈无关，通过路由分发、沙箱隔离、生命周期管理和样式隔离等机制，在运行时集成并保持解耦，常用框架包括qiankun、ModuleFederation等，适用于多团队协作的大型系统，但需权衡加载性能、调试复杂度和初期成本。
-
CSS选择器是样式表的核心，用于精准定位HTML元素并应用样式。它不仅是选中元素的工具，更是构建网页视觉逻辑、控制样式优先级与继承的关键机制。常见类型包括：1.通用选择器（）；2.类型选择器（如p、h1）；3.类选择器（.class）；4.ID选择器（#id）；5.属性选择器（[attr=value]）；6.伪类选择器（:hover、:nth-child）；7.伪元素选择器（::before、::after）；8.组合器（空格、>、+、~）。理解其优先级规则（ID>类>类型）和继承性（部
-
animation由name、duration和timing-function组成，分别定义动画名称、持续时间和速度曲线。例如，@keyframesslideIn配合animation-name:slideIn使元素滑入，animation-duration:1.5s设定时长1.5秒，animation-timing-function:ease-out实现先快后慢效果，三者结合可创建流畅基础动画。
-
padding会减少内容区宽度，导致文本更早换行；使用box-sizing:border-box可使宽度包含padding，便于控制布局；overflow属性在内容溢出时决定是否显示滚动条，滚动条位于padding内侧，形成视觉缓冲；影响换行的其他属性包括width、max-width、white-space、word-break、overflow-wrap、line-height和font-size，需综合运用以实现理想文本布局。
-
ES6模块系统通过import和export实现静态化模块机制，支持命名导出与默认导出，便于代码组织；命名导出可多个，需花括号导入，默认导出唯一，可自定义名称；模块静态编译利于依赖分析和摇树优化，动态加载可用import()返回Promise；模块单例且仅执行一次，支持循环引用但应避免复杂依赖；结合现代打包工具成为前端标准实践。
-
通过JavaScript动态修改CSS线性渐变实现背景动画，使用setInterval或requestAnimationFrame定时更新角度与颜色，结合transition使过渡更流畅，配合border-radius等样式增强视觉效果，形成平滑且美观的渐变动画。
-
使用CSStransition或@keyframes可实现字体颜色与大小变化动画。①transition适用于状态触发的平滑过渡，如:hover时color和font-size在0.4s内缓动变化；②@keyframes定义关键帧动画，配合animation属性实现自动播放、无限循环的颜色与尺寸变换，如16px到24px、#2c3e50到#8e44ad的交替脉冲效果。建议控制动画时长在0.3~0.6s，避免布局跳动，提升交互体验。
-
WebAssembly通过接近原生的执行速度提升Web性能，适合计算密集型任务。它作为JavaScript的补充，用于图像处理、加密等高性能需求场景，优先迁移已有C/C++库或数学密集型模块。集成时由JavaScript负责交互，Wasm处理核心计算，并通过共享内存和批量调用优化数据传输。合理使用可显著提升效率，但应避免过度应用。
-
在HTML中实现段落首行空两格可以使用四种方法：1.CSS的text-indent属性（p{text-indent:2em;}），简洁通用但只影响首行；2.HTML的非断行空格（<p> 内容</p>），无需CSS但代码冗长；3.CSS的padding-left属性（p{padding-left:2em;}），可控制整个段落但可能影响布局；4.CSS的:first-line伪元素（p:first-line{text-indent:2em;}），精
-
WebAuthn是一种基于公私钥加密的Web标准，通过浏览器与设备内置的生物识别系统（如指纹、面部识别）安全交互，实现无密码登录。其工作原理分为两个阶段：首先是凭证注册，服务器生成挑战并由认证器生成密钥对，私钥存于设备，公钥由服务器存储；其次是凭证认证，用户通过生物识别触发私钥签名，服务器用公钥验证签名以确认身份。该机制依赖WebAuthenticationAPI，确保挑战唯一、来源合法，并通过签名计数器防克隆，需配合回退登录方式和服务器端安全验证库（如@simplewebauthn/server）实现完
