Golang如何实现服务网格集成 配置Istio与Envoy代理

要实现golang服务与istio服务网格集成,核心在于使用envoy边车代理拦截流量,go应用无需感知istio api,只需关注业务逻辑;1. 准备go应用,确保监听端口并实现健康检查端点;2. 编写kubernetes部署文件并启用sidecar注入;3. 配置istio资源如virtualservice和destinationrule管理流量;4. go应用需传播分布式追踪上下文以支持端到端追踪;5. 使用opentelemetry处理追踪、prometheus暴露自定义指标、结构化日志并关联trace id;6. 实现优雅停机以保障服务关闭时的连接排空;7. 合理配置资源限制避免envoy带来的额外开销。

Golang如何实现服务网格集成 配置Istio与Envoy代理

Golang服务要实现与服务网格的集成,特别是配置Istio与Envoy代理,核心在于利用服务网格的“边车”模式。这意味着你的Go应用本身通常不需要感知或直接集成Istio/Envoy的API,而是通过Envoy代理来拦截和处理所有进出应用的流量,从而实现流量管理、安全、可观测性等功能。Go应用只需专注于业务逻辑,而服务网格负责基础设施层的能力。

Golang如何实现服务网格集成 配置Istio与Envoy代理

解决方案

在我看来,将Golang服务纳入Istio服务网格,最直接也是最推荐的方式是利用Kubernetes的Sidecar注入机制。当你部署Go应用到启用了Istio的Kubernetes集群时,Istio的准入控制器会自动将一个Envoy代理容器注入到你的Go应用Pod中。这个Envoy代理会成为你Go应用流量的唯一入口和出口。

具体来说,你需要:

立即学习“go语言免费学习笔记(深入)”;

Golang如何实现服务网格集成 配置Istio与Envoy代理

准备你的Golang应用:

确保你的Go服务能够监听一个端口,并正常处理HTTP或gRPC请求。实现标准的健康检查端点(如

/healthz

/readyz

),Kubernetes和Envoy会利用它们来判断服务实例的健康状态。关键点: 在Go应用内部,为了实现分布式追踪,你需要确保你的HTTP/gRPC客户端能够正确地传播追踪上下文(例如OpenTelemetry或OpenTracing的Header)。这意味着当你的Go服务调用其他服务时,它需要将上游服务传递下来的追踪ID、Span ID等信息注入到传出请求的HTTP Header中。这通常通过中间件或拦截器来完成。

编写Kubernetes部署文件:

Golang如何实现服务网格集成 配置Istio与Envoy代理为你的Go应用创建标准的

Deployment

Service

资源。例如:

apiVersion: apps/v1kind: Deploymentmetadata:  name: my-go-service  labels:    app: my-go-servicespec:  replicas: 1  selector:    matchLabels:      app: my-go-service  template:    metadata:      labels:        app: my-go-service    spec:      containers:      - name: my-go-app        image: your-repo/my-go-service:latest        ports:        - containerPort: 8080        livenessProbe:          httpGet:            path: /healthz            port: 8080          initialDelaySeconds: 5          periodSeconds: 5        readinessProbe:          httpGet:            path: /readyz            port: 8080          initialDelaySeconds: 5          periodSeconds: 5---apiVersion: v1kind: Servicemetadata:  name: my-go-servicespec:  selector:    app: my-go-service  ports:  - protocol: TCP    port: 80    targetPort: 8080

确保你的Go服务所在的命名空间已经启用了Istio Sidecar注入(通常通过

kubectl label namespace  istio-injection=enabled

)。

配置Istio资源:

流量管理: 使用

VirtualService

DestinationRule

来定义路由规则、流量分流、超时、重试、熔断等策略。这些配置是针对服务网格层面的,Go应用本身无需感知。

