-
手机端适配核心是小屏幕下针对性调整布局，用max-width媒体查询（如768px）、viewport元标签、容器/文字自适应、display显隐切换等渐进优化。
-
transition-delay无效的主因是目标属性未在transition-property中声明或使用all；JS同步修改样式会跳过延迟，需强制重排；负值被忽略，display:none会中断延迟。
-
密码不可跨域明文传递，须用WebCryptoAPI的PBKDF2在前端加盐派生密钥（iterations≥100000、SHA-256、后端下发盐），导出十六进制凭证供后端校验，全程内存操作并立即清空原始密码。
-
JavaScript无法直接读写本地音频文件，但可通过WebAudioAPI加载（fetch+decodeAudioData）、播放（createBufferSource）、添加效果（Gain/BiquadFilter等节点）及与<audio>元素协同处理音频。
-
答案：需配置Eclipse的Web工具与浏览器设置以运行HTML文件。1、确认安装EclipseWebDeveloperTools或JavaScript开发版本；2、在Preferences中设置外部浏览器为默认；3、右键HTML文件选择OpenWith→WebBrowser；4、可使用内置Preview视图快速查看；5、涉及动态内容时通过RunonServer部署至本地服务器运行。
-
linear-gradient()和radial-gradient()不是颜色，而是返回<image>类型的图像生成函数，仅适用于background-image等接受图像的属性，不能用于color、border-color等需颜色值的属性。
-
Day.js体积小、API兼容Moment.js，适合低重构成本迁移；2.date-fns函数式设计支持tree-shaking，优化构建体积；3.Luxon内置时区支持，API清晰适合复杂时区场景；4.JS-Joda类型安全，适合企业级严谨逻辑。按需选择可平滑过渡。
-
用margin和padding控制段落间距最直接，p标签默认靠浏览器内置margin产生间距，应统一设margin:0.8em0，避免br换行、line-height混淆及margin合并问题。
-
<samp>标签用于语义化地标识计算机程序的样本输出，如错误信息、命令行结果或API响应，浏览器通常以等宽字体显示，增强技术内容的可读性与可访问性，区别于（代码）和（用户输入），提升文档结构化与维护性。
-
HTML列表排序需在数据层优先处理，DOM操作仅作补充；JavaScript用textContent.trim()和localeCompare()排序，注意数字转换与中文locale；服务端排序更稳妥。
-
ChromeDevToolsMemory面板需通过多次堆快照对比差异识别内存泄漏，重点观察Constructor列中持续增长的对象类型，并利用Retainers面板追踪引用链定位根源。
-
CSS多状态按钮应采用分层设计、明确优先级与状态解耦：用自定义属性统一管理各状态样式，合理使用:hover:active组合伪类，并通过JSclass（如.is-pressed）增强跨端可控性。
-
根本原因是浏览器及邮件客户端默认合并连续空白字符，Outlook等还过滤 并存在编码兼容问题；可靠方案是表格+透明GIF占位。
-
使用HistoryAPI实现无刷新路由：通过pushState添加历史记录，replaceState修改当前记录，结合popstate监听浏览器前进后退，配合事件代理拦截链接点击，实现页面跳转不刷新，提升单页应用体验。
-
使用flex-wrap和gap可高效实现弹性卡片布局。1.容器设为display:flex并启用flex-wrap:wrap实现自动换行；2.用gap统一设置间距，避免margin错位；3.卡片通过flex:11200px等灵活宽度自适应屏幕；4.结合padding与响应式设计，完整构建美观布局。
