如何使用Java对接口返回做缓存 Java网络请求缓存策略说明

java中,对接口返回进行缓存的核心策略包括本地内存缓存、分布式缓存和多级缓存。1. 本地内存缓存适用于单体应用或数据更新不频繁的场景,使用guava cache或caffeine实现,具备访问速度快的优点,但存在服务重启数据丢失和集群环境下一致性差的问题;2. 分布式缓存如redis适用于微服务架构或高并发系统,支持数据共享、持久化和高可用性,通常与spring cache结合使用,但也引入了网络延迟和序列化开销;3. 多级缓存结合本地与分布式缓存优势,请求优先从本地缓存获取,未命中则查询分布式缓存,最终回源数据库,适用于追求极致性能且热点数据明显的场景,但增加了维护复杂性和一致性管理难度。设计时需综合考虑数据一致性、缓存失效机制(ttl、tti、主动刷新)、异常处理(穿透、雪崩、击穿应对)以及分布式环境下的挑战(如双写一致性、集群扩展、网络延迟等),并根据业务需求选择合适方案。

如何使用Java对接口返回做缓存 Java网络请求缓存策略说明

在Java中,对接口返回进行缓存的核心策略,在于通过在应用层面引入缓存机制,拦截并存储重复的外部服务调用(如HTTP请求、数据库查询)的结果。这能显著减少不必要的网络往返和计算开销,从而大幅提升系统的响应速度和整体吞吐量。简单来说,就是把那些“问过很多次,答案都一样”的问题,提前记下来,下次直接给出答案,而不是每次都重新去问。

如何使用Java对接口返回做缓存 Java网络请求缓存策略说明

解决方案

在Java中实现接口返回缓存,我通常会从几个层面去考虑和落地。最基础的,你可以在代码里直接用一个Map来模拟,但这显然不够优雅和健壮。实际项目中,我们更倾向于使用成熟的缓存框架。

一种常见的做法是利用内存缓存,比如Google的Guava Cache。它提供了一个非常强大的本地缓存解决方案,支持多种淘汰策略(LRU、LFU等)、过期策略(基于时间、基于访问),并且是线程安全的。

立即学习“Java免费学习笔记(深入)”;

如何使用Java对接口返回做缓存 Java网络请求缓存策略说明

// 示例:使用Guava Cache进行方法级缓存import com.google.common.cache.Cache;import com.google.common.cache.CacheBuilder;import java.util.concurrent.TimeUnit;public class MyService {    // 定义一个缓存,键是请求参数,值是接口返回    private final Cache apiResponseCache = CacheBuilder.newBuilder()            .maximumSize(1000) // 最大缓存条目数            .expireAfterWrite(10, TimeUnit.MINUTES) // 写入后10分钟过期            .build();    public String getDataFromApi(String param) {        // 尝试从缓存获取        String cachedData = apiResponseCache.getIfPresent(param);        if (cachedData != null) {            System.out.println("从缓存获取数据: " + param);            return cachedData;        }        // 缓存中没有,则调用实际API        System.out.println("调用API获取数据: " + param);        String realData = callExternalApi(param);        // 将数据放入缓存        apiResponseCache.put(param, realData);        return realData;    }    private String callExternalApi(String param) {        // 模拟耗时API调用        try {            Thread.sleep(500); // 模拟网络延迟        } catch (InterruptedException e) {            Thread.currentThread().interrupt();        }        return "Data for " + param + " from API";    }    public static void main(String[] args) {        MyService service = new MyService();        System.out.println(service.getDataFromApi("key1")); // 第一次调用API        System.out.println(service.getDataFromApi("key1")); // 第二次从缓存获取        System.out.println(service.getDataFromApi("key2")); // 第一次调用API    }}

但如果你的应用是基于Spring框架的,那么Spring Cache抽象无疑是更优雅的选择。它通过注解的方式,将缓存逻辑从业务代码中剥离出来,让你可以专注于业务本身。你只需要引入Spring Cache依赖,并配置一个缓存管理器(如基于Guava、Caffeine或Redis的),然后在方法上加上@Cacheable@CachePut@CacheEvict等注解即可。我个人非常喜欢这种声明式的方式,它大大降低了缓存的入侵性。

