MySQL数据库索引机制

article/2025/11/3 11:31:42

文章目录

  • 一、MySQL缓冲区
  • 二、MySQL的page
    • 1.认识单个page
    • 2.认识多个页
    • 3.聚簇索引和非聚簇索引
  • 三、索引的操作
    • 1.创建主键索引
    • 2.创建唯一索引
    • 3.创建普通索引
    • 4.查询索引的方法
    • 5.删除索引的方法
    • 6.索引创建原则

一、MySQL缓冲区

MySQL是一款有客户端和服务端的网络应用，mysql是它的客户端，mysqld是它的服务端。服务端本质就是一个进程，它存在于内存当中。而我们存储在MySQL中的数据是保存在磁盘上的，当我们对MySQL中数据进行增删查改操作时，不可能是直接在磁盘上进行操作，而是将对应的数据加载到内存中，在内存中对数据进行操作，操作完毕之后再写回磁盘。

mysqld是MySQL的服务端，它存在于内存中，mysqld服务端启动起来以后会先向内存申请一段空间buffer pool，作为MySQL的数据缓冲区。MySQL是有着更高IO场景的应用软件，所以为了提高基本IO的效率，MySQL进行IO的基本单位是16KB。也就是说，磁盘这个硬件设备的基本单位是512字节，而MySQL InnoDB存储引擎使用16KB进行IO交互，即MySQL与磁盘进行数据交互的基本单位是16KB。这个基本数据单元，在MySQL这里叫做page(注意这里的page是MySQL的page，不是系统的page)。

当mysqld的buffer pool中充满大量page的时候，MySQL也要管理所有的page，管理的原则也是先描述再组织。MySQL会为每个page建立一个数据结构，该数据结构记录了每个page的详细信息，再通过特定的算法和数据结构将其组织起来。这里的组织方式就和MySQL的索引有关。

为什么MySQL和磁盘进行IO交互要采用page方案，而不是用多少加载多少呢？
如果我们向MySQL的一张表中插入五条数据，设其id值分别为1、2、3、4、5。如果MySQL要查找id=2的记录，第一次加载id=1，第二次加载id=2，一次一条记录，那么就需要2次IO。如果要找id=5的记录，那么就需要5次IO。但如果这五条数据一次性保存到MySQL的page中，只需要完成一次IO，下次再查询id=1、2、3、4、5时，完全不需要进行IO，直接是在内存中访问了，这样就会大大地减少了IO的次数。这种page方案其实是利用计算机的局部性原理实现的预加载策略。

二、MySQL的page

我们先来做一个实验，创建一张user表，表中将id设置为主键，它会默认生成主键索引。

create table if not exists user (
id int primary key,
age int not null,
name varchar(16) not null
);

然后我们向user表中依次插入以下数据，注意我们插入的时候id值是没有排序的，也就是乱序插入的。

mysql> insert into user (id, age, name) values(3, 18, '杨过');
Query OK, 1 row affected (0.01 sec)mysql> insert into user (id, age, name) values(4, 16, '小龙女');
Query OK, 1 row affected (0.00 sec)mysql> insert into user (id, age, name) values(2, 26, '黄蓉');
Query OK, 1 row affected (0.00 sec)mysql> insert into user (id, age, name) values(5, 36, '郭靖');
Query OK, 1 row affected (0.00 sec)mysql> insert into user (id, age, name) values(1, 56, '欧阳锋');
Query OK, 1 row affected (0.01 sec)

但当我们查看表中数据的时候，我们会发现，表中的数据自动按照id升序排序了。这是MySQL帮我们做的主键排序。MySQL为什么要帮我们做排序呢？这就需要理解MySQL单个page的内部结构了。

在这里插入图片描述

1.认识单个page

MySQL中要管理很多数据表文件，而要管理好这些文件，就需要先描述再组织。我们以上面创建的user表为例子，假设user表中的数据加载到MySQL的page中，呈现出来的是下图的形式：

在这里插入图片描述

不同的page在MySQL中，都是16KB，并且使用page_prev和page_next构成双向链表。而单个page内部的数据记录之间，也是通过单链表连接的。因为创建user表时我们添加了主键，所以MySQL会默认按照主键给我们的数据进行排序。排序的目的是为了优化查询的效率。在单个page内部存放数据的模块，实质上也是一个链表的结构，链表的特点就是增和删特别快，查询和修改比较慢，所以必须要优化查询效率，数据有序了是非常方便查询的，查询快了，修改也就快了。

