代码猎人

substring() 和 substr() 都是用于截取字符串的方法，但它们在参数含义和行为上有重要区别。substr() 现已废弃，不建议在新项目中使用。 主要区别对比...

一、修改原数组的方法（变异方法） 1. 增删元素 push() - 末尾添加元素 pop() - 末尾删除元素 shift() - 开头删除元素 unshift() - 开...

一、什么是类数组对象 类数组对象（Array-like Object）是一种特殊的对象，具有以下特征： 有 length 属性 - 表示元素个数 按索引存储数据 - 键名为...

判断数组的方式有多种，以下是最常用的方法： 一、JavaScript 中的判断方法 1. Array.isArray() （推荐） 2. instanceof 3. Obj...

这是一个经典的 JavaScript 浮点数精度问题，也是所有使用 IEEE 754 标准的编程语言中的普遍现象。 为什么 0.1 + 0.2 !== 0.3？ 1. 二进...

这是 JavaScript 中最著名的设计错误和历史遗留问题。typeof null === "object" 并不是逻辑上的正确行为，而是一个Bug。 原因分析 1. 历...

typeof 和 instanceof 都是 JavaScript 中用于类型检查的操作符，但它们的用途和工作方式不同： 1. typeof 操作符 作用：返回一个字符串，...

1. instanceof 的基本原理 instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。 2. JavaScrip...

在 JavaScript 中，null 和 undefined 都表示“空值”或“不存在”，但它们在语义和用法上有重要区别： 1. 语义上的区别 undefined：表示“...

一、基本数据类型（Primitive Types，7种） 1. Number - 数字类型 2. String - 字符串类型 3. Boolean - 布尔类型 4. U...

一、问题本质 在 Retina 等高分辨率屏幕上，设备像素比（Device Pixel Ratio，DPR）通常为 2 或 3。这意味着： CSS 像素是逻辑像素 物理像素...

在计算机图形中，由于像素是屏幕显示的最小单位，直接绘制0.5px的线在不同设备和技术中表现不同。以下是几种常见场景的实现方法： 一、CSS 实现方法 1. 使用 trans...

实现三角形的几种方法 在 CSS 中，实现三角形主要利用 边框（border）  的特性。以下是各种实现方法： 方法一：使用 Border 边框（最常用） 这是最经典的方法...

position 常用属性 position 属性用于指定元素的定位方式，它有以下几个常用值： 1. static（静态定位）  - 默认值 元素按照正常的文档流进行排列 ...

什么是 Margin 重叠？ Margin 重叠（Margin Collapse）  是指当两个或多个垂直方向（上下）的块级元素的 margin 相遇时，它们会合并成一个 ...

什么是BFC？ BFC（Block Formatting Context）即块级格式化上下文，是CSS渲染页面时的一种布局环境。它是一个独立的渲染区域，规定了内部的块级元素...

Flexbox（弹性盒子布局）是CSS3中一种一维布局模型，专门设计用来更高效地处理容器内项目的对齐、方向和顺序，即使它们的大小未知或动态变化。 核心概念 1. 容器与项目...

在CSS中实现水平垂直居中有多种方法，以下是常用的实现方式： 1. Flexbox 布局（最推荐） 2. Grid 布局 3. 绝对定位 + Transform（元素宽高未...

三栏布局是经典的网页布局模式，通常指左右两侧固定宽度，中间自适应宽度的布局。以下是各种实现方案的详细解析。 📋 布局需求说明 目标：左右固定200px，中间自适应，三栏等...

两栏布局是 Web 开发中最经典的布局之一，通常指左侧固定宽度，右侧自适应的布局。以下是各种实现方式的详细解析： 📋 布局需求说明 目标：左侧宽度 200px，右侧填满剩...