Laravel子查询?子查询如何构建使用?

Laravel中的子查询是在主查询内部嵌套的SQL查询,用于基于另一查询结果过滤、选择或计算数据。它可通过Eloquent或Query Builder实现,主要模式包括:1. whereExists() 检查关联数据是否存在,适用于存在性判断,性能通常优于JOIN;2. selectSub() 将子查询作为字段,如获取用户最新订单日期;3. fromSub() 将子查询结果作为临时表,适合复杂聚合统计;4. whereIn() 结合子查询实现基于集合的筛选,如查找购买特定商品的用户。在性能与可读性权衡上,whereExists 语义清晰且高效,selectSub 可读性强但可能引发N+1问题,whereIn 大数据量时建议改用JOIN。高级应用包括聚合统计(如部门平均工资)和复杂筛选(如购买所有必修课的用户),后者常需结合NOT EXISTS实现。优化建议:使用explain分析执行计划,确保关键列有索引,避免关联子查询,慎用大结果集的whereIn,优先使用窗口函数处理排名类需求,并对静态数据启用缓存。

laravel子查询?子查询如何构建使用?

Laravel中的子查询,简单来说,就是在一个SQL查询语句内部嵌套另一个完整的SQL查询语句。它允许我们基于一个查询的结果来过滤、选择或计算另一个查询的数据。在Laravel中,无论是使用Eloquent ORM还是Query Builder,构建和使用子查询都提供了非常优雅且富有表现力的方式,让我们能以更接近业务逻辑的思维来处理复杂的数据检索需求。它就像一个精巧的工具,当我们需要在主查询的上下文中,动态地获取一些辅助信息时,子查询就能派上大用场。

解决方案

在Laravel中构建和使用子查询,主要有几种核心模式,它们各自适用于不同的场景。我个人在实际开发中,会根据具体的数据关系和性能要求来选择。

1.

whereExists()

/

orWhereExists()

:检查是否存在关联数据

这是我最常用的一种子查询形式,尤其是在需要判断某个条件是否在关联表中存在时。它比直接Join然后

groupBy

或者

distinct

要简洁得多,而且通常性能更好,因为它在内部通常会转换为

EXISTS

操作,一旦找到匹配项就会停止扫描。

// 查找至少有一篇已发布文章的用户$usersWithPublishedPosts = User::whereExists(function ($query) {    $query->select(DB::raw(1)) // 只需要检查是否存在,所以选择一个常量即可          ->from('posts')          ->whereColumn('posts.user_id', 'users.id') // 关联条件          ->where('posts.status', 'published');})->get();// 或者,更简洁的写法,Laravel会自动处理关联$usersWithPublishedPosts = User::whereHas('posts', function ($query) {    $query->where('status', 'published');})->get();// 尽管whereHas在底层可能生成JOIN,但在某些情况下,它也可以优化为EXISTS// 但如果你需要更细粒度的控制,直接用whereExists也是很好的选择。

2.

selectSub()

:将子查询结果作为主查询的一个字段

当我们需要在主查询的结果中,包含一个由子查询计算得出的聚合值或单个字段时,

selectSub()

就显得非常方便。比如,我想查询所有用户,并且每个用户旁边都显示他们最新的订单日期。

// 查询所有用户及其最新订单日期$usersWithLatestOrderDate = User::select('id', 'name')    ->selectSub(function ($query) {        $query->select('created_at')              ->from('orders')              ->whereColumn('user_id', 'users.id')              ->latest() // 获取最新的订单              ->limit(1); // 只需要一条记录    }, 'latest_order_date') // 将子查询结果命名为latest_order_date    ->get();

3.

fromSub()

:将子查询结果作为主查询的“表”

这个方法允许我们将一个子查询的结果集当作一个临时表来使用,这在进行复杂的多级聚合或者需要先对数据进行预处理再进行主查询时非常有用。我发现它在处理一些复杂的报表统计时特别灵活。