除此之外，单个page内部还会引入页目录，就像一本书的目录一样，通过目录可以快速定位每一章每一节的起始页码。例如下图的例子，引入页目录以后，如果我们要查找id=4的记录，原本要线性遍历，查找4个节点才能找到。现在可以直接从页目录2开始查找，只需要查找2个节点就可以找到，这也是提高了查询的效率。但这必须建立在page内部数据是有序的基础上，所以MySQL对表内数据按主键排序也是为了更好地引入页目录。

在这里插入图片描述

2.认识多个页

MySQL每个页大小只有16KB，单个page大小固定，所以随着数据量的不断增大，16KB的单页不可能存下所有的数据，那么必定会有多个页来存储数据。

在这里插入图片描述

单个页内部通过目录可以快速定位到需要查找的数据记录，但这仅局限于单页内查找数据，如果我们的MySQL表数据很大，分布在多个page中，不仅要对单个page内部进行查询，还要在page之间进行查询，如果page之间查询还是按照链式查询的话，那么查询的效率依旧是很低的。

所以为了解决这个问题，MySQL为多个page之间也引入了目录结构。它会让几个page不存放任何数据记录，单独存放page的目录。每个目录对应每个page的第一个数据记录的地址，这样在多page之间查找的效率就得到了提高。

在这里插入图片描述

但是又有一个问题，如果顶层的用于保存目录的page很多了，我们查找目录不也是需要线性遍历吗？这样不就还是会导致查找效率低吗？所以为了解决这个问题，我们可以再加目录页，在最顶层再加一个目录页，用来保存下一层目录的目录，说起来可能很绕，其实就是通过这个新加的目录页，可以快速定位下一层的目录页。

在这里插入图片描述

上图中的结构其实就是一棵B+树，它通过层层的目录页可以快速定位下一层需要查找的位置，所以查找效率比线性遍历快很多。因此，MySQL的索引本质就是一种利于查找的数据结构。所以我们user表中创建的主键，MySQL就自动帮我们建立了主键索引。如果一张表中没有主键，MySQL也会自动形成隐藏主键。

3.聚簇索引和非聚簇索引

聚簇索引指的是B+树的叶子节点是将索引和数据存放在一起的，而非聚簇索引指的是B+树的叶子节点没有将索引和数据存放在一起。

MySQL的InnoDB存储引擎就是聚簇索引，它将用户的数据和索引数据保存在一起。而MySQL的MyISAM存储引擎是非聚簇索引，它将索引数据和用户数据分离，也就是说B+树的叶子节点没有数据，只有对应数据的地址。

我们可以通过建表查看聚簇索引和非聚簇索引的表现。我们创建一张user1表使用InnoDB存储引擎，创建一张user2表使用MyISAM存储引擎，在Linux下的/var/lib/mysql路径下查看刚刚创建的两张表，我们会发现user1表对应的只有两个文件，user2表对应的却有三个文件。

其中user1和user2都有一个.frm文件，这个文件保存的是表的结构信息。但user1除此之外只有一个.ibd文件，这个文件保存的就是表的数据信息和索引信息。而user2除此之外有两个文件，分别是.MYD文件和.MYI文件，其中.MYD文件对应的是数据信息，.MYI文件对应的是索引信息。因此从这里就可以看出来，InnoDB是聚簇索引，MyISAM是非聚簇索引。

在这里插入图片描述

当然，MySQL除了默认会建立主键索引之外，我们用户也有可能建立按照其它列信息建立的索引，一般这种索引称为辅助索引或者普通索引。对于MyISAM存储引擎，建立辅助索引和主键索引没有区别，无非就是主键不能重复，而非主键可以重复。但是InnoDB存储引擎的辅助索引和主键索引却不一样，InnoDB的辅助索引中叶子节点并没有数据，而只有列数据对应记录的主键值，所以在查找数据的时候，通过辅助索引找到目标记录的主键值，然后用主键值在主键索引中检索获得记录，这个过程称为回表的过程。所以如果是通过辅助索引来查找数据，需要查找两遍索引。

三、索引的操作

1.创建主键索引

第一种方式：
在建表的时候，直接在字段后面指定primary key，即给某一字段添加主键。

mysql> create table user1(-> id int primary key,-> name varchar(20) not null-> );
Query OK, 0 rows affected (0.05 sec)mysql> show index from user1\G
*************************** 1. row ***************************Table: user1Non_unique: 0Key_name: PRIMARYSeq_in_index: 1Column_name: idCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: Index_type: BTREEComment: 
Index_comment: 
1 row in set (0.05 sec)