apiVersion: networking.istio.io/v1beta1kind: VirtualServicemetadata:  name: my-go-servicespec:  hosts:  - my-go-service # 内部服务名  http:  - route:    - destination:        host: my-go-service        port:          number: 80---apiVersion: networking.istio.io/v1beta1kind: DestinationRulemetadata:  name: my-go-servicespec:  host: my-go-service  trafficPolicy:    loadBalancer:      simple: ROUND_ROBIN    connectionPool:      tcp:        maxConnections: 100      http:        http1MaxPendingRequests: 10        maxRequestsPerConnection: 1    outlierDetection: # 熔断配置      consecutive5xxErrors: 5      interval: 30s      baseEjectionTime: 60s      maxEjectionPercent: 100

安全: Istio会自动为服务间的通信启用mTLS(双向TLS),无需Go应用代码进行任何修改。可观测性: Envoy会自动收集大量遥测数据(如请求量、延迟、错误率),并将其发送到Prometheus、Jaeger等后端。你的Go应用需要配合的是分布式追踪的上下文传播。

总的来说,Go服务集成服务网格,更多的是一种部署和配置层面的集成,而不是代码层面的。Go开发者可以继续使用他们熟悉的标准库和框架,而无需担心服务网格的底层实现。

为什么Golang服务与服务网格集成是趋势?

我个人觉得,Go服务与服务网格的集成之所以成为一个明显的趋势,主要有几个深层次的原因,这不仅仅是技术上的便利,更是一种架构理念的演进:

首先,关注点分离做到了极致。对于Go开发者来说,他们最擅长的是构建高性能、并发友好的业务逻辑。但传统的微服务架构中,开发者常常需要关注跨领域问题,比如服务发现、熔断、限流、分布式追踪、安全(mTLS)等。这些“非业务”代码往往会混淆在核心业务逻辑中,增加了代码的复杂度和维护成本。服务网格的出现,将这些基础设施层的能力从Go应用中剥离出来,下沉到Envoy代理中。这意味着Go开发者可以心无旁骛地专注于业务价值的创造,这在我看来是生产力提升的关键。

其次,解决了多语言微服务环境下的统一治理难题。很多企业内部并非单一技术栈,Go服务可能需要与Java、Python、Node.js等服务协同工作。如果没有服务网格,为每种语言实现一套统一的跨领域能力是非常困难且容易出错的。Istio/Envoy作为语言无关的代理,提供了一个统一的控制平面,无论你的后端服务是用Go、Java还是其他语言编写,它们都能以相同的方式被治理、被监控、被保护。这种统一性对于大型、异构的微服务系统来说,简直是福音。

再者,提升了服务的韧性和可观测性。服务网格内置的熔断、重试、超时等机制,能够显著增强Go微服务的韧性,减少级联故障的发生。同时,Envoy代理自动收集的细粒度遥测数据,结合Istio的可观测性套件(如Kiali、Prometheus、Jaeger),能够提供前所未有的服务间交互洞察力。你可以清晰地看到请求流经哪些Go服务,每个阶段的延迟是多少,哪些服务出现了错误。这种“黑盒”变“白盒”的能力,对于快速定位和解决生产问题至关重要,也是我个人在实际工作中非常看重的一点。

最后,简化了运维复杂性。虽然引入服务网格本身有学习成本,但一旦部署完成,它能极大地简化日常的运维任务。例如,灰度发布、A/B测试、故障注入等高级流量管理功能,通过简单的Istio配置就能实现,无需修改Go应用代码或重新部署。这让开发和运维团队能够更高效地协作,加速产品迭代。从长远来看,这笔投入是值得的。

在Golang应用中,如何处理Istio的流量管理和可观测性?

在Go应用中处理Istio的流量管理和可观测性,其核心理念是“让专业的人做专业的事”。Istio负责网络层面的流量管理和基础设施层面的可观测性,而Go应用则专注于自身的业务逻辑和应用层面的可观测性。

流量管理方面:

对于Go应用本身而言,它几乎不需要对Istio的流量管理机制有任何感知。

作为服务端: 你的Go服务只需要监听一个端口,并处理所有到达该端口的请求。Envoy代理会拦截所有进入Pod的流量,并根据Istio的

VirtualService

DestinationRule

