如何优化MySQL数据库查询性能?提升SQL执行效率的实用技巧

优化MySQL查询性能需从索引优化、SQL语句重写、数据库结构设计、服务器参数调优和应用层缓存等多方面入手,核心是识别瓶颈并持续迭代。首先,合理创建索引,如在WHERE、JOIN、ORDER BY和GROUP BY涉及的高选择性列上建立单列或复合索引,遵循最左前缀原则,并利用覆盖索引减少回表;避免在索引列上使用函数或类型转换导致索引失效。其次,优化SQL语句,避免SELECT *,精确选择所需列;用JOIN替代子查询;优化LIKE、OR、IN等操作;使用UNION ALL替代UNION;区分WHERE与HAVING的使用场景;优化分页查询,采用基于主键的延迟关联或游标方式避免OFFSET性能问题。再者,合理设计数据库结构,选择合适数据类型,避免过度范式化或反范式化,平衡JOIN开销与冗余。同时,调整MySQL关键参数:设置innodb_buffer_pool_size为物理内存的70%-80%,确保热点数据缓存;增大tmp_table_size和max_heap_table_size以避免磁盘临时表;合理配置sort_buffer_size和join_buffer_size减少filesort和磁盘JOIN;开启slow_query_log并设置long_query_time捕获慢查询。此外,应用层引入Redis或Memcached缓存高频读数据,降低数据库

如何优化mysql数据库查询性能?提升sql执行效率的实用技巧

优化MySQL数据库查询性能,提升SQL执行效率,本质上是一个系统性的工程,它涵盖了从数据库表结构设计、索引策略、SQL语句编写,到服务器硬件配置、MySQL参数调优,乃至应用层缓存策略等多个层面。这不是一蹴而就的,而是一个持续监控、分析、迭代优化的过程。核心在于理解数据访问模式,识别瓶颈,然后有针对性地进行改进。

优化MySQL查询性能,提升SQL执行效率,主要可以从以下几个关键点入手:

索引优化:这是最直接也最有效的手段。合理创建索引能大幅减少数据库需要扫描的数据量。理解B-tree索引的工作原理,以及何时创建单列索引、复合索引,甚至覆盖索引至关重要。例如,对于经常出现在WHERE子句、JOIN条件、ORDER BY或GROUP BY子句中的列,都应该考虑建立索引。但也要注意,过多的索引会增加写操作的开销,并占用存储空间,所以平衡很重要。

SQL语句重写与优化:避免使用

SELECT *

,只查询需要的列。尽量减少子查询,很多情况下可以使用

JOIN

来替代,效率会更高。优化

WHERE

子句,避免在索引列上使用函数或进行类型转换,这会导致索引失效。对于

LIKE

查询,如果模式以

%

开头,索引也可能无法使用。合理使用

LIMIT

进行分页,特别是在处理大量数据时,结合索引优化分页查询。

数据库结构设计:选择正确的数据类型至关重要。例如,能用

INT

就不要用

BIGINT

,能用

VARCHAR(100)

就不要用

VARCHAR(255)

,更不要用

TEXT

BLOB

来存储可以定长的数据。适当的范式化与反范式化权衡,可以减少JOIN操作或提高查询效率。例如,在某些读多写少的场景,适当的反范式化(冗余数据)可以避免复杂的JOIN操作,从而提升查询性能。

MySQL服务器配置优化:调整MySQL的配置参数,如

innodb_buffer_pool_size

(InnoDB存储引擎最重要的参数,用于缓存数据和索引)、

tmp_table_size

max_heap_table_size

(用于控制内存临时表的大小)、

sort_buffer_size

join_buffer_size

等。

slow_query_log

long_query_time

参数可以帮助我们发现执行缓慢的SQL语句。需要注意的是,

query_cache_size

在MySQL 8.0中已被移除,因为它在并发场景下常常弊大于利。

应用层缓存:对于那些不经常变化但访问频繁的数据,可以在应用层使用Memcached或Redis等缓存系统,减少对数据库的直接访问。这能显著降低数据库负载,提升整体响应速度。

为什么我的SQL查询会变慢?

这个问题,我被问过无数次,也曾无数次在深夜里对着慢查询日志抓狂。我的经验告诉我,SQL查询变慢,往往不是单一原因造成的,更像是一系列“小毛病”累积起来的“大问题”。