// 假设我们想找出每个用户最近10笔订单的平均金额$averageOrderAmounts = DB::table(function ($query) {    $query->select('user_id', 'amount')          ->from('orders')          ->orderBy('created_at', 'desc')          ->limit(10); // 这里需要注意,limit在子查询中可能需要配合group by才能达到预期}, 'recent_orders') // 将子查询结果命名为recent_orders->select('user_id', DB::raw('AVG(amount) as avg_amount'))->groupBy('user_id')->get();// 更实际的场景,通常会结合窗口函数来处理“最近N条”的问题// 比如,找出每个用户最新的订单金额$usersWithLatestOrderAmount = DB::table(function ($query) {    $query->select('user_id', 'amount', DB::raw('ROW_NUMBER() OVER (PARTITION BY user_id ORDER BY created_at DESC) as rn'))          ->from('orders');}, 'ranked_orders')->where('rn', 1)->select('user_id', 'amount as latest_order_amount')->get();

4.

whereIn()

/

whereNotIn()

结合子查询:基于集合筛选

当我们需要根据另一个查询返回的一组ID或值来过滤主查询时,这种模式非常直观。

// 查找所有购买过“Laravel课程”的用户$usersWhoBoughtLaravelCourse = User::whereIn('id', function ($query) {    $query->select('user_id')          ->from('orders')          ->where('product_name', 'Laravel课程');})->get();

我个人觉得,理解这些不同的构建方式,并根据实际场景灵活运用,是掌握Laravel子查询的关键。有时候一个复杂的业务逻辑,通过子查询能被分解成更小的、更易于理解的单元。

Laravel中子查询与关联查询(Join)的抉择:性能与可读性考量

这是一个非常经典的权衡问题,我经常在代码评审中遇到。究竟是用子查询还是用JOIN,并没有一个绝对的答案,它更多地取决于你的具体需求、数据量、数据库类型以及你对SQL执行计划的理解。

可读性来看,子查询在某些情况下确实能让代码逻辑更清晰。比如,当你需要在一个查询中获取某个实体的“最新”或“最大/最小”的某个属性时,

selectSub

往往比复杂的JOIN和

GROUP BY

组合更直观。它将一个独立的问题封装在一个小查询中,使得主查询的意图更加明确。而

whereExists

在检查存在性时,也比

LEFT JOIN ... WHERE ... IS NOT NULL

来得简洁。但如果子查询嵌套过深,或者逻辑过于复杂,它的可读性反而会下降,甚至变得难以维护。

性能角度讲,这事情就有点微妙了。

WHERE EXISTS

vs.

INNER JOIN

对于存在性检查,

WHERE EXISTS

通常表现出色,因为它在找到第一个匹配项后就会停止扫描子查询。而

INNER JOIN

则可能需要扫描并合并整个表,即使你只关心是否存在。但在某些数据库和查询优化器下,一个优化的

INNER JOIN

也可能表现得很好。我一般会优先考虑

WHERE EXISTS

,因为它语义更清晰,而且通常能获得不错的性能。

SELECT (SUBQUERY)

vs.

LEFT JOIN

+

GROUP BY

当你需要将子查询的结果作为主查询的一个字段时,

SELECT (SUBQUERY)

可能会导致“N+1”查询问题(虽然数据库层面可能不是,但从应用层面看,如果子查询是针对每一行主查询结果独立执行的,就会有性能问题),尤其是在子查询不能被很好地缓存或优化的情况下。这种情况下,使用

LEFT JOIN

然后通过

GROUP BY

或者窗口函数(如

ROW_NUMBER()

)来获取最新/最大值,往往能提供更好的性能,因为它只扫描表一次。不过,这通常会导致SQL语句变得更复杂。

WHERE IN (SUBQUERY)

vs.

INNER JOIN

WHERE IN

与子查询结合时,如果子查询返回的行数非常大,可能会导致性能问题,因为数据库需要将这些值加载到内存中进行比较。在这种情况下,通常

INNER JOIN

会是更好的选择,因为它能更有效地利用索引。

我的经验是,对于小到中等规模的数据集,可读性优先。选择你觉得最能表达业务逻辑的方式。但一旦遇到性能瓶颈,或者处理大规模数据时,就需要深入研究SQL的执行计划,看看Laravel生成的SQL语句,并考虑是否应该用JOIN替换子查询,或者反之。有时候,一个看起来简单的子查询,在底层可能生成了效率不高的SQL。

Laravel子查询在聚合统计与复杂数据筛选中的高级应用

子查询在聚合统计和复杂数据筛选中展现出强大的能力,它允许我们构建多层级的逻辑,而无需在应用层进行大量的数据处理。

1. 聚合统计:计算衍生指标

正如前面提到的

selectSub()

,它非常适合计算衍生指标。比如,我们想查看每个部门的员工,同时显示该部门的平均工资,以及该员工在部门内的薪资排名。

