30 篇文档带有标签「Interview」

面试官常会接着问：「JWT 长什么样子？为什么要这样设计？」搞清楚结构、编码方式与验证流程，就能快速回答。

在多品牌平台项目中，实作 SEO 基础配置：Router History Mode、Meta Tags 结构与静态页面 SEO。

面试时常见的追问：你了解传统 Session 与现代 Token 的差别吗？掌握下列重点，能快速整理思路。

通过四层图片懒加载策略，将首屏图片流量从 60MB 降至 2MB，加载时间提升 85%。

通过三层路由 Lazy Loading，将首次加载从 12.5MB 降至 850KB，首屏时间缩短 70%。

目标：用 3 ~ 5 分钟清楚交代「前端如何处理登录、状态维护与保护页面」，方便面试时快速回想。

通过防抖、节流、时间切片和 requestAnimationFrame 等技术，优化 JavaScript 运算性能，提升用户体验。

深入理解 Nuxt 3 的生命周期（Lifecycle）、状态管理（State Management）与 Hydration 机制，避免常见的 Hydration Mismatch 问题。

理解 Nuxt 3 的 Rendering Modes，能够根据项目需求选择合适的渲染策略（SSR、SSG、CSR）。

掌握 Nuxt 3 的 Nitro Server Engine 功能，实作 Server Routes (API Routes)、动态 Sitemap 与 Robots.txt，提升网站的 SEO 与架构弹性。

在多品牌平台项目中，实现动态 SEO 管理机制：动态 Meta Tags 注入、第三方追踪整合（Google Analytics、Facebook Pixel），以及集中化的 SEO 设定管理。

在 Nuxt 3 项目中，实现 SSR 数据加载与 SEO Meta Tags 动态管理，确保搜索引擎能正确索引动态路由页面。

在 SSR 架构下实作多语系（Internationalization），不只是翻译文字，更涉及路由策略、SEO 标签（hreflang）、状态管理与 Hydration 一致性。

Nuxt 3 性能优化全攻略：从 Bundle Size 瘦身、SSR 速度优化到图片加载策略，打造极致性能体验。

在 SSR 实作过程中，常见的难题与解决方案：Hydration Mismatch、环境变数处理、第三方套件兼容性、效能优化等。

Web Worker 是一个在浏览器后台线程中运行 JavaScript 的 API，让你能够执行耗时的运算而不会阻塞主线程（UI 线程）。

当页面需要显示上万条数据时，如何在性能、用户体验和开发成本间取得平衡？

当页面需要渲染 1000+ 条数据时，虚拟滚动可以将 DOM 节点从 1000+ 降至 20-30 个，内存使用降低 80%。

在多品牌平台项目中，使用 Options API 和 Composition API 两种写法实作 Pinia Store，根据场景选择合适的模式。

在多品牌平台项目中，Pinia Store 在组件和 Composables 中的使用方式，以及 Store 之间的通讯模式。

在多品牌平台项目中，Pinia Store 的最佳实践与常见错误处理。

在多品牌平台项目中，Pinia 的初始化配置与项目结构设计。

在多品牌平台项目中，Pinia Store 的持久化策略：使用 piniaPluginPersistedstate 和 VueUse 的 useSessionStorage。

如何用 Vite 管理 27 个品牌版型的多租户系统，实现动态编译与环境隔离。

比较 Vuex 和 Pinia 的核心差异，包含 API 设计、TypeScript 支援、模组化方式等，并提供迁移指南。

持续累积 Server Side Render 与 SEO 相关的实作经验与面试重点，按学习路径由浅入深整理。

处理跨浏览器兼容性问题，特别是 Safari 和移动端的特殊处理。

持续累积状态管理相关的实作经验与面试重点，依框架分类整理。

持续累积登录相关的面试题与应答重点，依难度由浅入深整理。

持续累积网页性能优化相关的实战经验与面试重点，依难度由浅入深整理。