最常见的元凶,莫过于索引缺失或失效。我记得有一次,一个核心业务报表,查询时间从几秒飙升到几分钟,最后发现是某个新加的筛选条件没有对应的索引,导致每次查询都变成了全表扫描。那种感觉,就像你在一本没有目录、没有页码的百科全书里找一个词,只能一页页翻。

其次是糟糕的SQL语句写法。很多人习惯

SELECT *

,尤其是在开发初期,觉得方便。但当表字段增多,数据量增大时,这种习惯就会变成性能杀手,因为数据库不得不读取并传输更多不必要的数据。再比如,滥用子查询,或者

WHERE

子句中对索引列使用了函数,比如

WHERE DATE(create_time) = CURDATE()

,这会让索引形同虚设。

不合理的数据库结构设计也是一大患。比如,数据类型选择不当,用

VARCHAR(255)

存储只有几个字符的枚举值;或者表设计过于冗余,导致大量不必要的JOIN操作;又或者过度范式化,使得一个简单的查询需要关联七八张表。这些都会在数据量上来之后,让查询性能捉襟见肘。

当然,服务器资源瓶颈也不可忽视。CPU、内存、磁盘I/O,任何一个环节跟不上,都会拖慢查询。比如

innodb_buffer_pool_size

设置过小,导致大量数据无法缓存,频繁进行磁盘I/O;或者磁盘本身性能不足,都会让数据库“跑不动”。

最后,并发与锁也是一个隐形杀手。在高并发场景下,锁竞争会严重影响查询性能,尤其是在事务处理不当或者长时间持有锁的情况下。我曾遇到过一个死锁问题,直接导致部分业务功能卡死,排查起来非常棘手。

所以,当SQL查询变慢时,我们需要像医生诊断病情一样,从多个角度去分析,才能找到真正的病根。

如何选择合适的索引策略来加速查询?

选择合适的索引策略,就像给数据库安装了一个高效的“搜索引擎”。它不是越多越好,而是要“恰到好处”。

TextCortex TextCortex

AI写作能手,在几秒钟内创建内容。

TextCortex 62 查看详情 TextCortex

首先,要理解MySQL最常用的B-tree索引。它适用于全值匹配、最左前缀匹配、范围查询和排序。比如,如果你有一个用户表,经常根据

user_id

查询,或者根据

last_name

first_name

查询,那么在这两个字段上创建索引就是明智之举。

何时创建索引?

WHERE子句中的列:这是最常见的场景。任何经常用于过滤数据的列都应该考虑索引。JOIN条件中的列

ON

子句中的连接列是索引的重点,可以显著加速连接操作。ORDER BY和GROUP BY子句中的列:如果查询需要对结果进行排序或分组,索引可以帮助MySQL避免使用文件排序(filesort),从而提高效率。高选择性列:选择性是指列中不重复值的比例。选择性越高,索引的效果越好。比如,性别字段(只有男/女)就不适合单独创建索引,因为其选择性太低。

复合索引(组合索引)的艺术:当你的查询条件涉及多个列时,复合索引通常比多个单列索引更有效。关键在于列的顺序。遵循“最左前缀原则”:如果索引是

(col1, col2, col3)

,那么它可以用于

col1

(col1, col2)

(col1, col2, col3)

的查询,但不能直接用于

col2

(col2, col3)

的查询。我的经验是,将选择性最高的列放在复合索引的最左边,或者将WHERE子句中等值查询的列放在前面,范围查询的列放在后面。

覆盖索引(Covering Index):这是索引优化的一个高级技巧。如果一个索引包含了查询所需的所有列,那么MySQL可以直接从索引中获取数据,而无需回表查询主表数据。这能极大地减少I/O操作,例如:

SELECT col1, col2 FROM table WHERE col1 = 'value'

,如果存在索引

(col1, col2)

,这就是一个覆盖索引。

何时不创建索引?

数据量小的表:全表扫描可能比索引查找更快。更新频繁的表:每次数据修改(INSERT/UPDATE/DELETE)都需要更新索引,会增加写操作的开销。低选择性列:如前面提到的性别字段。过多的索引:索引本身也会占用存储空间,并增加优化器选择索引的复杂性。