第二种方式：
在创建表的最后，指定某列或某几列为主键索引。

mysql> create table user2(-> id int,-> name varchar(20),-> primary key(id)-> );
Query OK, 0 rows affected (0.03 sec)mysql> show index from user2\G
*************************** 1. row ***************************Table: user2Non_unique: 0Key_name: PRIMARYSeq_in_index: 1Column_name: idCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: Index_type: BTREEComment: 
Index_comment: 
1 row in set (0.00 sec)

第三种方式：
创建表以后再添加主键索引。

mysql> create table user3(-> id int,-> name varchar(20)-> );
Query OK, 0 rows affected (0.04 sec)mysql> alter table user3 add primary key(id);
Query OK, 0 rows affected (0.04 sec)
Records: 0  Duplicates: 0  Warnings: 0mysql> show index from user3\G
*************************** 1. row ***************************Table: user3Non_unique: 0Key_name: PRIMARYSeq_in_index: 1Column_name: idCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: Index_type: BTREEComment: 
Index_comment: 
1 row in set (0.00 sec)

主键索引的特点：

  1. 一个表中，最多有一个主键索引，当然也可以使用复合主键。
  2. 主键索引的效率高，因为主键不可重复。
  3. 创建主键索引的列，它的值不能为null，且不能重复。
  4. 主键索引的列基本上是int。

2.创建唯一索引

第一种方式：
在表定义时，直接在某列后直接指定unique唯一属性。

mysql> create table user4(-> id int primary key,-> name varchar(20) unique-> );
Query OK, 0 rows affected (0.03 sec)mysql> show index from user4\G
*************************** 1. row ***************************Table: user4Non_unique: 0Key_name: PRIMARYSeq_in_index: 1Column_name: idCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: Index_type: BTREEComment: 
Index_comment: 
*************************** 2. row ***************************Table: user4Non_unique: 0Key_name: nameSeq_in_index: 1Column_name: nameCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: YESIndex_type: BTREEComment: 
Index_comment: 
2 rows in set (0.00 sec)

第二种方式：
创建表时，在表的后面指定某列或某几列为unique属性。

mysql> create table user5(-> id int primary key,-> name varchar(20),-> unique(name)-> );
Query OK, 0 rows affected (0.03 sec)mysql> show index from user5\G
*************************** 1. row ***************************Table: user5Non_unique: 0Key_name: PRIMARYSeq_in_index: 1Column_name: idCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: Index_type: BTREEComment: 
Index_comment: 
*************************** 2. row ***************************Table: user5Non_unique: 0Key_name: nameSeq_in_index: 1Column_name: nameCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: YESIndex_type: BTREEComment: 
Index_comment: 
2 rows in set (0.00 sec)

第三种方式：
创建表之后再添加唯一索引。

mysql> create table user6(-> id int primary key,-> name varchar(20)-> );
Query OK, 0 rows affected (0.04 sec)mysql> alter table user6 add unique(name);
Query OK, 0 rows affected (0.06 sec)
Records: 0  Duplicates: 0  Warnings: 0mysql> show index from user6\G
*************************** 1. row ***************************Table: user6Non_unique: 0Key_name: PRIMARYSeq_in_index: 1Column_name: idCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: Index_type: BTREEComment: 
Index_comment: 
*************************** 2. row ***************************Table: user6Non_unique: 0Key_name: nameSeq_in_index: 1Column_name: nameCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: YESIndex_type: BTREEComment: 
Index_comment: 
2 rows in set (0.00 sec)

唯一索引的特点：

  1. 一个表中，可以有多个唯一索引。
  2. 唯一索引查询效率高。
  3. 如果在某一列上建立唯一索引，必须保证这列不能有重复数据。
  4. 如果一个唯一索引上指定not null，那么等价于主键索引。

3.创建普通索引

第一种方式：
在表定义的最后，指定某列为索引。

mysql> create table user7(-> id int primary key,-> name varchar(20),-> email varchar(20),-> index(name)-> );
Query OK, 0 rows affected (0.04 sec)mysql> show index from user7\G
*************************** 1. row ***************************Table: user7Non_unique: 0Key_name: PRIMARYSeq_in_index: 1Column_name: idCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: Index_type: BTREEComment: 
Index_comment: 
*************************** 2. row ***************************Table: user7Non_unique: 1Key_name: nameSeq_in_index: 1Column_name: nameCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: YESIndex_type: BTREEComment: 
Index_comment: 
2 rows in set (0.00 sec)

