前端面试资料

浏览器缓存是前端性能优化中非常重要的一环，了解浏览器缓存的基本原理、缓存位置、强缓存和协商缓存的区别，以及不同刷新方式对缓存的影响，合理利用缓存策略可以显著提升网站的加载速度和用户体验。

进程与线程的核心概念、区别、通信方式，以及浏览器中的进程线程模型，主要内容包括进程与线程的本质、Chrome浏览器架构、进程间通信方式、死锁问题、浏览器标签页通信、浏览器渲染线程等。

当前页面通过 CSP（内容安全策略）限制了资源来源，此时若使用 <iframe> 嵌入一个非本域名的外部页面，则一定会加载失败，除非 CSP 策略中明确允许了该外部域。

基于日常使用体验得出的“二次确认是防御关键”的直觉完全正确。正是二次确认、SameSite默认策略、CSRF Token等机制的组合，让早期那种“一个链接删号”的攻击在面向公众的高价值服务中几乎绝迹。

基于Origin/Referer的来源校验虽然实现简单，但其安全性严重依赖客户端上报的信息，容易被伪造，且在允许搜索引擎时存在明显绕过风险。

中间人攻击是攻击者通过控制网络环境，让自己成为通信路径中无法绕开的一环，防御的核心在于**公钥密码认证**。

DNS劫持：在寻址阶段动手脚，让你走错门（域名解析环节）。 HTTP劫持：在数据传输阶段动手脚，让你拿到的包裹被塞了传单（内容篡改环节）。

双重 Cookie 验证是一种便捷但安全等级有限的防御措施。它在防"跨站"方面很轻量，但完全依赖"没有 XSS"和"子域名完全可信"这两个前提。

DOM型XSS属于浏览器端漏洞，是因为攻击者利用的是前端JS对客户端本地数据（如URL）的不安全处理。

XSS（跨站脚本攻击）引发 DoS（拒绝服务攻击），本质上是利用 JavaScript 在受害者浏览器中发起资源耗尽或逻辑破坏，而非直接攻击服务器带宽。

使用Vue开发，并不会让应用绝对免疫XSS攻击，但它确实提供了强大且便利的默认防护。Vue极大地降低了XSS的发生概率，但安全最终是由开发者的每一个编码习惯决定的。

在浏览器安全中，常见的前端安全问题、XSS 攻击、CSRF 攻击、中间人攻击、网络劫持等，了解这些安全问题和防御手段

什么是“模板编译”？什么是“虚拟DOM”？它们如何协同工作？模板编译优化到底优化了什么？不同版本的Vue在这些优化上有何区别？

IntersectionObserver、MutationObserver 和 ResizeObserver 的概念、用法及典型场景

Vue3 实现了虚拟 DOM 性能显著提升的四大优化： 最长递增子序列、静态节点标记与提升、虚拟 DOM 缓存、异步删除操作

为什么 id 变了 key 才变？为什么 id 没变，内容变了也能更新？列表里第一项 key 变了，第二项会受牵连吗？key 写在 div 上和写在组件上有区别吗？

Vuex 的单向数据流和模块化使用、Vue Router 导航钩子的执行顺序和应用、hash/history 模式的区别和部署注意事项、history 模式刷新 404 问题的解决方案

虚拟 DOM、diff 算法、key 的作用、Vue3 diff 算法与 Vue2 双端比对、nextTick 关键要点

对 Vue 的理解、Vue 与 React 的区别、Vue2 与 Vue3 的区别、数组变化检测、父子组件传值方式、生命周期执行顺序等核心知识点。

链表相关题目的解题技巧，包括反转链表、快慢指针、哑节点、合并有序链表、复制随机链表，记住这些基础方法可以去扩展解题。