如何验证索引效果?务必使用

EXPLAIN

命令。它能显示MySQL如何执行你的SQL查询,包括使用了哪些索引,扫描了多少行,是否使用了文件排序等。学会解读

EXPLAIN

的输出,是优化索引策略的关键一步。比如,

type

列显示

ALL

通常意味着全表扫描,

index

表示全索引扫描,而

ref

eq_ref

range

则是比较理想的状态。

除了索引,还有哪些SQL语句的优化技巧?

除了索引,SQL语句本身的写法也大有学问。很多时候,即便有了完美的索引,糟糕的SQL语句依然会让数据库性能大打折扣。

*1. 精确选择列,告别`SELECT

:** 这可能是最基础但最容易被忽视的一点。当你写

SELECT *

时,数据库会读取并传输表中所有列的数据,即使你只需要其中几列。这不仅增加了网络I/O和内存消耗,还可能导致不必要的磁盘读取。所以,请务必明确指定你需要的列,例如:

SELECT id, name, email FROM users WHERE …`。

2. 优化

WHERE

子句,让索引发挥最大作用:

避免在索引列上使用函数

WHERE DATE(create_time) = '2023-01-01'

会导致

create_time

上的索引失效,因为数据库需要计算每个

create_time

DATE

值。正确的做法是:

WHERE create_time >= '2023-01-01 00:00:00' AND create_time < '2023-01-02 00:00:00'

避免隐式类型转换

WHERE id = '123'

,如果

id

是整型,MySQL可能会进行类型转换,导致索引失效。确保类型一致。

LIKE

操作符的使用

LIKE '%keyword%'

不会使用索引,因为无法进行最左前缀匹配。如果可能,尽量使用

LIKE 'keyword%'

OR

IN

的权衡:在某些情况下,

OR

可能会导致全表扫描,尤其是在

OR

连接的条件中没有索引的列时。如果

OR

连接的都是索引列,MySQL可能会使用索引合并(index_merge)。

IN

操作符通常比

OR

更高效,因为它在内部可以被优化为一系列等值查询。

3. 优化

JOIN

操作,减少不必要的关联:

选择合适的

JOIN

类型

INNER JOIN

LEFT JOIN

RIGHT JOIN

各有其适用场景。理解它们的区别,避免不必要的外部连接。确保

JOIN

条件中的列有索引:这是加速

JOIN

的关键。小表驱动大表(经验法则):虽然MySQL优化器通常会选择最优的连接顺序,但在某些复杂查询中,手动调整

FROM

子句中表的顺序,让结果集较小的表作为驱动表,有时能带来惊喜。

4.

LIMIT

OFFSET

的优化:对于大数据量的分页查询,

SELECT * FROM large_table LIMIT 100000, 10

会非常慢,因为它需要先扫描100010行,然后丢弃前100000行。优化方法通常是:

使用覆盖索引进行分页

SELECT id FROM large_table ORDER BY id LIMIT 100000, 10

,然后用这些

id

去关联主表:

SELECT t.* FROM large_table t JOIN (SELECT id FROM large_table ORDER BY id LIMIT 100000, 10) AS sub ON t.id = sub.id;

基于上次查询的ID进行分页

SELECT * FROM large_table WHERE id > last_id ORDER BY id LIMIT 10

,这需要前端记录上次查询的最后一个ID。

5.

UNION ALL

vs

UNION

UNION ALL

会直接合并结果集,不进行去重,效率更高。如果确定结果集中没有重复数据,或者不需要去重,请使用

UNION ALL

UNION

会进行去重操作,这会增加额外的计算开销。

*6. `COUNT()

vs

COUNT(column)

:** 

COUNT()

会统计所有行数(包括NULL值),并且在InnoDB中,如果没有WHERE条件,它通常会选择一个非空的索引列进行计数,或者利用辅助索引,效率较高。

COUNT(column)

只统计

column

列中非NULL值的行数。通常,

COUNT()`的性能会更好,除非你确实需要排除NULL值。

7.

HAVING

WHERE

的区分:

WHERE

子句用于在数据分组前进行过滤,而

HAVING

子句用于在数据分组后进行过滤。尽量将过滤条件放在

WHERE

