SQL的CONCAT函数能实现什么?汇总字符串合并的5种典型用法

concat函数的核心用途是将多个字符串值连接成一个单一字符串,适用于基础拼接、字段合并、null值处理、添加分隔符及生成描述性文本;2. 使用concat时需注意其对null值的敏感性,任一参数为null则结果为null,可通过coalesce或ifnull预处理;3. concat与concat_ws的主要区别在于后者支持指定分隔符并自动跳过null值,适合统一分隔符且需忽略null的场景,而concat适用于需精确控制连接过程或null传播符合预期的情况;4. 数据类型转换方面,虽多数数据库支持隐式转换,但建议对日期、数字等使用cast或convert进行显式转换以提升可读性、兼容性和格式控制;5. 性能问题主要源于在where子句中使用concat导致无法使用索引,应避免此类用法,优先优化查询结构和索引设计;6. 在数据清洗中,concat可结合substring、case等函数实现电话号码标准化、缺失数据补充和字符串填充;7. 在报表生成中,concat可用于构建复杂摘要、条件标签和动态url,提升数据可读性和实用性。综上,合理运用concat及其相关函数能显著增强sql在数据整合与展示方面的能力。

SQL的CONCAT函数能实现什么?汇总字符串合并的5种典型用法

SQL的

CONCAT

函数核心用途是把多个字符串值连接成一个单一的字符串。它就像是字符串世界的“胶水”,能帮你把分散的文本片段、字段内容,甚至是数字和日期(在多数数据库中会自动转换)整合到一起,形成你想要的完整描述。

解决方案

CONCAT

函数的使用非常直观,它接受两个或更多的参数,并将它们按顺序拼接起来。这里我们聊聊它在实际工作中常见的五种用法:

基础字符串拼接: 这是最直接的用法,将几个固定的文本片段连接起来。

SELECT CONCAT('Hello', ' ', 'World', '!');-- 结果: 'Hello World!'

简单明了,就像搭积木一样,把你需要的部分按顺序放好。

合并表字段数据: 实际工作中,我们经常需要将数据库中分散在不同列的信息整合展示,比如把姓和名合并成全名。

SELECT CONCAT(first_name, ' ', last_name) AS full_nameFROM users;-- 示例结果: 'John Doe'

这非常实用,省去了应用层做拼接的麻烦,直接在数据库层面就完成了数据整合。

处理NULL值:

CONCAT

的“敏感”之处: 这是一个非常关键的特性,也是很多初学者容易踩坑的地方。如果

CONCAT

的任何一个参数是

NULL

,那么整个结果就会是

NULL

SELECT CONCAT('Prefix: ', 'Value', NULL);-- 结果: NULL

这个行为有时候是符合预期的,但更多时候,我们希望

NULL

值能被忽略,或者替换成空字符串。如果想在

CONCAT

中避免

NULL

导致整个结果为

NULL

,可以配合

COALESCE

IFNULL

(或

ISNULL

,取决于你的数据库系统)函数来预处理可能为

NULL

的字段。

SELECT CONCAT('Prefix: ', COALESCE(nullable_column, ''))FROM some_table;-- 如果nullable_column是NULL,结果会是 'Prefix: '

理解并处理好

NULL

值是使用

CONCAT

的关键。

添加分隔符或格式化输出 在拼接字符串时,我们常常需要加入特定的分隔符,比如逗号、破折号或括号,来让输出更具可读性。

SELECT CONCAT(city, ', ', state_abbr, ' ', zip_code) AS full_addressFROM addresses;-- 示例结果: 'New York, NY 10001'

这比在应用层手动插入分隔符要高效和统一得多。

构建动态描述性文本或报表标签: 当你需要为报表或日志生成复杂的、包含多种数据类型的描述性文本时,

CONCAT

就显得非常有用。你可能需要将数字、日期等非字符串类型的数据先转换为字符串再拼接。

SELECT CONCAT('Order #', order_id, ' placed on ', CAST(order_date AS DATE), ' for total amount: $', total_amount) AS order_summaryFROM orders;-- 示例结果: 'Order #1001 placed on 2023-10-26 for total amount: $123.45'

这里我用了