对于更大型的、分布式系统,内存缓存的局限性就显现出来了——每个服务实例都有自己独立的缓存,数据无法共享,也无法保证一致性。这时候,分布式缓存系统,比如Redis,就成了不二之选。它提供了一个高性能的、可持久化的、支持多种数据结构的内存数据库,非常适合作为跨服务共享的缓存层。将Redis与Spring Cache结合使用,几乎成了现代Java微服务架构的标配。

如何使用Java对接口返回做缓存 Java网络请求缓存策略说明

所以,整体来看,解决方案的演进路径通常是:Map -> Guava/Caffeine (本地缓存) -> Spring Cache + 本地缓存 -> Spring Cache + Redis (分布式缓存)。选择哪种,完全取决于你的应用规模、并发量、数据一致性要求以及可接受的复杂程度。

选择哪种缓存策略最适合我的应用场景?

选择合适的缓存策略,远不止“用哪个框架”那么简单,它更像是一场关于权衡的艺术。在我看来,主要有以下几种策略,各有其适用场景和需要考量的点:

本地内存缓存(In-Memory Cache)

特点:缓存数据存储在应用程序的JVM内存中,访问速度极快,几乎没有网络延迟。通常使用Guava Cache、Caffeine这类库实现。适用场景单体应用:所有请求都经过同一个JVM实例处理时,本地缓存效率最高。数据量不大且更新不频繁:缓存的数据总量在可控范围内,并且对数据一致性要求不是那么极致(因为不同实例间缓存不共享)。高读低写:对于那些读取频率远高于写入频率的接口,本地缓存能带来巨大的性能提升。我通常会考虑:如果我的服务是单个部署,或者即使是集群,但每个节点缓存的数据是独立的,且对数据强一致性要求不高,本地缓存是首选,因为它简单、快速。但缺点也很明显,服务重启数据丢失,集群模式下数据一致性是个大问题。

分布式缓存(Distributed Cache)

特点:缓存数据存储在一个独立的、可扩展的缓存集群中,如Redis、Memcached。所有应用实例共享同一个缓存数据源。适用场景微服务架构/集群部署:多个服务实例需要共享和访问同一份缓存数据,保证数据一致性。高并发、大数据量:内存缓存无法满足的存储需求和并发访问量。数据需要持久化或高可用:分布式缓存通常支持数据持久化和主从复制、集群模式,保证数据不丢失和高可用。我通常会考虑:几乎所有现代高并发、分布式系统都会用到分布式缓存。虽然引入了网络延迟和序列化开销,但其带来的可伸缩性、数据共享能力和高可用性是本地缓存无法比拟的。在设计时,我会特别关注缓存穿透、雪崩、击穿等问题,因为在分布式环境下这些问题的影响会被放大。

多级缓存(Multi-Level Cache)

特点:结合本地缓存和分布式缓存的优点,通常是“本地缓存 + 分布式缓存 + 数据库”的组合。请求首先尝试从本地缓存获取,未命中则去分布式缓存,再未命中则回源到数据库。适用场景追求极致性能:既想享受本地缓存的超低延迟,又需要分布式缓存的数据共享和高可用性。热点数据明显:对于那些被频繁访问的“热点”数据,优先放入本地缓存。我通常会考虑:这是我最推荐的一种策略,因为它能最大化缓存的效益。但它也增加了系统的复杂性,特别是缓存失效和数据一致性的维护会变得更具挑战。通常我会用Guava/Caffeine作为本地缓存,Redis作为分布式缓存。

总的来说,没有银弹。如果你在做的是一个小型单体应用,对性能要求没那么极致,Guava Cache就足够了。但如果你在构建一个大型的、高并发的微服务系统,那么Redis几乎是必选项,并且我强烈建议考虑多级缓存的方案。

缓存失效和更新机制如何设计?

缓存的价值在于“快”,但更重要的在于“准”。如果缓存里的数据是旧的、不一致的,那它带来的就不是加速,而是错误。所以,设计一套健壮的缓存失效和更新机制,是缓存策略中至关重要的一环。这块内容,我通常会从以下几个维度去思考:

