-
localStorage数据永久保存、跨会话存在，sessionStorage仅限当前标签页生命周期；二者API相同但生命周期和作用域不同，均受同源策略限制且只支持字符串值，存对象需JSON.stringify/parse。
-
JavaScript通过history.pushState()和replaceState()操作同源历史栈，支持无刷新更新URL和状态；popstate事件监听导航变化；back/forward/go仅限已存在历史项跳转，且需用户手势触发。
-
字体不显示主因是@font-face声明错误或字体路径、格式、权限问题；应检查路径准确性（推荐绝对路径）、多格式兼容性（woff2优先）、语法完整性、跨域及MIME类型配置。
-
JavaScript单例模式核心是确保多次调用始终返回同一实例引用，常用闭包缓存或ES6私有静态字段实现，单线程下天然线程安全，推荐直接导出实例以保证模块级唯一。
-
本文介绍如何构造可分享的URL，使目标页面在加载时自动将指定值设为<select>下拉框的选中项，适用于第三方站点集成、SEO友好链接或用户直接跳转场景。核心思路是利用URL查询参数（如?year=2022）驱动前端逻辑，而非哈希片段（如#year.option="2022"），后者无法被服务端识别且不触发React重渲染。
-
JavaScript是唯一能在浏览器原生运行并实时响应用户操作的前端语言，直接操控DOM/CSS、监听事件、发起AJAX请求、支撑所有主流框架，其核心难点在于精确掌控执行时机与作用域边界。
-
使用flex-wrap和gap可高效实现弹性卡片布局。1.容器设为display:flex并启用flex-wrap:wrap实现自动换行；2.用gap统一设置间距，避免margin错位；3.卡片通过flex:11200px等灵活宽度自适应屏幕；4.结合padding与响应式设计，完整构建美观布局。
-
使用HistoryAPI实现无刷新路由：通过pushState添加历史记录，replaceState修改当前记录，结合popstate监听浏览器前进后退，配合事件代理拦截链接点击，实现页面跳转不刷新，提升单页应用体验。
-
根本原因是浏览器及邮件客户端默认合并连续空白字符，Outlook等还过滤 并存在编码兼容问题；可靠方案是表格+透明GIF占位。
-
CSS多状态按钮应采用分层设计、明确优先级与状态解耦：用自定义属性统一管理各状态样式，合理使用:hover:active组合伪类，并通过JSclass（如.is-pressed）增强跨端可控性。
-
ChromeDevToolsMemory面板需通过多次堆快照对比差异识别内存泄漏，重点观察Constructor列中持续增长的对象类型，并利用Retainers面板追踪引用链定位根源。
-
HTML列表排序需在数据层优先处理，DOM操作仅作补充；JavaScript用textContent.trim()和localeCompare()排序，注意数字转换与中文locale；服务端排序更稳妥。
-
<samp>标签用于语义化地标识计算机程序的样本输出，如错误信息、命令行结果或API响应，浏览器通常以等宽字体显示，增强技术内容的可读性与可访问性，区别于（代码）和（用户输入），提升文档结构化与维护性。
-
用margin和padding控制段落间距最直接，p标签默认靠浏览器内置margin产生间距，应统一设margin:0.8em0，避免br换行、line-height混淆及margin合并问题。
-
Day.js体积小、API兼容Moment.js，适合低重构成本迁移；2.date-fns函数式设计支持tree-shaking，优化构建体积；3.Luxon内置时区支持，API清晰适合复杂时区场景；4.JS-Joda类型安全，适合企业级严谨逻辑。按需选择可平滑过渡。