配置,决定如何将流量路由到你的Go服务实例。Go应用无需关心请求是从哪里来的、经过了哪些路由规则、是否被重试过。作为客户端: 当你的Go服务需要调用另一个服务时,它只需要像往常一样,通过服务名(例如

http://another-service:8080

)来发起请求。Envoy代理会拦截这个出站请求,并根据Istio的配置(如熔断、超时、重试、TLS加密等)来处理它。Go应用无需引入任何特定的Istio客户端库,或者编写额外的逻辑来处理服务发现、负载均衡等问题。标准的Go

net/http

客户端或

google.golang.org/grpc

客户端就足够了。

这意味着,Go开发者在编写业务代码时,可以完全忽略服务网格的存在,专注于业务逻辑的实现,这大大简化了开发流程。

可观测性方面:

这是Go应用需要与Istio进行“协作”的关键领域,尤其是在分布式追踪方面。

分布式追踪(Tracing):

Envoy的自动追踪: Envoy代理会自动生成Span,并记录进出Go服务的请求信息。但要实现完整的端到端追踪链,Go应用内部必须正确地传播追踪上下文。

Go应用内的上下文传播: 这是Go开发者最需要关注的地方。当一个请求进入Go服务时,Envoy会将上游的追踪信息(如

x-b3-traceid

,

x-b3-spanid

,

x-request-id

等HTTP Header)传递给Go应用。Go应用需要:

提取(Extract): 从传入请求的HTTP Header中提取这些追踪上下文信息,并将其注入到Go的

context.Context

中。注入(Inject): 当Go服务作为客户端调用其他服务时,它需要从

context.Context

中提取追踪上下文,并将其注入到传出请求的HTTP Header中。

推荐实践: 使用OpenTelemetry Go SDK。它提供了一套标准化的API和实现,用于生成、传播和导出追踪数据。

// 示例:HTTP请求的中间件,用于处理追踪上下文import (    "context"    "net/http"    "go.opentelemetry.io/otel"    "go.opentelemetry.io/otel/propagation"    "go.opentelemetry.io/otel/trace")func TracingMiddleware(next http.Handler) http.Handler {    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {        // 从传入请求中提取追踪上下文        ctx := otel.GetTextMapPropagator().Extract(r.Context(), propagation.HeaderCarrier(r.Header))        // 开始一个新的Span(可选,如果Envoy已经启动了Span,这里可以作为子Span)        ctx, span := otel.Tracer("my-service").Start(ctx, r.URL.Path, trace.WithSpanKind(trace.SpanKindServer))        defer span.End()        // 将带有新上下文的请求传递给下一个处理器        next.ServeHTTP(w, r.WithContext(ctx))    })}// 示例:Go客户端调用另一个服务时注入追踪上下文func callAnotherService(ctx context.Context) error {    req, _ := http.NewRequestWithContext(ctx, "GET", "http://another-service:8080/api", nil)    // 注入追踪上下文到传出请求    otel.GetTextMapPropagator().Inject(ctx, propagation.HeaderCarrier(req.Header))    client := &http.Client{}    resp, err := client.Do(req)    // ...    return err}

指标(Metrics):

Envoy的自动指标: Envoy代理会收集大量网络层面的指标,如请求总量、成功率、延迟分布、连接数等,并自动暴露给Prometheus。这些指标提供了服务间通信的宏观视图。Go应用的应用层指标: 尽管Envoy提供了丰富的指标,但Go应用仍然需要暴露自己的业务逻辑指标。例如,特定API的调用次数、处理的业务事件数量、内部队列的长度等。这些是Envoy无法感知的。推荐实践: 使用Prometheus Go客户端库(

github.com/prometheus/client_go

)来定义和暴露Go应用内部的自定义指标。

日志(Logging):

标准化日志格式: 确保Go应用输出的日志是结构化的(例如JSON格式),这样便于日志收集系统(如Fluentd、Loki)进行解析和索引。关联追踪ID: 在Go应用日志中包含追踪ID(Trace ID)和Span ID是最佳实践。这样,当你在日志系统中搜索特定请求的日志时,可以通过追踪ID将所有相关的日志条目关联起来,这对于故障排查非常有帮助。你可以从

context.Context

中获取这些ID,并将其添加到日志字段中。