存了个图 存了个图

视频图片解析/字幕/剪辑,视频高清保存/图片源图提取

存了个图 17 查看详情 存了个图

基于时间的失效(TTL – Time To Live / TTI – Time To Idle)

TTL(存活时间):从数据写入缓存开始计算,到达指定时间后自动失效。这是最简单也最常用的策略。TTI(空闲时间):数据在指定时间内没有被访问,则自动失效。每次访问都会重置计时器。我通常会考虑:对于那些时效性要求不那么高,或者更新频率比较固定的数据,设置一个合理的TTL是首选。比如一些配置信息、不经常变动的字典数据。TTI则适用于那些热点会随时间变化的场景,不活跃的数据可以更早被淘汰。选择合适的过期时间非常关键,过短会增加回源压力,过长则可能导致数据不一致。

基于容量的淘汰策略(Eviction Policies)

当缓存空间不足时,需要淘汰一些旧数据来腾出空间。常见的策略有:LRU(Least Recently Used):淘汰最近最少使用的数据。LFU(Least Frequently Used):淘汰访问频率最低的数据。FIFO(First In First Out):淘汰最早进入缓存的数据。我通常会考虑:Guava和Caffeine默认通常是LRU,Redis也支持多种淘汰策略。我个人更倾向于LRU,因为它更符合“热点数据”的概念。但具体选择哪种,还需要根据实际访问模式来决定。

主动更新/刷新(Proactive Refresh)

通过后台任务定时刷新缓存,或者在数据源发生变更时,主动通知缓存进行更新。我通常会考虑:对于那些必须保证数据新鲜度,但又不想每次请求都回源的数据,这种方式很有用。例如,电商网站的商品库存,可以在库存变化时,通过消息队列(MQ)通知相关服务更新缓存。这比等待缓存过期再回源要更及时。

被动失效/驱逐(Passive Invalidation/Eviction)

当数据源发生变化时,直接将缓存中的对应数据标记为失效或删除。我通常会考虑:这是保证缓存数据一致性最直接有效的方式。例如,在更新数据库记录后,立即调用cache.evict(key)来清除对应的缓存条目。在分布式环境下,这通常需要借助消息队列(如Kafka、RabbitMQ)来实现跨服务的缓存同步失效。

缓存异常处理:穿透、雪崩、击穿的应对

缓存穿透:查询一个不存在的数据,每次都穿透缓存,直接打到数据库。应对缓存空对象:即使查询结果为空,也把这个空结果缓存起来,并设置一个较短的过期时间。布隆过滤器:在缓存层之前增加一个布隆过滤器,快速判断请求的数据是否存在,不存在的直接拦截。我个人觉得布隆过滤器在某些场景下非常高效。缓存雪崩:大量缓存同时失效,导致大量请求直接打到数据库,造成数据库压力骤增甚至崩溃。应对设置不同的过期时间:给缓存的key设置一个随机的过期时间,避免大量key同时失效。多级缓存:即使一级缓存失效,还有二级缓存作为缓冲。熔断与限流:当数据库压力过大时,服务进行降级或限流,保护后端。缓存预热:在系统启动或低峰期,提前将热点数据加载到缓存。缓存击穿:某个热点key失效,瞬间大量并发请求都去查询这个key,导致所有请求都穿透到数据库。应对互斥锁:当缓存失效时,只有一个请求能去回源(加锁),其他请求等待。异步更新:热点key即将过期时,启动一个后台线程异步刷新缓存,而不是等到过期后再去回源。

设计缓存失效和更新机制时,没有一劳永逸的方案。我通常会根据业务对数据实时性的要求、数据更新频率、数据量大小以及系统并发量来综合选择和组合这些策略。

分布式环境下接口缓存的挑战与应对?

将缓存引入分布式系统,确实能带来巨大的性能收益,但同时也会引入一系列新的、更复杂的挑战。在我实际的项目经验中,以下几个问题是经常会遇到的,并且需要特别注意:

数据一致性问题

