C++中如何安全地传递对象所有权 移动语义与智能指针结合使用

c++++中安全传递对象所有权需使用移动语义和智能指针。1. 移动语义通过右值引用和std::move实现资源转移,避免深拷贝并确保源对象处于有效但未指定状态;2. 智能指针管理资源生命周期,其中std::unique_ptr实现独占所有权,只能通过std::move转移所有权;3. std::shared_ptr实现共享所有权,通过引用计数自动释放资源;4. std::weak_ptr作为辅助打破循环引用,不增加引用计数,访问时需lock()提升为shared_ptr。结合二者可高效安全地管理资源流动,确保程序内存安全与健壮性。

C++中如何安全地传递对象所有权 移动语义与智能指针结合使用

在C++中安全地传递对象所有权,核心在于理解并恰当运用移动语义和智能指针。这不仅仅是语法上的选择,更是对资源生命周期管理的深思熟虑,它关乎性能、内存安全,以及代码的健壮性。说到底,就是让资源在程序中流动起来,而不是简单地复制,同时确保它们总有明确的归属,不至于无人管理或被重复释放。

C++中如何安全地传递对象所有权 移动语义与智能指针结合使用

解决方案

安全地传递C++中的对象所有权,主要依赖于两个现代C++的核心特性:移动语义(Move Semantics)和智能指针(Smart Pointers)。

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

C++中如何安全地传递对象所有权 移动语义与智能指针结合使用

移动语义移动语义允许我们从一个对象“窃取”其资源(如堆内存、文件句柄等),并将其转移给另一个对象,而不是进行昂贵的深拷贝。这对于临时对象或即将销毁的对象尤其有用。当源对象被移动后,它通常处于一个有效但未指定的状态(通常是“空”),并且其析构函数不会释放已转移的资源。这通过右值引用(

&&

)和移动构造函数/移动赋值运算符实现,

std::move

是将左值转换为右值引用的关键工具,它本身不执行任何移动操作,只是告诉编译器“这个对象可以被移动了”。

智能指针智能指针是管理动态分配内存的类模板,它们在对象生命周期结束时自动释放内存,从而避免了内存泄漏。它们的核心思想是“资源获取即初始化”(RAII),即在构造时获取资源,在析构时释放资源。

C++中如何安全地传递对象所有权 移动语义与智能指针结合使用

std::unique_ptr

: 实现独占所有权。一个

unique_ptr

实例独占管理一个对象。它不能被复制,但可以通过

std::move

进行所有权转移。一旦所有权被转移,原

unique_ptr

将不再拥有该对象。这是管理动态分配内存的首选,因为它开销最小,且所有权语义清晰。

std::shared_ptr

: 实现共享所有权。多个

shared_ptr

实例可以共同拥有同一个对象。内部通过引用计数机制来跟踪有多少个

shared_ptr

指向该对象。当最后一个

shared_ptr

被销毁时,它所管理的对象才会被删除。适用于多个部分需要访问并共享同一个资源的情况。

std::weak_ptr

: 作为

shared_ptr

的辅助,它不拥有对象,也不会增加引用计数。它提供了一种观察

shared_ptr

所管理对象的方式,而不会阻止该对象被销毁。主要用于解决

shared_ptr

可能导致的循环引用问题。当需要访问

weak_ptr

指向的对象时,需要先将其提升(

lock()

)为一个

shared_ptr

将移动语义与智能指针结合使用,可以实现高效且安全的对象所有权传递。例如,当一个函数返回一个

unique_ptr

时,编译器会自动应用移动语义,避免不必要的拷贝。当将一个

unique_ptr

作为参数传递给一个函数时,如果函数需要接管所有权,可以使用

std::move

显式转移。对于

shared_ptr

,其拷贝操作本身就是所有权共享的体现,而移动操作则是在不改变引用计数的前提下,将所有权从一个

shared_ptr

变量转移到另一个。

std::unique_ptr

std::move

如何确保独占所有权的安全转移?

std::unique_ptr

std::move

的组合,在C++中是实现独占所有权安全转移的基石。理解这一点,我觉得是掌握现代C++资源管理的关键一步。

unique_ptr