通过这种分工协作,Go应用可以专注于业务逻辑和应用层面的洞察,而Istio则提供了强大的网络和基础设施层面的管理与观测能力。

部署Golang服务到Istio服务网格的常见挑战与最佳实践

将Golang服务部署到Istio服务网格,虽然带来了诸多好处,但过程中也确实会遇到一些挑战。我结合自己的经验,总结了一些常见问题和对应的最佳实践。

常见挑战:

分布式追踪上下文传播的“断链”问题: 这是最常见的挑战,也是最容易被忽视的。如果Go应用没有正确地从传入请求中提取追踪Header,并在发出请求时注入这些Header,那么在Jaeger等追踪系统中,你就只能看到部分链路,而无法形成完整的端到端调用图。这会让故障排查变得非常困难。Envoy资源消耗: 每个Go应用Pod都会多一个Envoy容器,它会消耗额外的CPU和内存。在拥有大量微服务的集群中,这可能会导致显著的资源开销。如果对Envoy的资源限制设置不当,还可能影响Go应用的性能。调试复杂性增加: 当出现问题时,流量经过Go应用和Envoy代理两层,排查问题变得更复杂。你不仅要检查Go应用的日志和指标,还要查看Envoy的日志、Istio的配置以及Envoy的内部状态(通过

istioctl proxy-status

,

istioctl proxy-config

等命令)。学习曲线: Istio本身的配置模型(VirtualService, DestinationRule, Gateway等)相对复杂,对于初次接触的团队来说,需要一定的学习时间才能熟练掌握。启动时序问题: 在某些情况下,Go应用可能会在Envoy代理完全启动并准备好拦截流量之前尝试启动或发出请求,导致连接失败。虽然Istio和Kubernetes通常会处理好这些,但偶尔也会遇到。

最佳实践:

拥抱OpenTelemetry: 我强烈建议Go服务统一使用OpenTelemetry Go SDK进行分布式追踪和指标收集。它是一个行业标准,提供了丰富的API和集成,能确保你的Go服务在服务网格环境中具备良好的可观测性。正确配置OpenTelemetry的Span Processor和Exporter,确保追踪数据能发送到Jaeger或Zipkin。

实现优雅停机(Graceful Shutdown): Go应用应该能够响应TERM信号,并进行优雅停机。这意味着在收到终止信号后,Go服务应停止接受新请求,并等待所有正在处理的请求完成,同时给Envoy足够的时间来排空连接。这对于避免流量中断和数据丢失至关重要。例如,使用

http.Server.Shutdown()

grpc.Server.GracefulStop()

// 简单的Go HTTP服务优雅停机示例func main() {    srv := &http.Server{Addr: ":8080", Handler: yourRouter}    // 启动HTTP服务在一个goroutine中    go func() {        if err := srv.ListenAndServe(); err != nil && err != http.ErrServerClosed {            log.Fatalf("listen: %sn", err)        }    }()    // 监听操作系统信号,实现优雅停机    quit := make(chan os.Signal, 1)    signal.Notify(quit, syscall.SIGINT, syscall.SIGTERM)    <-quit    log.Println("Shutting down server...")    ctx, cancel := context.WithTimeout(context.Background(), 5*time.Second)    defer cancel()    if err := srv.Shutdown(ctx); err != nil {        log.Fatalf("Server forced to shutdown: %v", err)    }    log.Println("Server exiting")}

结构化日志与关联ID: 始终使用结构化日志库(如

zap

logrus

)输出JSON格式的日志。在日志中包含Trace ID和Span ID,这样你可以在日志聚合系统中(如Loki, ELK)通过追踪ID快速检索出与特定请求相关的所有日志,极大地简化了问题诊断。

合理设置资源限制: 在Kubernetes的Pod定义中,为Go应用容器和Envoy Sidecar都设置合理的CPU和内存

limits

以上就是Golang如何实现服务网格集成 配置Istio与Envoy代理的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月15日 16:57:45
下一篇 2025年12月15日 16:58:00

