前端基础知识整理

NAS 内网穿透的常见方案及实现方法，结合技术原理和实际案例总结： 一、虚拟局域网方案（ZeroTier/Tailscale） 核心原理 通过创建加密的虚拟局域网，将不同物理位置的设备纳入同一网段，无

#Vue3 中 readonly 的应用场景详解 readonly 是 Vue3 提供的核心响应式 API 之一，用于创建深层次只读的响应式代理对象。其核心价值在于 保护数据不可变性，同时保持数据的响

Vue3 中 reactive 与 readonly 的深度解析 一、核心功能对比 特性 reactive readonly shallowReadonly 响应式类型 深层响应式 深层只读 浅层只读

浏览器中的 Observer API 详解 浏览器提供了多种 Observer（观察者）API，用于异步监听 DOM 变化、元素可见性、性能指标等场景。以下是主流 Observer 的分类与核心用法：

在讨论编程和系统设计时，常常会提到I/O密集型（I/O-bound）和CPU密集型（CPU-bound）任务。理解这两者的区别对于选择合适的设计模式、算法以及技术栈至关重要。 I/O 密集型（I/O-

异或运算（XOR，eXclusive OR）是一种基本的二进制运算。在计算机科学和数字逻辑中，它有着广泛的应用，比如加密、错误检测与纠正、位操作等。异或运算的基本性质是：如果两个相应的二进制位不同，则

最小堆的基本概念 完全二叉树：堆通常被实现为一个完全二叉树。这意味着除了最后一层外，所有层都是满的，而且最后一层的所有节点都尽可能地靠左。 堆属性：在最小堆中，父节点的值总是小于或等于它的任何子节点的

在计算机科学中，二叉树的遍历是数据结构领域的一个重要概念，它涉及到如何系统地访问或处理树中的每一个节点。对于二叉树而言，存在三种主要的深度优先遍历方式：前序遍历（Preorder Traversal）

滑动窗口算法在JavaScript中实现查找队列中的最大值，通常涉及到一个特定大小的窗口在数组上滑动，并且每次滑动时计算当前窗口内的最大值。这种问题可以通过维护一个双端队列（deque）来高效地解决，

Vue 2 面试题 什么是Vue以及Vue的特点？   Vue 是一套用于构建用户界面的渐进式 JavaScript 框架。它的设计目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

实现元素在网页布局中的居中是一个常见的需求，CSS 提供了多种方式来达到这一目的。根据元素的类型（如行内元素、块级元素等）和具体的场景（如水平居中、垂直居中或两者同时），可以选择不同的技术方案。以下是

HTTPS 加密过程是一个确保客户端与服务器之间通信安全的重要机制。它通过结合使用非对称加密和对称加密技术，以及依赖于数字证书来验证服务器的身份，从而保障了数据传输的安全性和完整性。以下是HTTPS加

BOM（Browser Object Model）和DOM（Document Object Model）是Web开发中两个至关重要的概念，它们各自提供了不同的功能集，并且在构建交互式Web应用程序时扮

在JavaScript中处理Promise是一种优雅且有效的方式来管理异步操作，它解决了传统回调函数模式下常见的“回调地狱”问题，并使得代码更加清晰易读。以下是关于如何创建、使用和链式调用Promis

在JavaScript中，函数可以通过多种方式声明，每种方式都有其独特的特性和行为。主要的函数声明方式包括：函数声明（Function Declaration）、函数表达式（Function Expr

XSS（跨站脚本攻击）详细介绍 什么是XSS？ XSS，即跨站脚本攻击（Cross Site Scripting），是一种允许攻击者将恶意脚本注入到网页中的安全漏洞。当用户浏览被注入了恶意脚本的页面时

JavaScript作为一种广泛使用的编程语言，拥有其特定的语法、行为和运行时特性，这使得开发者在编写代码时可能会遇到各种类型的bug。以下是一些常见的JavaScript bug类型及其原因： 类型

宏任务和微任务的实现方式依赖于JavaScript引擎以及运行时环境（如浏览器或Node.js）。它们的实现涉及到事件循环（Event Loop）、任务队列（Task Queue）以及调用栈（Call