的设计哲学就是“我独占,你别碰”,它天生就是不可复制的,这意味着你不能简单地用

=

运算符或拷贝构造函数来创建另一个指向相同资源的

unique_ptr

。这种设计从编译期就杜绝了“一物多主”导致重复释放的可能。

那么,当我们需要把一个

unique_ptr

所管理的对象“给”另一个

unique_ptr

时,

std::move

就派上用场了。它不是真的移动数据,它更像是一个“信号灯”,告诉编译器:“嘿,这个

unique_ptr

我不打算再用了,它的资源可以安全地被别人接管。”

std::move

本质上是将一个左值(具名变量)强制转换为右值引用。当

unique_ptr

看到一个右值引用时,它会触发其移动构造函数或移动赋值运算符。

这个移动操作是“资源窃取”的过程:新的

unique_ptr

会从旧的

unique_ptr

那里“拿走”内部的裸指针,然后旧的

unique_ptr

内部的裸指针会被置空(

nullptr

)。这样一来,在移动操作之后,原先的

unique_ptr

就不再拥有任何资源了,它的析构函数也不会尝试释放任何东西。新的

unique_ptr

则完全接管了资源的生命周期。这种机制确保了在任何时候,只有一个

unique_ptr

实例负责管理特定的资源,从而彻底避免了双重释放(double free)的问题。

#include #include #include class MyResource {public:    int id;    MyResource(int i) : id(i) { std::cout << "MyResource " << id << " created.n"; }    ~MyResource() { std::cout << "MyResource " << id << " destroyed.n"; }    void do_something() { std::cout << "MyResource " << id << " doing something.n"; }};// 函数接收 unique_ptr 并接管所有权void process_resource(std::unique_ptr res) {    if (res) {        res->do_something();        // res 在函数结束时自动销毁其管理的对象    } else {        std::cout << "No resource to process.n";    }}// 函数返回 unique_ptrstd::unique_ptr create_resource(int id) {    return std::make_unique(id); // 返回时自动移动}int main() {    std::cout << "--- unique_ptr ownership transfer example ---n";    // 1. 创建一个 unique_ptr    std::unique_ptr ptr1 = std::make_unique(101);    ptr1->do_something();    // 2. 尝试拷贝,会编译错误    // std::unique_ptr ptr_copy = ptr1; // 错误:unique_ptr 不能被拷贝    // 3. 使用 std::move 转移所有权    std::unique_ptr ptr2 = std::move(ptr1); // ptr1 的所有权转移给 ptr2    if (ptr1) {        std::cout << "ptr1 still holds resource? This should not happen.n";    } else {        std::cout <do_something(); // ptr2 现在是资源的唯一所有者    // 4. 将所有权传递给函数    std::unique_ptr ptr3 = std::make_unique(102);    process_resource(std::move(ptr3)); // ptr3 的所有权转移给函数参数 res    if (!ptr3) {        std::cout << "ptr3 is empty after passing to function.n";    }    // 5. 从函数接收所有权    std::unique_ptr ptr4 = create_resource(103);    ptr4->do_something();    std::cout << "--- End of unique_ptr example ---n";    return 0;}

这段代码清晰地展示了

unique_ptr

如何通过

std::move

安全地转移所有权,以及原所有者如何变得“空”而不再管理资源。这是一种非常高效且安全的资源管理方式。

什么时候应该考虑使用

std::shared_ptr

进行对象所有权共享?

使用

std::shared_ptr

进行对象所有权共享,通常发生在这样一些场景:一个资源,它的生命周期需要被多个不同的、彼此独立的逻辑单元所共同管理。这不是那种简单的“传递”关系,而是“我们都用着,谁也别急着扔”的状态。我个人觉得,当你发现一个对象需要在多个地方被引用,并且这些地方都对它的存在与否负有责任时,

shared_ptr

就该出场了。

最典型的例子可能就是缓存系统、观察者模式或者图形渲染中的纹理/模型管理。比如,一个纹理对象可能被场景中的多个模型共享,每个模型都持有对该纹理的引用。只要有一个模型还在使用这个纹理,纹理就不能被销毁。只有当所有使用它的模型都消失了,纹理才应该被释放。这时候,

shared_ptr

的引用计数机制就显得非常自然和高效了。