CAST

来显式转换日期和金额,虽然很多数据库在

CONCAT

时会进行隐式转换,但显式转换通常是更好的习惯,能避免一些潜在的类型转换问题,也让意图更清晰。

CONCAT

CONCAT_WS

有什么区别?它们各自适合什么场景?

CONCAT

CONCAT_WS

都是用于字符串连接,但它们在处理方式,尤其是对分隔符和

NULL

值的处理上,有着显著的区别。理解这些差异,能帮助你选择更合适的函数。

CONCAT

,我们前面已经提到了,它的特点是“严格”:如果任何一个参数是

NULL

,那么整个连接结果就是

NULL

。它没有内置的分隔符功能,你必须手动在每个要连接的字符串之间插入分隔符。

SELECT CONCAT('Apple', '-', 'Banana', '-', NULL);-- 结果: NULL (因为有NULL参数)

CONCAT_WS

(Concatenate With Separator),顾名思义,它允许你指定一个分隔符,然后用这个分隔符来连接后续的所有字符串。更重要的是,

CONCAT_WS

在连接时会跳过任何

NULL

,而不会让整个结果变成

NULL

。这是它最强大的特性之一。

它的语法是

CONCAT_WS(separator, string1, string2, ...)

SELECT CONCAT_WS('-', 'Apple', 'Banana', NULL, 'Orange');-- 结果: 'Apple-Banana-Orange' (NULL被跳过)SELECT CONCAT_WS(', ', 'Doe', 'John', NULL);-- 结果: 'Doe, John'

各自适合的场景:

CONCAT

适合的场景:

当你需要精确控制每个连接点,或者连接的字符串数量不多,并且你希望

NULL

值能“污染”整个结果时。 例如,你正在构建一个必须包含所有部分的唯一标识符,如果某个部分缺失(为

NULL

),那么整个标识符就不应该生成。连接的字符串之间没有统一的分隔符,或者分隔符本身就是变量时。 比如,

CONCAT('Part A', variable_separator, 'Part B')

兼容性要求较高时。

CONCAT

在几乎所有主流SQL数据库中都有支持,而

CONCAT_WS

在某些旧版本或特定数据库中可能不支持(尽管现在已经很普及了)。

CONCAT_WS

适合的场景:

你需要用一个统一的分隔符连接多个字符串,并且希望自动跳过

NULL

值时。 这是它最典型的应用场景,比如拼接地址、标签列表、或任何可能存在缺失字段的组合信息。处理大量可能为

NULL

的字段时。 它可以极大地简化你的SQL逻辑,避免了大量的

COALESCE

IFNULL

嵌套。构建列表或枚举字符串。 例如,将一个用户的多个兴趣爱好字段(有些可能为

NULL

)用逗号连接起来。

简而言之,如果你需要一个统一的分隔符并且希望

NULL

值不影响最终结果,那么

CONCAT_WS

通常是更简洁、更优雅的选择。如果

NULL

的传播是你的预期行为,或者你需要更精细的控制每个连接点,那么

CONCAT

更合适。

在使用

CONCAT

函数时,如何有效处理数据类型转换和潜在的性能问题?

在使用

CONCAT

函数时,数据类型转换和性能是两个值得关注的点。虽然

CONCAT

本身通常效率很高,但在特定场景下,不当的处理方式可能会带来意想不到的问题。

数据类型转换:

大多数现代SQL数据库在

CONCAT

操作中对非字符串类型(如数字、日期、布尔值)有很好的隐式转换能力。这意味着你可以直接将它们作为参数传递给

CONCAT

,数据库会自动尝试将它们转换为字符串。

SELECT CONCAT('Order ID: ', 12345, ' - Date: ', GETDATE()); -- SQL ServerSELECT CONCAT('Order ID: ', 12345, ' - Date: ', CURRENT_DATE()); -- MySQL/PostgreSQL-- 结果可能类似: 'Order ID: 12345 - Date: 2023-10-26'

然而,过度依赖隐式转换并不总是最佳实践。