中,因为

WHERE

可以利用索引来减少处理的数据量,而

HAVING

是在分组聚合之后才进行过滤,效率相对较低。

数据库服务器配置对查询性能有多大影响?

数据库服务器的配置参数对查询性能的影响,用我的话说,简直是“牵一发而动全身”。它就像一辆高性能跑车的引擎调校,同样的车身,不同的调校能跑出天壤之别。

1.

innodb_buffer_pool_size

:InnoDB的心脏对于使用InnoDB存储引擎的MySQL实例,这个参数的重要性怎么强调都不为过。它定义了InnoDB存储引擎用于缓存数据和索引的内存区域大小。我的经验是,如果你有4GB内存,给它分配3GB可能都不为过。如果这个池子太小,数据库就不得不频繁地从磁盘读取数据和索引页,这会导致大量的磁盘I/O,直接让查询性能雪崩。反之,如果大部分热点数据和索引都能缓存在内存中,查询速度会像坐火箭一样。

2.

tmp_table_size

max_heap_table_size

:临时表的救星当MySQL执行一些复杂查询(如包含

GROUP BY

ORDER BY

UNION

或子查询)时,如果无法利用索引,它可能会创建内部临时表。如果这些临时表能全部在内存中完成,性能会很好。这两个参数就是用来控制内存中临时表的最大大小。如果临时表超出了这个限制,MySQL就会把它们写入磁盘,这又会引入磁盘I/O,导致性能下降。所以,适当增大这两个参数,可以避免临时表写入磁盘。

3.

sort_buffer_size

join_buffer_size

:排序与连接的效率

sort_buffer_size

:用于排序操作的缓冲区大小。当MySQL需要对结果集进行排序(例如

ORDER BY

),并且无法利用索引时,它会使用这个缓冲区。如果结果集太大,超出了缓冲区大小,MySQL就会使用磁盘进行排序(filesort),这显然会慢很多。

join_buffer_size

:用于

JOIN

操作的缓冲区大小。当MySQL无法使用索引进行

JOIN

时,它会使用这个缓冲区来缓存被驱动表的数据,以减少对被驱动表的访问次数。

这两个参数的调整需要根据实际查询负载来定,过大可能会浪费内存,过小则会导致频繁的磁盘操作。

4.

slow_query_log

long_query_time

:发现问题的眼睛这两个参数虽然不直接影响性能,但它们是发现性能瓶颈的“眼睛”。

slow_query_log = ON

开启慢查询日志,

long_query_time = 1

(或更小,例如0.5)定义了执行时间超过多少秒的查询会被记录下来。我的日常工作中,慢查询日志是排查性能问题的第一手资料。结合

pt-query-digest

这样的工具,可以快速分析出哪些SQL语句是性能杀手。

5.

max_connections

:并发能力的门槛这个参数定义了MySQL服务器允许的最大并发连接数。如果你的应用在高并发场景下频繁出现“Too many connections”错误,那么可能就需要调高这个值。但这不是越高越好,过高的连接数会消耗大量内存,并可能导致服务器过载。需要根据服务器的实际承载能力和应用需求来权衡。

6.

query_cache_size

:一个“过时”的参数需要特别指出的是,在MySQL 5.7及更早版本中,

query_cache_size

曾被视为优化查询性能的利器。它用于缓存完整的SELECT查询结果。但我的经验是,在高并发写入的场景下,查询缓存反而会成为瓶颈。因为任何对表的写入操作都会导致该表相关的查询缓存失效,从而引发大量的锁竞争。因此,在MySQL 8.0中,查询缓存已经被彻底移除。所以,如果你还在使用旧版本,并且有高并发写入,建议关闭它(设置为0)。

总而言之,数据库服务器配置的优化,需要深入理解每个参数的含义,结合实际的业务场景和硬件资源,进行有针对性的调整。这通常是一个迭代和试错的过程,需要不断地监控、调整、再监控。

以上就是如何优化MySQL数据库查询性能?提升SQL执行效率的实用技巧的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/963401.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月1日 19:15:15
下一篇 2025年12月1日 19:15:37