shared_ptr

内部维护着一个引用计数,每当它被复制时,计数就会增加;每当一个

shared_ptr

实例被销毁时,计数就会减少。当引用计数降到零时,表示没有任何

shared_ptr

再指向该对象了,此时

shared_ptr

就会自动删除所管理的对象。

当然,

shared_ptr

并非没有代价。相比

unique_ptr

,它会有额外的内存开销(需要存储引用计数和弱引用计数)以及运行时开销(原子操作来更新引用计数,以确保线程安全)。所以,我的经验是,如果一个资源能够明确地由一个实体独占,那就优先选择

unique_ptr

。只有当确实存在多方共享且共同管理生命周期的需求时,才考虑

shared_ptr

。过度使用

shared_ptr

可能导致不必要的性能损耗,甚至因为循环引用而引发内存泄漏(稍后会提到

weak_ptr

来解决这个问题)。

#include #include #include class DataProcessor {public:    int id;    DataProcessor(int i) : id(i) { std::cout << "DataProcessor " << id << " created.n"; }    ~DataProcessor() { std::cout << "DataProcessor " << id << " destroyed.n"; }    void process() { std::cout << "DataProcessor " << id << " processing data.n"; }};void consumer_a(std::shared_ptr p) {    if (p) {        std::cout << "Consumer A is using DataProcessor " <id << ". Ref count: " << p.use_count() <process();    }}void consumer_b(std::shared_ptr p) {    if (p) {        std::cout << "Consumer B is using DataProcessor " <id << ". Ref count: " << p.use_count() <process();    }}int main() {    std::cout << "--- shared_ptr ownership sharing example ---n";    // 创建一个 shared_ptr    std::shared_ptr shared_data = std::make_shared(201);    std::cout << "Initial ref count: " << shared_data.use_count() << "n";    // 多个 shared_ptr 实例共享同一个对象    std::shared_ptr another_ref = shared_data; // 拷贝,引用计数增加    std::cout << "After another_ref created, ref count: " << shared_data.use_count() << "n";    consumer_a(shared_data); // 传递 shared_ptr,引用计数在函数内部临时增加    std::cout << "After consumer_a, ref count: " << shared_data.use_count() << "n";    consumer_b(another_ref); // 再次传递,引用计数再次增加    std::cout << "After consumer_b, ref count: " << shared_data.use_count() << "n";    // 当 shared_data 和 another_ref 都超出作用域时,DataProcessor 才会被销毁    std::cout << "Exiting main scope. DataProcessor will be destroyed when all shared_ptr instances are gone.n";    return 0;} // shared_data 和 another_ref 在这里销毁,引用计数降为0,DataProcessor 201 被销毁

这个例子展示了

shared_ptr

如何允许多个指针安全地共享同一个对象的生命周期。当

shared_data

another_ref

都离开作用域时,

DataProcessor

实例才会被销毁。

避免所有权陷阱:

std::weak_ptr

的角色与常见误区

在C++的对象所有权管理中,尤其是当你开始大量使用

std::shared_ptr

时,一个非常微妙但也非常致命的陷阱就是“循环引用”。这是我个人在早期使用

shared_ptr

时踩过的一个大坑,因为它不像内存泄漏那样直接导致程序崩溃,而是默默地吞噬内存,直到系统资源耗尽。

简单来说,循环引用就是两个或更多个

shared_ptr

相互持有对方的

shared_ptr

,形成一个闭环。比如,A持有一个指向B的

shared_ptr

,同时B也持有一个指向A的

shared_ptr

。这样一来,即使外部已经没有其他

shared_ptr

指向A或B了,它们的引用计数也永远不会降到零,因为它们彼此互相引用着。结果就是,这两个对象(以及它们管理的资源)永远不会被销毁,造成内存泄漏。

std::weak_ptr

就是为了打破这种循环引用而生的。它是一种“弱引用”,或者说“观察者”指针。它指向一个由

shared_ptr

管理的对象,但它本身不增加对象的引用计数。这意味着

weak_ptr

不会阻止对象被销毁。你可以把它想象成一个“不负责任”的旁观者:它知道对象在哪儿,但它不参与对象的生命周期管理。

当你想通过