可读性和明确性: 显式转换(使用

CAST

CONVERT

)能让你的SQL代码意图更清晰。别人阅读你的代码时,能一眼看出你期望的数据类型是什么。兼容性和一致性: 不同数据库系统在隐式转换的规则和行为上可能存在细微差异。显式转换能确保你的代码在不同环境中表现一致,减少潜在的移植问题。格式控制: 对于日期和数字,隐式转换通常会使用数据库的默认格式,这可能不是你想要的。通过

CAST

CONVERT

,你可以指定更具体的输出格式。

-- 显式转换日期为特定格式SELECT CONCAT('Order Date: ', CONVERT(VARCHAR, GETDATE(), 120)); -- SQL Server (YYYY-MM-DD HH:MI:SS)SELECT CONCAT('Order Date: ', DATE_FORMAT(CURRENT_DATE(), '%Y-%m-%d')); -- MySQLSELECT CONCAT('Order Date: ', TO_CHAR(CURRENT_DATE(), 'YYYY-MM-DD')); -- PostgreSQL-- 结果: 'Order Date: 2023-10-26'

对于数字,如果需要控制小数位数或千位分隔符,也需要显式转换和格式化函数。

我的建议是:对于简单的数字或布尔值,隐式转换通常没问题。但对于日期、时间和需要特定格式的数字,或者在跨数据库平台时,始终优先考虑显式转换。这能让你的代码更健壮、更易维护。

潜在的性能问题:

TextCortex TextCortex

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

TextCortex 62 查看详情 TextCortex

CONCAT

函数本身通常是一个非常高效的操作,因为它主要涉及内存中的字符串操作。在大多数情况下,它不会成为查询的性能瓶颈。真正的性能问题往往源于以下几个方面:

底层数据检索的效率: 如果你

CONCAT

的列来自一个非常大的表,并且没有合适的索引来支持你的

WHERE

子句或

JOIN

操作,那么瓶颈在于数据获取,而不是

CONCAT

本身。确保你的查询优化得当,使用了正确的索引。

连接大量非常长的字符串: 理论上,连接极长的字符串(例如,几MB的文本)可能会消耗更多的内存和CPU,但这在常规的数据库应用中并不常见。

WHERE

子句中使用

CONCAT

进行过滤: 如果你在

WHERE

子句中对

CONCAT

的表达式进行过滤,这几乎总是会导致全表扫描,因为数据库无法对连接后的字符串进行索引查找。

-- 避免这种模式,除非数据量极小SELECT * FROM users WHERE CONCAT(first_name, ' ', last_name) = 'John Doe';

更好的做法是分别过滤各个部分:

SELECT * FROM users WHERE first_name = 'John' AND last_name = 'Doe';

如果确实需要对连接后的字符串进行搜索,可以考虑在表中创建一个计算列(Computed Column,某些数据库支持)并对其建立索引,或者在应用程序层进行处理。

复杂函数嵌套在

CONCAT

中: 如果你在

CONCAT

的参数中嵌套了大量复杂的函数(如复杂的正则表达式操作、大量子查询),那么这些内部函数的执行开销会是主要瓶颈,而不是

CONCAT

本身。

总结一下应对策略:

显式转换数据类型: 提高代码清晰度、兼容性和格式控制。优化底层查询: 确保你的

SELECT

JOIN

WHERE

子句效率高,利用好索引。避免在

WHERE

子句中对

CONCAT

结果进行过滤: 这会阻止索引的使用,导致性能下降。关注整体查询计划: 使用数据库的性能分析工具(如

EXPLAIN

SHOW PLAN

)来识别真正的瓶颈。

通常,你不需要对

CONCAT

本身进行微观优化。把精力放在更宏观的查询优化和数据模型设计上,会带来更大的性能提升。

CONCAT

函数在实际数据清洗和报表生成中有哪些高级应用?

CONCAT

函数在数据清洗和报表生成中,远不止简单的拼接。结合其他SQL函数,它能实现一些非常灵活和强大的高级应用。

数据清洗中的高级应用:

数据清洗的目标是提高数据质量和一致性。

CONCAT

在这里可以帮助我们标准化或修正数据格式。

标准化电话号码或邮政编码: 假设你的电话号码字段存储格式不一(有的带括号,有的带横线)。你可以先清洗各个部分,再用

CONCAT