第二种方式：
在创建完表之后，指定某列为普通索引。

mysql> create table user8(-> id int primary key,-> name varchar(20),-> email varchar(20)-> );
Query OK, 0 rows affected (0.04 sec)mysql> alter table user8 add index(name);
Query OK, 0 rows affected (0.03 sec)
Records: 0  Duplicates: 0  Warnings: 0mysql> show index from user8\G
*************************** 1. row ***************************Table: user8Non_unique: 0Key_name: PRIMARYSeq_in_index: 1Column_name: idCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: Index_type: BTREEComment: 
Index_comment: 
*************************** 2. row ***************************Table: user8Non_unique: 1Key_name: nameSeq_in_index: 1Column_name: nameCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: YESIndex_type: BTREEComment: 
Index_comment: 
2 rows in set (0.00 sec)

第三种方式：
在表创建完之后，再创建一个指定索引名的索引。这种方法不建议使用，建议直接就用列名做索引名，因为列名本身就具有唯一性，额外维护新的索引名代价比较大。

mysql> create table user9(-> id int primary key,-> name varchar(20),-> email varchar(20)-> );
Query OK, 0 rows affected (0.06 sec)mysql> create index name_index on user9(name);
Query OK, 0 rows affected (0.04 sec)
Records: 0  Duplicates: 0  Warnings: 0mysql> show index from user9\G
*************************** 1. row ***************************Table: user9Non_unique: 0Key_name: PRIMARYSeq_in_index: 1Column_name: idCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: Index_type: BTREEComment: 
Index_comment: 
*************************** 2. row ***************************Table: user9Non_unique: 1Key_name: name_indexSeq_in_index: 1Column_name: nameCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: YESIndex_type: BTREEComment: 
Index_comment: 
2 rows in set (0.00 sec)

普通索引的特点：

  1. 一个表中可以有多个普通索引，普通索引在实际开发中用的比较多。
  2. 如果某列需要创建索引，但是该列有重复的值，那么我们就应该使用普通索引。

4.查询索引的方法

第一种方法：show keys from 表名

mysql> show keys from user9\G
*************************** 1. row ***************************Table: user9Non_unique: 0Key_name: PRIMARYSeq_in_index: 1Column_name: idCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: Index_type: BTREEComment: 
Index_comment: 
*************************** 2. row ***************************Table: user9Non_unique: 1Key_name: name_indexSeq_in_index: 1Column_name: nameCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: YESIndex_type: BTREEComment: 
Index_comment: 
2 rows in set (0.00 sec)

第二种方法：show index from 表名

mysql> show index from user9\G
*************************** 1. row ***************************Table: user9Non_unique: 0Key_name: PRIMARYSeq_in_index: 1Column_name: idCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: Index_type: BTREEComment: 
Index_comment: 
*************************** 2. row ***************************Table: user9Non_unique: 1Key_name: name_indexSeq_in_index: 1Column_name: nameCollation: ACardinality: 0Sub_part: NULLPacked: NULLNull: YESIndex_type: BTREEComment: 
Index_comment: 
2 rows in set (0.01 sec)

第三种方法(信息比较简略)：desc 表名

mysql> desc user9;
+-------+-------------+------+-----+---------+-------+
| Field | Type        | Null | Key | Default | Extra |
+-------+-------------+------+-----+---------+-------+
| id    | int(11)     | NO   | PRI | NULL    |       |
| name  | varchar(20) | YES  | MUL | NULL    |       |
| email | varchar(20) | YES  |     | NULL    |       |
+-------+-------------+------+-----+---------+-------+
3 rows in set (0.00 sec)

5.删除索引的方法

  1. 删除主键索引：alter table 表名 drop primary key;
  2. 删除其它索引：alter table 表名 drop index 索引名，索引名就是show keys from 表名中的key_name字段。
  3. 使用drop删除：drop index 索引名 on 表名;

6.索引创建原则

  • 比较频繁作为查询条件的字段应该创建索引。
  • 唯一性太差的字段不适合单独创建索引，即使频繁作为查询条件。
  • 更新非常频繁的字段不适合创建索引。
  • 不会出现在where子句中的字段不该创建索引。

http://chatgpt.dhexx.cn/article/d6VrWlqu.shtml