weak_ptr

访问对象时,你需要先调用它的

lock()

方法。

lock()

会尝试返回一个

std::shared_ptr

。如果对象仍然存在(即还有

shared_ptr

在管理它),

lock()

就会成功返回一个有效的

shared_ptr

,此时对象的引用计数会临时增加;如果对象已经被销毁了(因为所有

shared_ptr

都消失了),

lock()

就会返回一个空的

shared_ptr

。这种机制使得

weak_ptr

成为解决循环引用的完美方案:在循环的一侧,使用

weak_ptr

而不是

shared_ptr

常见误区和注意事项:

忘记

std::move

unique_ptr

搭配:很多人习惯了C++98的拷贝语义,在需要转移

unique_ptr

所有权时,忘记使用

std::move

,导致编译错误。记住,

unique_ptr

是不能被拷贝的。滥用

shared_ptr

:并非所有需要共享访问的对象都适合用

shared_ptr

。如果一个对象只需要被观察(比如一个只读配置),或者其生命周期明确由某个父对象管理,那么简单的引用、原始指针(确保生命周期安全)或者

unique_ptr

可能更合适。

shared_ptr

的开销是真实存在的。原始指针与智能指针混用不当:将智能指针管理的对象的原始指针暴露出去,并且这个原始指针的生命周期超出了智能指针的范围,或者在智能指针管理之外通过原始指针

delete

对象,这都是非常危险的行为。一旦智能指针发现它管理的原始指针被“偷跑”或者提前销毁,就会导致未定义行为。不理解

weak_ptr::lock()

的意义

weak_ptr

本身不能直接访问对象,必须先

lock()

成功才能得到一个临时的

shared_ptr

去操作。在访问前检查

lock()

返回的

shared_ptr

是否为空是至关重要的。过早优化或过度设计:有时候,一个简单的值传递或者引用传递,如果对象的生命周期很短,或者明确由调用者管理,反而比引入智能指针更清晰。不要为了使用智能指针而使用智能指针。

#include #include #include class B; // 前向声明class A {public:    std::shared_ptr b_ptr; // 可能会导致循环引用    int id;    A(int i) : id(i) { std::cout << "A " << id << " created.n"; }    ~A() { std::cout << "A " << id << " destroyed.n"; }    void set_b(std::shared_ptr b) {        b_ptr = b;    }};class B {public:    std::weak_ptr a_ptr; // 使用 weak_ptr 打破循环引用    int id;    B(int i) : id(i) { std::cout << "B " << id << " created.n"; }    ~B() { std::cout << "B " << id << " destroyed.n"; }    void set_a(std::shared_ptr a) {        a_ptr = a;    }    void access_a() {        if (auto shared_a = a_ptr.lock()) { // 尝试提升为 shared_ptr            std::cout << "B " << id << " successfully accessed A " <id << ".n";        } else {            std::cout << "B " << id << " tried to access A, but A has been destroyed.n";        }    }};int main() {    std::cout << "--- shared_ptr circular reference example with weak_ptr ---n";    { // 限制作用域,观察析构行为        std::shared_ptr my_a = std::make_shared(301);        std::shared_ptr my_b = std::make_shared(302);        std::cout << "A ref count: " << my_a.use_count() << ", B ref count: " << my_b.use_count() <set_b(my_b); // A 持有 B 的 shared_ptr        my_b->set_a(my_a); // B 持有 A 的 weak_ptr (关键!)        std::cout << "After setting links:n";        std::cout << "A ref count: " << my_a.use_count() << ", B ref count: " << my_b.use_count() <a_ptr.lock() if it were shared_ptr)        // 实际上 my_a 引用计数为 1 (my_a), my_b 引用计数为 2 (my_b, my_a->b_ptr)        my_b->access_a(); // B 尝试访问 A    } // my_a 和 my_b 在这里超出作用域    std::cout << "--- End of weak_ptr example ---n";    // 如果 B 使用的是 shared_ptr 而不是 weak_ptr

以上就是C++中如何安全地传递对象所有权 移动语义与智能指针结合使用的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月18日 18:27:04
下一篇 2025年12月18日 18:27:21

相关推荐

  • 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

发表回复

登录后才能评论
关注微信