挑战:这是分布式缓存最核心的挑战。当多个服务实例共享同一个分布式缓存时,如何确保所有实例看到的缓存数据都是最新且一致的?例如,服务A更新了数据库,并清除了缓存,但服务B可能在缓存清除之前读取了旧的缓存数据。应对延时双删:在更新数据库后,先删除缓存,然后等待一小段时间(例如50-100ms),再删除一次缓存。这个时间差是为了让数据库主从同步完成。这是一种折衷方案,无法保证强一致性,但能大大降低不一致的概率。消息队列(MQ)通知:这是我更倾向的方案。当数据源(如数据库)发生变更时,通过MQ发布一个消息,所有关心该数据变更的服务实例订阅这个消息,并各自清除或更新自己的缓存。这样可以实现最终一致性,并且解耦了服务间的依赖。读写分离与缓存更新:对于写操作,直接更新数据库并清除缓存;对于读操作,优先读缓存,缓存未命中再读数据库。版本号/时间戳:在缓存数据中加入版本号或时间戳,读取时校验版本号,不一致则重新加载。

缓存集群的管理与扩展

挑战:随着业务增长,缓存容量和QPS(每秒查询数)可能需要不断扩展。如何平滑地进行扩容、缩容,并处理节点故障,同时不影响线上服务?应对集群模式:使用Redis Cluster、Codis等支持集群模式的分布式缓存解决方案。它们提供了数据的分片存储和自动故障转移能力。监控与告警:对缓存的各项指标(命中率、CPU、内存、网络IO、连接数等)进行实时监控,并设置告警,及时发现和处理问题。灰度发布/热部署:在进行缓存系统升级或配置变更时,采用灰度发布策略,逐步上线,降低风险。

网络延迟与序列化开销

挑战:虽然分布式缓存通常很快,但相比本地内存访问,它依然存在网络传输的延迟。此外,数据在应用层和缓存层之间传输时,需要进行序列化和反序列化,这也会带来额外的CPU和时间开销。应对数据压缩:对于较大的缓存数据,可以考虑在序列化前进行压缩,减少网络传输量。选择高效的序列化协议:如Protobuf、Kryo等,它们通常比JSON或Java原生序列化更高效。批量操作:将多个缓存操作合并成一个批量请求,减少网络往返次数。多级缓存:如前所述,本地缓存可以有效缓解远程访问的延迟问题。

缓存雪崩、击穿、穿透在分布式环境下的加剧

挑战:在单体应用中可能只是小问题,但在高并发的分布式系统中,这些问题的影响会被放大无数倍,可能导致整个系统瘫痪。应对分布式锁:对于缓存击穿,可以使用Redis的分布式锁(如Redisson)来确保只有一个请求去回源,其他请求等待。布隆过滤器集群化:布隆过滤器本身也需要分布式部署,确保所有服务实例都能访问到一致的过滤器状态。更完善的熔断、限流机制:在API网关层、服务层都部署熔断和限流,防止雪崩效应扩散。缓存预热:在服务启动时或低峰期,将热点数据提前加载到分布式缓存中。

缓存与数据库的双写一致性

挑战:在更新数据时,是先更新缓存还是先更新数据库?这两种顺序都可能导致数据不一致。应对先更新数据库,再删除缓存:这是目前业界普遍采用的方案。如果删除缓存失败,可能导致短暂不一致,但通常可以通过重试机制或消息队列来弥补。引入消息队列:将数据库更新和缓存更新解耦。数据库更新成功后,发送一个消息到MQ,由消费者异步处理缓存的更新或删除。这种方式能保证最终一致性,并且对系统性能影响较小。

在处理分布式缓存时,我个人的经验是:永远不要假设缓存是完全可靠和一致的。在设计时,必须考虑到缓存失效、数据不一致等各种异常情况,并为它们准备好降级方案和补偿机制。此外,深入理解所选缓存工具的特性和局限性,也是至关重要的。

以上就是如何使用Java对接口返回做缓存 Java网络请求缓存策略说明的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月5日 19:26:15
下一篇 2025年11月5日 19:30:24

相关推荐

  • 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

发表回复

登录后才能评论
关注微信