相关文章

MySQL数据库索引教程（超详细）

MySQL数据库索引教程（超详细）

索引初步 MySQL索引的建立对于MySQL的高效运行是很重要的，索引可以大大提高MySQL的检索速度。 拿汉语字典的目录页（索引）打比方，我们可以按拼音、笔画、偏旁部首等排序的目录（索引）快速查找到需要的字。 …
阅读更多...
【MySql】数据库索引

【MySql】数据库索引

数据库索引 索引索引的创建索引的查看索引的删除 聚簇索引 & 非聚簇索引聚簇索引非聚簇索引 索引创建原则 索引 可以简单理解为一本书的目录信息，是为了提升查找效率而建立的 索引的创建 1、在创建一个主键、唯一键、外键时候，数据库会自动地针对查…
阅读更多...
MySQL 数据库--索引

MySQL 数据库--索引

目录 前言 一、索引及分类 1.索引的概念 2.索引的作用 3.索引的副作用 4.索引的分类 4.1 普通索引 4.2 唯一性索引 4.3 主键索引 4.4 全文索引 4.5 组合索引（单列索引与多列索引） 5.创建索引的原则依据 二、创建及查看索引 1.准备 2.创建索…
阅读更多...
MYSQL数据库-索引

MYSQL数据库-索引

MYSQL数据库-索引 零、前言一、索引概念二、认识磁盘三、理解索引1、如何理解Page2、B vs B3、聚簇索引 VS 非聚簇索引4、普通索引5、总结 四、索引操作1、创建索引2、查询索引3、删除索引 零、前言 本章主要讲解MYSQL数据库中的索引这一重要知识点 一、索引概念 索引的价值&a…
阅读更多...
MySQL数据库：索引

MySQL数据库：索引

一、索引简介 1.概念 索引是一种特殊的文件，包含着对数据表里所有记录的引用指针。可以对表中的一列或多列创建索引，并指定索引的类型，各类索引有各自的数据结构实现。 相当于是给数据库中的数据建立了一个目录，通过目录可以知道…
阅读更多...
MySQL数据库的索引

MySQL数据库的索引

文章目录 一、索引是什么？索引的作用 二、索引的使用查看索引创建索引删除索引 三、索引的底层 一、索引是什么？ 索引是一种特殊的文件，包含着对数据表里所有记录的引用指针。可以对表中的一列或多列创建索引，并指定索引的类型&a…
阅读更多...
Mysql数据库索引详解

Mysql数据库索引详解

一、前言 随着我们业务量不断的增大，会发现查询数据库的时间变的越来越长，其实就是数据库到达了性能的瓶颈，这时候需要我们对其进行优化操作，可能我们第一时间就会想到：加索引。没错，这是优化的一个方向&a…
阅读更多...
MySQL 数据库--索引（理论详解及实例演示）

MySQL 数据库--索引（理论详解及实例演示）

文章目录 前言一、索引及分类1.索引的概念2.索引的作用3.索引的副作用4.索引的分类4.1 普通索引4.2 唯一性索引4.3 主键索引4.4 全文索引4.5 组合索引（单列索引与多列索引） 5.创建索引的原则依据 二、创建及查看索引1.准备2.创建索引的方法2.1 创建普通索…
阅读更多...
数据库-mysql之索引

数据库-mysql之索引

目录 1、索引简介 1.1 索引的含义和特点 1.2 索引的分类 1、普通索引 2、唯一性索引 3、全文索引 4、单列索引 5、多列索引 6、空间索引 1.3 索引的设计原则 1．选择唯一性索引 2．为经常需要排序、分组和联合操作的字段建立索引 3&#xff0…
阅读更多...
web前端页面开发工具的演进史

web前端页面开发工具的演进史

小编是一位有着6年前端开发经验的web前端开发工程师&#xff0c;今天小编从个人的视角来聊一聊web前端开发工具的演进史。 小编第一次接触 web前端开发是在2011年&#xff0c;那会还在上高中。当时正是大家都每天忙碌着装扮自己的QQ空间。那时的web前端布局还是以 <table&g…
阅读更多...
关于Webpack前端工程化构建，你必须要掌握这些核心知识点

关于Webpack前端工程化构建，你必须要掌握这些核心知识点