统一格式。

-- 假设我们想把电话号码格式化为 (XXX) XXX-XXXXSELECT CONCAT(    '(', SUBSTRING(phone_number, 1, 3), ') ',    SUBSTRING(phone_number, 4, 3), '-',    SUBSTRING(phone_number, 7, 4)) AS formatted_phoneFROM contactsWHERE LENGTH(phone_number) = 10; -- 确保只处理10位数字的电话

这里,我们结合了

SUBSTRING

来提取特定部分的数字,再用

CONCAT

加入括号和横线。

处理缺失数据并提供默认值: 虽然

COALESCE

是处理

NULL

的首选,但在某些情况下,你可能需要根据其他字段的存在与否来拼接不同的信息。

-- 如果email缺失,则拼接一个“联系电话”的提示SELECT CONCAT(    customer_name,    CASE        WHEN email IS NOT NULL THEN CONCAT(' (Email: ', email, ')')        ELSE CONCAT(' (Call: ', phone_number, ')')    END) AS contact_infoFROM customers;

这里我们用

CASE

语句结合

CONCAT

,根据

email

字段是否为

NULL

来动态生成不同的联系信息字符串。

填充或截断字符串: 虽然有专门的

LPAD

/

RPAD

函数,但

CONCAT

也可以辅助实现一些简单的填充。例如,给客户ID前面补零,使其达到固定长度。

-- 假设customer_id是数字,需要前面补零到5位SELECT CONCAT(LPAD(CAST(customer_id AS VARCHAR), 5, '0')) AS padded_idFROM customers;-- LPAD (Left Pad) 函数可以直接实现,但如果数据库没有,CONCAT + REPLICATE/REPEAT 可以模拟-- 例如在SQL Server: CONCAT(REPLICATE('0', 5 - LEN(CAST(customer_id AS VARCHAR))), CAST(customer_id AS VARCHAR))

这在生成固定长度的编码或ID时非常有用。

报表生成中的高级应用:

在报表生成中,

CONCAT

的强大之处在于它能帮助我们创建高度定制化的、易于阅读的描述性字段,从而减少报表工具的后期处理工作。

生成复杂的摘要或描述性文本: 将多个字段的信息整合到一个可读性强的句子中,作为报表的一列。

-- 描述订单状态和金额SELECT CONCAT(    'Order ', order_id,    ' placed by ', customer_name,    ' on ', CAST(order_date AS DATE),    ' is currently ', order_status,    ' with a total of $', total_amount, '.') AS order_summary_textFROM orders;

这比在报表工具中逐个字段拖拽并拼接要灵活得多,尤其是在需要复杂的逻辑判断时。

创建条件性标签或警示信息: 根据数据的特定条件,动态地在报表字段中添加提示或标签。

-- 根据库存量生成不同的库存状态描述SELECT    product_name,    CONCAT(        'Current Stock: ', stock_quantity,        CASE            WHEN stock_quantity < 10 THEN ' (LOW STOCK - Order More!)'            WHEN stock_quantity < 50 THEN ' (Moderate Stock)'            ELSE ''        END    ) AS stock_status_labelFROM products;

这种方式能让报表数据更“智能”,直接在数据层面提供洞察。

构建URL或文件路径: 在需要生成动态链接或文件路径的报表时,

CONCAT

是核心工具。

-- 生成指向产品详情页的URLSELECT CONCAT('https://yourwebsite.com/products/', product_id, '/details') AS product_urlFROM products;

这在需要导出数据到CSV或Excel,并希望其中包含可点击链接时非常方便。

这些高级应用展示了

CONCAT

不仅仅是简单的字符串连接器,它更是一个多功能工具,能够与其他SQL函数(如

CASE

,

SUBSTRING

,

CAST

等)协同工作,在数据准备和展示层面提供强大的支持。它让数据变得更有意义,更易于理解和使用。

以上就是SQL的CONCAT函数能实现什么?汇总字符串合并的5种典型用法的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月1日 20:07:22
下一篇 2025年12月1日 20:07:44

相关推荐

  • 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日
    000
  • 如何用 CSS Paint API 实现倾斜的斑马线间隔圆环?

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

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信