前端

Cookie是HTTP协议的一部分，由服务器通过Set-Cookie下发、浏览器自动存取，最大约4KB；JavaScript仅能通过document.cookie操作非HttpOnly Cookie，本质为字符串操作，需注意编码、路径、域名、Secure及安全配置。 Cookie 是浏览器保存在用户…

JavaScript缓存需自主管理生命周期，内存缓存用Map+时间戳判断TTL，localStorage需手动添加expiresAt字段，推荐封装支持LRU、TTL和多存储策略的缓存类，并注意异常处理与服务端缓存头协同。 在 JavaScript 中实现缓存机制，核心是“按需存储 + 主动控制过期”…

JavaScript通过History API实现无刷新导航，核心方法为pushState()、replaceState()及popstate事件，支持真实URL路径、SEO友好、可前进后退；需服务端配合返回统一入口，并手动处理页面更新。 JavaScript 通过 History API 操作浏览…

sessionStorage用于单标签页会话期间临时存储数据，关闭标签页即清除；localStorage则持久保存于同源所有标签页，需手动清除。 sessionStorage 是浏览器提供的一种前端本地存储机制，用于在**当前浏览器标签页的会话周期内**临时保存数据。只要这个标签页没关闭，即使刷新页…

Web Components 是浏览器原生支持的可复用、封装良好的自定义 HTML 元素标准，由 Custom Elements、Shadow DOM 和 HTML Templates 三部分组成，不依赖框架，适用于跨技术栈的基础组件开发。 Web Components 是一套浏览器原生支持的技术标…

JavaScript模块加载器用于管理依赖和按需加载，CommonJS用同步require，ESM用静态import，二者不兼容但可通过动态import或构建工具桥接，新项目优先选ESM。 JavaScript模块加载器是管理代码依赖、按需加载和组织模块的工具或机制。它让开发者能把大程序拆成小文件，…

JavaScript测试框架分单元、集成、E2E三类：单元测用Jest/Vitest，组件交互用Testing Library，端到端用Cypress/Playwright；选型依项目阶段与团队习惯，新项目推荐Vitest+Testing Library+Playwright组合。 JavaScri…

Chart.js适合快速生成标准图表，D3.js适合高度定制化可视化；前者开箱即用、学习成本低，后者灵活度高、需掌握底层概念；选择取决于需求复杂度与团队能力。 Chart.js 和 D3.js 不是同一类工具，不能简单比“谁更强大”，关键看你要做什么：Chart.js 适合快速画常见图表，D3.js…

JavaScript 通过 window.history 操作浏览器历史，支持后退、前进、跳转及修改 URL 而不刷新页面；仅限同源操作，无法读取完整历史；pushState 添加新记录，replaceState 替换当前记录；popstate 监听导航变化并获取 state 数据。 JavaScr…

Webpack采用先打包再运行的方式，Vite则按需编译；Webpack冷启动慢、HMR延迟大、配置复杂，Vite启动快、HMR精准、开箱即用；生产构建Webpack自研打包器，Vite用Rollup；Webpack生态成熟适配老旧场景，Vite更适合现代新项目。 JavaScript 的构建工具，…