// 获取每个部门的员工,并显示部门平均工资和员工在部门内的薪资排名$employeesData = Employee::select('id', 'name', 'department_id', 'salary')    ->selectSub(function ($query) {        $query->select(DB::raw('AVG(salary)'))              ->from('employees')              ->whereColumn('department_id', 'employees.department_id');    }, 'department_avg_salary')    ->selectSub(function ($query) {        $query->select(DB::raw('COUNT(id) + 1')) // 简单模拟排名,实际生产会用窗口函数              ->from('employees as e2')              ->whereColumn('e2.department_id', 'employees.department_id')              ->whereColumn('e2.salary', '>', 'employees.salary');    }, 'salary_rank_in_department')    ->get();

当然,实际的排名会更倾向于使用数据库的窗口函数,如

RANK()

ROW_NUMBER()

,Laravel也支持通过

DB::raw()

来调用这些函数,但在不支持窗口函数的旧数据库版本或更简单的场景下,子查询依然是可行的方案。

lucene技术文档 word版 lucene技术文档 word版

Lucene是apache软件基金会4 jakarta项目组的一个子项目,是一个开放源代码的全文检索引擎工具包,但它不是一个完整的全文检索引擎,而是一个全文检索引擎的架构,提供了完整的查询引擎和索引引擎,部分文本分析引擎(英文与德文两种西方语言)。 Lucene的目的是为软件开发人员提供一个简单易用的工具包,以方便的在目标系统中实现全文检索的功能,或者是以此为基础建立起完整的全文检索引擎。Lucene提供了一个简单却强大的应用程式接口,能够做全文索引和搜寻。在Java开发环境里Lucene是一个成熟的免

lucene技术文档 word版 0 查看详情 lucene技术文档 word版

2. 复杂数据筛选:多层条件过滤

当筛选条件本身需要通过另一个查询来确定时,子查询是不可或缺的。例如,找出那些购买了所有“必修课程”的用户。

// 假设有一个必修课程列表$requiredCourseIds = Course::where('is_required', true)->pluck('id');// 找出所有购买了所有必修课程的用户$usersWhoBoughtAllRequiredCourses = User::whereHas('orders', function ($query) use ($requiredCourseIds) {    // 这里的子查询是检查用户订单中是否包含所有必修课程    // 这是一个比较复杂的逻辑,需要确保用户购买的课程数量等于必修课程的总数,    // 并且这些课程都在必修课程列表中    $query->select(DB::raw('COUNT(DISTINCT course_id)'))          ->whereIn('course_id', $requiredCourseIds)          ->groupBy('user_id')          ->havingRaw('COUNT(DISTINCT course_id) = ?', [count($requiredCourseIds)]);}, '>=', 1) // 确保至少有一个这样的用户记录,但这里逻辑可能需要调整->get();// 更准确的做法可能是这样:$users = User::all()->filter(function ($user) use ($requiredCourseIds) {    $userCourseIds = $user->orders->pluck('course_id')->unique();    return $requiredCourseIds->every(fn ($rcId) => $userCourseIds->contains($rcId));});// 这种在应用层过滤的方式在数据量大时效率不高。// 纯SQL实现通常会更复杂,需要多个JOIN和GROUP BY或者EXCEPT/MINUS操作。// 子查询可以作为构建复杂SQL逻辑的中间步骤。// 另一种思路:找出所有用户,然后筛选出那些“没有”购买某个必修课程的用户,再取反。// 这通常涉及 NOT EXISTS 或 LEFT JOIN ... IS NULL。$users = User::whereDoesntHave('orders', function ($query) use ($requiredCourseIds) {    $query->whereIn('course_id', $requiredCourseIds);})->get(); // 这只会找出没有购买任何必修课程的用户,不是我们想要的。// 这是一个典型的需要更复杂SQL或多个子查询来解决的问题,通常会结合 EXISTS 和 NOT EXISTS// 找出所有购买了所有必修课程的用户$users = User::whereExists(function ($query) use ($requiredCourseIds) {    $query->select(DB::raw(1))          ->from(DB::raw('(SELECT course_id FROM courses WHERE is_required = true) as required_courses'))          ->whereNotIn('course_id', function ($subQuery) {              $subQuery->select('course_id')                       ->from('orders')                       ->whereColumn('user_id', 'users.id');          });})->get();// 这里的逻辑是:找出那些存在“必修课程”但该用户“没有”购买的必修课程的用户,然后用 NOT EXISTS 包裹。// 也就是说,如果“不存在”任何一个用户没有购买的必修课程,那么这个用户就购买了所有必修课程。// 这种双重否定在SQL中很常见,但理解起来需要一点时间。