相关推荐

  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    800
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯css解决方案,让图片跟随文本高度,确保父容器的高度不会被图片影响。 解决方法 为了解决这个问题,需要将图片从文档流中脱离…

    2025年12月24日
    000
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 如何利用 CSS 选中激活标签并影响相邻元素的样式?

    如何利用 css 选中激活标签并影响相邻元素? 为了实现激活标签影响相邻元素的样式需求,可以通过 :has 选择器来实现。以下是如何具体操作: 对于激活标签相邻后的元素,可以在 css 中使用以下代码进行设置: li:has(+li.active) { border-radius: 0 0 10px…

    2025年12月24日
    100
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 为什么我的 Safari 自定义样式表在百度页面上失效了?

    为什么在 Safari 中自定义样式表未能正常工作? 在 Safari 的偏好设置中设置自定义样式表后,您对其进行测试却发现效果不同。在您自己的网页中,样式有效,而在百度页面中却失效。 造成这种情况的原因是,第一个访问的项目使用了文件协议,可以访问本地目录中的图片文件。而第二个访问的百度使用了 ht…

    2025年12月24日
    000
  • 如何用前端实现 Windows 10 设置界面的鼠标移动探照灯效果?

    如何在前端实现 Windows 10 设置界面中的鼠标移动探照灯效果 想要在前端开发中实现 Windows 10 设置界面中类似的鼠标移动探照灯效果,可以通过以下途径: CSS 解决方案 DEMO 1: Windows 10 网格悬停效果:https://codepen.io/tr4553r7/pe…

    2025年12月24日
    000
  • 使用CSS mask属性指定图片URL时,为什么浏览器无法加载图片?

    css mask属性未能加载图片的解决方法 使用css mask属性指定图片url时,如示例中所示: mask: url(“https://api.iconify.design/mdi:apple-icloud.svg”) center / contain no-repeat; 但是,在网络面板中却…

    2025年12月24日
    000
  • 如何用CSS Paint API为网页元素添加时尚的斑马线边框?

    为元素添加时尚的斑马线边框 在网页设计中,有时我们需要添加时尚的边框来提升元素的视觉效果。其中,斑马线边框是一种既醒目又别致的设计元素。 实现斜向斑马线边框 要实现斜向斑马线间隔圆环,我们可以使用css paint api。该api提供了强大的功能,可以让我们在元素上绘制复杂的图形。 立即学习“前端…

    2025年12月24日
    000
  • 图片如何不撑高父容器?

    如何让图片不撑高父容器? 当父容器包含不同高度的子元素时,父容器的高度通常会被最高元素撑开。如果你希望父容器的高度由文本内容撑开,避免图片对其产生影响,可以通过以下 css 解决方法: 绝对定位元素: .child-image { position: absolute; top: 0; left: …

    2025年12月24日
    000
  • 为什么自定义样式表在 Safari 中访问百度页面时无法生效?

    自定义样式表在 safari 中失效的原因 用户尝试在 safari 偏好设置中添加自定义样式表,代码如下: body { background-image: url(“/users/luxury/desktop/wallhaven-o5762l.png”) !important;} 测试后发现,在…

    2025年12月24日
    000
  • CSS 帮助

    我正在尝试将文本附加到棕色框的左侧。我不能。我不知道代码有什么问题。请帮助我。 css .hero { position: relative; bottom: 80px; display: flex; justify-content: left; align-items: start; color:…

    2025年12月24日 好文分享
    200
  • 前端代码辅助工具:如何选择最可靠的AI工具?

    前端代码辅助工具:可靠性探讨 对于前端工程师来说,在HTML、CSS和JavaScript开发中借助AI工具是司空见惯的事情。然而,并非所有工具都能提供同等的可靠性。 个性化需求 关于哪个AI工具最可靠,这个问题没有一刀切的答案。每个人的使用习惯和项目需求各不相同。以下是一些影响选择的重要因素: 立…

    2025年12月24日
    300
  • 如何用 CSS Paint API 实现倾斜的斑马线间隔圆环?

    实现斑马线边框样式:探究 css paint api 本文将探究如何使用 css paint api 实现倾斜的斑马线间隔圆环。 问题: 给定一个有多个圆圈组成的斑马线图案,如何使用 css 实现倾斜的斑马线间隔圆环? 答案: 立即学习“前端免费学习笔记(深入)”; 使用 css paint api…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信