引言 在很久之前&#xff0c;模块化管理还没有出现&#xff0c;如果我们开发一个页面想要引入一些依赖的话&#xff0c;最常见的做法就是将依赖文件引入到.html文件中。比如&#xff0c;我们要使用JS的一些依赖库&#xff0c;就要在.html文件中使用<script>标签引用&…
阅读更多...
构建工具 Vite、Webpack、Rollup对比

构建工具 Vite、Webpack、Rollup对比

Webpack介绍 热更新方面&#xff1a;webpack支持HMR&#xff0c;但是webpack需要全部重新编译并更新&#xff0c;效率较低tree-shaking&#xff1a;webpack2开始支持且消除效果不好&#xff0c;但是webpack5有更好的tree-shaking&#xff08;去除未使用代码&#xff09;分包方…
阅读更多...
前端三大构建工具 Webpack、Vite、Rollup 优劣势及原理分析

前端三大构建工具 Webpack、Vite、Rollup 优劣势及原理分析

在刚刚结束的 VueConf2021 中&#xff0c;除了 Vue 3.0 以外&#xff0c;另外一个亮点就是下一代构建工具 Vite 了。 在尤雨溪分享的【 Vue 3 生态进展和计划】的演讲中&#xff0c;尤大神还特意提到 Vite 将成为 Vue 的现代标配。甚至最近新推出的 Petite Vue 从开发、编译、发…
阅读更多...
从Npm Script到Webpack，6种常见的前端构建工具对比

从Npm Script到Webpack，6种常见的前端构建工具对比

从Npm Script到Webpack&#xff0c;6种常见的前端构建工具对比 小编说&#xff1a;历史上先后出现了一系列构建工具&#xff0c;它们各有优缺点。由于前端工程师很熟悉JavaScript&#xff0c;Node.js又可以胜任所有构建需求&#xff0c;所以大多数构建工具都是用Node.js开发的。…
阅读更多...
前端开发入门：前端构建工具百度FIS

前端开发入门：前端构建工具百度FIS

FIS是什么&#xff1f; FIS全称为Front-end Integrated Solution&#xff0c;即前端集成解决方案。前端团队发展大多会经历规范设计、技术选型、系统拆分、性能优化等阶段&#xff0c;其中的技术需求可以总结为前端集成解决方案。FIS是专为解决前端开发中自动化工具、性能优化…
阅读更多...
前端工程化——构建工具选型

前端工程化——构建工具选型

一、什么是前端工程化 前端工程化是依据业务特点&#xff0c;将前端开发的规范、流程、技术、工具、经验等形成规范并建立成一种标准的体系。 二、为什么要前端工程化 实现前端工程化的目的简单来说就是通过流程规范、自动化工具来提升前端的开发效率、性能、质量、多人协作…
阅读更多...
前端构建工具与应用程序测试

前端构建工具与应用程序测试

1、前端构建工具 什么是前端构建&#xff1f; 什么是构建工具&#xff1f; 自动构建工具 Npm Scripts&#xff08;推荐&#xff09; Npm Scripts&#xff08;NPM脚本&#xff09;是一个任务执行者。NPM是安装Node时附带的一个包管理器&#xff0c;Npm Script 则是 NPM 内置…
阅读更多...
前端构建工具gulp的详细介绍以及使用

前端构建工具gulp的详细介绍以及使用

什么是 gulp为什么要用 gulp如何使用 gulp Installing Gulp Install the gulp commandInstall gulp in your devDependencies Create a gulpfileTest it out gulp API 什么是 gulp gulp 是一个前端构建工具&#xff0c;它能通过自动执行常见任务&#xff0c;比如编译预处理 CS…
阅读更多...
去中心化的前端构建工具 — Vite

去中心化的前端构建工具 — Vite

为什么要使用Vite 在浏览器中提供ES模块之前&#xff0c;开发人员没有以模块化方式编写JavaScript的本机机制。这就是为什么我们都很熟悉“捆绑”的概念:使用工具来抓取、处理和连接源模块到可以在浏览器中运行的文件中。 随着时间的推移&#xff0c;我们看到了webpack、Roll…
阅读更多...
vite 前端构建工具

vite 前端构建工具

目录 一、vite 简介二、vite 语法纪要三、用 vite 创建项目1、用 vite 创建一个 react 项目2、用 vite 创建一个 vue3 项目 四、vite 和 webpack 的比较 一、vite 简介 Vite 官方中文文档 vite.config 配置文件 Vite 是一个 web 开发构建工具&#xff0c;由于其原生 ES 模块导入…
阅读更多...
推荐文章

Copyright @ 2022~2023