相关推荐

  • CSS mask属性无法获取图片:为什么我的图片不见了?

    CSS mask属性无法获取图片 在使用CSS mask属性时,可能会遇到无法获取指定照片的情况。这个问题通常表现为: 网络面板中没有请求图片:尽管CSS代码中指定了图片地址,但网络面板中却找不到图片的请求记录。 问题原因: 此问题的可能原因是浏览器的兼容性问题。某些较旧版本的浏览器可能不支持CSS…

    2025年12月24日
    900
  • Uniapp 中如何不拉伸不裁剪地展示图片?

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

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

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

    2025年12月24日
    800
  • SASS 中的 Mixins

    mixin 是 css 预处理器提供的工具,虽然它们不是可以被理解的函数,但它们的主要用途是重用代码。 不止一次,我们需要创建多个类来执行相同的操作,但更改单个值,例如字体大小的多个类。 .fs-10 { font-size: 10px;}.fs-20 { font-size: 20px;}.fs-…

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

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 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
  • 为什么设置 `overflow: hidden` 会导致 `inline-block` 元素错位?

    overflow 导致 inline-block 元素错位解析 当多个 inline-block 元素并列排列时,可能会出现错位显示的问题。这通常是由于其中一个元素设置了 overflow 属性引起的。 问题现象 在不设置 overflow 属性时,元素按预期显示在同一水平线上: 不设置 overf…

    2025年12月24日 好文分享
    400
  • 网页使用本地字体:为什么 CSS 代码中明明指定了“荆南麦圆体”,页面却仍然显示“微软雅黑”?

    网页中使用本地字体 本文将解答如何将本地安装字体应用到网页中,避免使用 src 属性直接引入字体文件。 问题: 想要在网页上使用已安装的“荆南麦圆体”字体,但 css 代码中将其置于第一位的“font-family”属性,页面仍显示“微软雅黑”字体。 立即学习“前端免费学习笔记(深入)”; 答案: …

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

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

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

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

    2025年12月24日
    100
  • 如何解决本地图片在使用 mask JS 库时出现的跨域错误?

    如何跨越localhost使用本地图片? 问题: 在本地使用mask js库时,引入本地图片会报跨域错误。 解决方案: 要解决此问题,需要使用本地服务器启动文件,以http或https协议访问图片,而不是使用file://协议。例如: python -m http.server 8000 然后,可以…

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

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

    2025年12月24日
    000
  • 为什么我的特定 DIV 在 Edge 浏览器中无法显示?

    特定 DIV 无法显示:用户代理样式表的困扰 当你在 Edge 浏览器中打开项目中的某个 div 时,却发现它无法正常显示,仔细检查样式后,发现是由用户代理样式表中的 display none 引起的。但你疑问的是,为什么会出现这样的样式表,而且只针对特定的 div? 背后的原因 用户代理样式表是由…

    2025年12月24日
    200
  • inline-block元素错位了,是为什么?

    inline-block元素错位背后的原因 inline-block元素是一种特殊类型的块级元素,它可以与其他元素行内排列。但是,在某些情况下,inline-block元素可能会出现错位显示的问题。 错位的原因 当inline-block元素设置了overflow:hidden属性时,它会影响元素的…

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

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

    2025年12月24日
    200
  • 为什么使用 inline-block 元素时会错位?

    inline-block 元素错位成因剖析 在使用 inline-block 元素时,可能会遇到它们错位显示的问题。如代码 demo 所示,当设置了 overflow 属性时,a 标签就会错位下沉,而未设置时却不会。 问题根源: overflow:hidden 属性影响了 inline-block …

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

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

    2025年12月24日
    100
  • 为什么我的 CSS 元素放大效果无法正常生效?

    css 设置元素放大效果的疑问解答 原提问者在尝试给元素添加 10em 字体大小和过渡效果后,未能在进入页面时看到放大效果。探究发现,原提问者将 CSS 代码直接写在页面中,导致放大效果无法触发。 解决办法如下: 将 CSS 样式写在一个单独的文件中,并使用 标签引入该样式文件。这个操作与原提问者观…

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

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

    2025年12月24日
    200

发表回复

登录后才能评论
关注微信