这展示了子查询在构建复杂过滤条件时的灵活性,尤其是在需要从多个维度验证数据时。

优化Laravel子查询:避免性能瓶颈与提升查询效率

子查询虽然强大,但如果使用不当,很容易成为性能瓶颈。我在这方面踩过不少坑,总结了一些经验。

1. 理解SQL执行计划:

explain()

这是我诊断慢查询的第一步。Laravel的

toSql()

方法可以让你看到生成的SQL语句,然后你可以用数据库客户端的

EXPLAIN

命令(或

EXPLAIN ANALYZE

)来分析这条SQL的执行计划。看看子查询是否导致了全表扫描、临时表创建,或者索引是否被有效利用。很多时候,你会发现一个简单的子查询,在内部却执行了非常低效的操作。

// 查看生成的SQL$query = User::whereExists(function ($query) {    $query->select(DB::raw(1))          ->from('posts')          ->whereColumn('posts.user_id', 'users.id')          ->where('posts.status', 'published');});dump($query->toSql()); // 复制SQL到数据库客户端执行 EXPLAIN

2. 索引是关键

无论你用JOIN还是子查询,如果相关的列没有适当的索引,性能都会非常糟糕。确保子查询中用于

WHERE

条件和

ON

条件的列都建立了索引。对于

whereExists

whereIn

中的关联列,尤其重要。

3. 避免不必要的关联子查询

关联子查询(Correlated Subquery)是指子查询依赖于外部查询的每一行数据。这意味着子查询可能会对外部查询的每一行都执行一次,导致性能急剧下降(O(N*M))。尽可能地将关联子查询转换为非关联子查询(即子查询可以独立执行),或者考虑使用JOIN或窗口函数来替代。例如,

selectSub

中的子查询通常就是关联的。如果它返回的值可以通过JOIN获取,那么JOIN可能更优。

4. 谨慎使用

WHERE IN (SUBQUERY)

如果子查询返回的结果集非常大,

WHERE IN

可能会导致性能问题。在这种情况下,通常将

WHERE IN (SUBQUERY)

改写为

INNER JOIN

会更高效,因为JOIN能够更好地利用索引和数据库的查询优化器。

// 效率可能不高,如果子查询返回大量ID$users = User::whereIn('id', function ($query) {    $query->select('user_id')->from('large_orders_table')->where('amount', '>', 1000);})->get();// 优化为JOIN$users = User::join('large_orders_table as lot', 'users.id', '=', 'lot.user_id')             ->where('lot.amount', '>', 1000)             ->select('users.*') // 选择用户表的所有列,避免重复             ->distinct() // 如果一个用户有多笔大额订单,需要去重             ->get();

5. 考虑数据库特性:窗口函数

对于复杂的聚合、排名、分组最新/最旧记录等需求,现代数据库(MySQL 8+, PostgreSQL, SQL Server等)的窗口函数(Window Functions)通常比子查询或复杂的JOIN+GROUP BY组合更简洁、更高效。Laravel通过

DB::raw()

支持使用这些函数,我强烈建议在合适的时候利用它们。

6. 缓存策略

如果某些子查询的结果是相对静态的,或者在短时间内会被多次查询,考虑将子查询的结果缓存起来。这可以在应用层实现,比如使用Laravel的缓存系统,避免重复执行昂贵的数据库操作。

总而言之,子查询是Laravel中一个强大的工具,但它要求我们对SQL和数据库的执行机制有一定理解。多分析生成的SQL,多查看执行计划,是避免性能问题的关键。

以上就是Laravel子查询?子查询如何构建使用?的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月27日 10:27:03
下一篇 2025年11月27日 10:29:40

相关推荐

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

    css实现斑马线边框样式 想定制一个带有倾斜斑马线间隔圆环的边框?现在使用css paint api,定制任何样式都轻而易举。 css paint api 这是一个新的css特性,允许开发人员创建自定义形状和图案,其中包括斑马线样式。 立即学习“前端免费学习笔记(深入)”; 实现倾斜斑马线间隔圆环 …

    2025年12月24日
    100

发表回复

登录后才能评论
关注微信