四、性能优化与渲染（20题）
1. 在万条级别的AI对话历史中，如何实现毫秒级搜索与过滤？ 场景：智能辅导系统累积了数万条学生与AI的对话记录，教师需要快速检索特定知识点的问题或学生常错点。 核心答案：采用多级索引架构和内存计算优化。建立倒排索引用于关键词搜索，位图索引用于分类筛选，B+树索引用于时间范围查询。通过索引预计算、查询合并和结果缓存实现毫秒级响应。 实现方案： 1. 索引结构设计： 倒排索引：关键词 [消息ID列表]，使用TF IDF加权 位图索引：标签...
改了CSS刷新没反应-你可能不懂HTTP缓存
做前端的应该都遇到过这种情况：明明改了 CSS，浏览器里看到的还是旧样式。网上搜一下，告诉你"清缓存"，Ctrl+F5 一刷新就好了。 但问题是： 缓存到底是怎么工作的？ 为什么有时候会用缓存，有时候不会？ Network 面板里的 和 有什么区别？ 今天把这个问题彻底搞清楚。 HTTP 缓存的两层机制 浏览器缓存分两层： 强缓存 和 协商缓存 。 简单说： 强缓存 ：直接用本地缓存，不问服务器 协商缓存 ：问一下服务器"我这个还能用吗...
LocalStorage、Cookie、IndexedDB 同步与异步机制对比
一、LocalStorage —— 同步 特性 LocalStorage 的 API 是同步的。调用 、 、 、 会立即执行并阻塞主线程。 示例 备注 少量读写通常很快；在大量循环写入场景中可能导致 UI 卡顿。 二、Cookie —— 同步 特性 通过 读写是同步的，操作会立即生效。 示例 备注 Cookie 的读写是同步的；但它随 HTTP 请求发送到服务器的过程属于网络传输，不阻塞当前 JS 执行。 三、IndexedDB ——...
Nuxt SSR 与 Next.js SSR
🧭 引言 在现代前端生态中， Nuxt（Vue） 与 Next.js（React） 是最成熟的两大全栈框架。 它们都具备 SSR（Server Side Rendering） 能力，但实现原理与运行机制差异巨大。 如果你在使用 Nuxt 构建 SSR 项目，却发现“路由跳转后不再 SSR”， 而在 Next.js 中同样操作却会重新发起服务端渲染——这不是 bug，而是 理念差异 。 本文将详细对比这两种框架的 SSR 行为，帮助你彻...
shallowRef 与 ref 的区别、场景与坑位
结论先行： 会 深度 地把你放进去的对象转成响应式（递归代理），因此"对象内部的改动"也会触发视图更新。 只在 顶层 做依赖追踪： 更换 才触发更新 ；若你只是"在原对象上改属性"，不会触发，除非手动 。 1\. 快速对比 维度 追踪粒度 深度（递归） 仅顶层 对象内部属性变更 会触发更新 不会 触发（除非 或重新赋值） 性能 有递归 & 依赖跟踪开销 更轻量，适合大对象/第三方实例 适用对象 普通标量、普通对象、数组 第三方实例（图表...
Hook 的设计意义与实践
🧩 一、Hook 的本质是什么？ Hook 是一种可复用逻辑的抽象方式。 它的核心思想是： 把「逻辑」从「组件渲染结构」中抽离出来，使逻辑能被复用、独立测试、灵活组合。 示例 组件中使用： ✅ 组件不再关心逻辑的实现，只关心如何展示。 ⚙️ 二、为什么要设计 Hook？ 1️⃣ 逻辑复用 传统做法（如 mixin）的问题： 数据来源不清晰（变量名可能冲突） 生命周期混乱（难以追踪依赖） 不利于类型推导 Hook 则通过 函数闭包 +...
Vue 3 中的 setup执行时机与异步逻辑详解
Vue 3 中的 执行时机与异步逻辑详解 本文详细介绍 Vue 3 组合式 API 的核心函数 ：它在组件生命周期中的执行时机、异步行为（ 的影响）、常见用法和最佳实践。 一、 的执行时机 是 Vue 3 组件实例创建后、渲染前执行的函数。 它相当于 Vue 2 中的 和 的合体。 执行流程： 也就是说： 所有响应式数据（ 、 、 ）都在这里定义； 所有生命周期钩子（ 、 等）都在这里注册； 模板渲染会等待 执行完成（或异步返回的 Pr...
cookie跨域介绍
Cookie 跨域问题详解 在 Web 开发中， Cookie 是最常见的客户端存储机制之一，用于记录用户登录状态、偏好设置、会话信息等。然而，当涉及到 跨域请求 时，Cookie 的行为往往变得复杂，尤其在现代浏览器的安全策略下，跨域 Cookie 的传递和写入都有严格的限制。 本文将从基础概念开始，逐步讲解 Cookie 的跨域机制、SameSite 属性、CORS 配置及常见问题解决方案。 一、Cookie 的基础概念 Cooki...
JavaScript 闭包详解
JavaScript 闭包（Closure）详解 一、什么是闭包 闭包（Closure） 是 JavaScript 中一个非常核心且常被问到的概念。简单来说： 闭包是一个函数，它可以“记住”并访问其定义时所在的词法作用域，即使这个函数在其作用域之外被调用。 换句话说，当一个函数“嵌套”在另一个函数中，并且 内部函数引用了外部函数的变量 时，就形成了闭包。 示例： 虽然 已经执行完毕，但 依然可以访问 中的 。这就是闭包。 二、闭包的形成...