一杯甜梦去冰全糖

GoF 设计模式总览 GoF 提出的 23 种设计模式遵循两大核心面向对象设计原则： 针对接口编程，而非针对实现编程 优先使用对象组合，而不是类继承 设计模式分为三大类：创...

✅ Vuex 模块化示例 📁 项目结构 🔸 1. store/modules/user.js 🔸 2. store/modules/counter.js 🔸 3. ...

在 JavaScript 中，将对象转换为数组有多种方式，具体取决于对象的类型和需要提取的内容。以下是常见的几种场景及实现方法： 1. 将对象的键（Keys）转换为数组 使...

在 JavaScript 中，将数组转换为对象有多种方法，具体取决于数组的结构和转换需求。以下是常见的几种场景及对应的实现方法： 1. 数组元素为键值对（如二维数组） 如果...

1. Vue 生命周期详解 （Vue 2 vs Vue 3） 生命周期阶段 Vue 2 Vue 3 Composition API 说明 创建前 beforeCreate ...

1. JavaScript 数据类型 基本类型：String, Number, Boolean, Undefined, Null, Symbol。这些类型的数据是不可变的，...

JavaScript-数组常用方法： push/unshift/concat pop/shift/slice splice indexOf/includes/find...

sessionStorage 和 localStorage 是 HTML5 提供的两种客户端存储机制，它们都允许在浏览器中存储数据，但有一些关键的区别。以下是它们的主要区别...

1. 前端页面的三层结构 1.1 结构层（Structure）- HTML 作用：搭建网页的骨架和内容，描述文本、图片、链接、表格、表单等部分。 特点：注重语义化，提升可读...

从输入 URL 到页面展示的全过程： 1. URL 解析 2. DNS 查询 3. TCP连接 4.HTTP请求 5.服务器响应 6.浏览器接收 7. 页面渲染...

当浏览器接收到 HTML 文档后，会创建一个渲染任务，并启动整个渲染流程。这个流程包括以下几个关键阶段：...

HTTP 请求方法有多种，每种方法代表客户端想对服务器资源执行的某种操作。以下是最常见的几种请求方法及其用途：...

什么是 TCP？ TCP（Transmission Control Protocol，传输控制协议） 是一种面向连接的、可靠的、基于字节流的传输层协议。...

DNS 是什么？ DNS（Domain Name System，域名系统）是互联网的电话簿。它的作用是 将域名转换为 IP 地址，从而让浏览器可以找到并访问目标服务器。...

什么是 HTTP？ HTTP（HyperText Transfer Protocol，超文本传输协议） 是一种用于在客户端（如浏览器）和服务器之间传输数据的应用层协议。它是...

在前端开发中，处理文本溢出并显示省略号（...）是一个常见的需求。根据单行和多行文本的不同，实现方式也有所区别。 以下是单行和多行文本溢出省略的实现方法及其区别： 1. 单...

在 CSS 中，隐藏元素是一个常见的需求，但不同的隐藏方式有不同的行为和适用场景。 以下是几种常见的隐藏元素的方式及其区别： 1. display: none 特点： 隐藏...

在前端开发中，使用百分比（%）和相对单位（如 em、rem、vw、vh）是实现响应式设计的关键技术之一。这些单位可以根据父元素或视口的大小动态调整元素的尺寸，从而使页面在不...

1. 什么是响应式设计？ 响应式设计（Responsive Web Design）是一种网页开发方法，使网站能够自动适应不同设备的屏幕尺寸和方向。其核心目标是实现"一次开发...

CSS（层叠样式表）的继承性和层叠性是 CSS 的核心特性，理解它们对于编写高效、可维护的样式表至关重要。...