C++ STL组成结构 六大组件功能概述

STL是C++的高效泛型编程框架,核心为六大组件:容器、算法、迭代器、函数对象、适配器和内存分配器。容器按存储特性分为序列式(如vector、list)、关联式(如set、map)和无序关联式(如unordered_map),各具性能优势;迭代器作为容器与算法的桥梁,提供统一访问接口,支持从输入到随机访问的多种类别;算法通过迭代器操作数据,涵盖查找、排序、变换等,结合函数对象或Lambda可定制行为;适配器通过包装容器、迭代器或函数接口,实现栈、队列等特定结构或修改操作方式;内存分配器分离内存管理与对象构造,支持自定义策略以优化性能或调试,但多数场景使用默认分配器即可。正确选择容器和组件,能显著提升程序效率与可维护性。

c++ stl组成结构 六大组件功能概述

C++ STL,也就是标准模板库,在我看来,它就是C++这门语言提供给开发者的一座宝藏,它将算法和数据结构以一种高度抽象和泛化的方式封装起来,极大地提升了开发效率和代码的复用性。它的核心在于六大组件:容器、算法、迭代器、函数对象、适配器和内存分配器。这些组件相互协作,构成了一个强大而灵活的框架,让我们可以更专注于业务逻辑而非底层实现细节。

STL的魅力,首先在于它将数据结构和算法解耦,这种设计思想简直是天才。它通过模板和泛型编程,让一套算法能够应用于各种不同的数据结构,而容器则提供了各种高效的数据存储方式。迭代器是连接这两者的桥梁,它就像一个统一的接口,让算法无需关心容器的具体实现。函数对象则允许我们定制算法的行为,赋予其更大的灵活性。而适配器,顾名思义,就是对现有组件进行包装,改变其接口,以满足特定需求。最后,内存分配器,虽然我们日常开发中很少直接打交道,但它在幕后默默地为容器提供高效的内存管理,是整个系统稳定运行的基石。

深入理解STL容器:选择合适的存储利器

STL中的容器,说白了就是各种数据结构,它们被设计用来高效地存储和管理数据。在我看来,理解它们的内部实现和性能特点,比死记硬背它们的接口更重要,因为这直接关系到你程序在不同场景下的效率。

大体上,容器可以分为几类:

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

序列式容器 (Sequence Containers): 它们以线性方式存储元素,元素的位置由插入顺序决定。

std::vector

:我最常用的容器,底层是动态数组。它的优点是支持随机访问(

O(1)

),内存连续,缓存友好。缺点是中间插入或删除元素效率较低(

O(n)

),可能涉及大量元素移动。如果你需要频繁访问元素,并且对插入删除操作要求不高,

vector

通常是最佳选择。

std::deque

(双端队列):它像

vector

list

的结合体,支持两端快速插入和删除(

O(1)

),也支持随机访问,但通常比

vector

慢一点。底层实现通常是分段的动态数组,所以内存不完全连续。当你需要在两端频繁操作,同时又需要一定的随机访问能力时,

deque

就很有用。

std::list

(双向链表):如果你需要频繁地在任意位置插入或删除元素(

O(1)

),那么

list

是你的首选。它的缺点是不能随机访问(只能顺序遍历),而且每个元素都需要额外的内存来存储前后节点的指针,所以内存开销相对大。

关联式容器 (Associative Containers): 它们根据键值(key)进行排序和查找,通常基于平衡二叉搜索树(如红黑树)实现。

std::set

std::multiset

:存储唯一键值(

set

)或允许重复键值(

multiset

)。它们的主要优势是查找、插入、删除操作的平均时间复杂度都是

O(log n)

,并且元素总是保持有序。当你需要快速查找某个元素是否存在,或者需要一个自动排序的集合时,它们是理想选择。

std::map

std::multimap

:存储键值对(key-value pair),键值唯一(

map

)或允许重复(

multimap

)。同样提供

O(log n)

的查找、插入、删除效率,并按键值排序。

map

是实现字典、查找表等功能的核心工具

无序关联式容器 (Unordered Associative Containers) (C++11及以后): 它们基于哈希表实现,不保持元素的有序性,但提供了平均

O(1)

的查找、插入、删除效率。

std::unordered_set

,

std::unordered_multiset

,

std::unordered_map

,

std::unordered_multimap

:当你对元素的顺序不关心,但需要极致的查找效率时,这些容器是首选。当然,最坏情况下(哈希冲突严重)性能可能退化到

O(n)

,所以选择一个好的哈希函数很重要。

选择哪个容器,真的要看你的具体需求。没有“最好”的容器,只有“最合适”的容器。

迭代器:连接容器与算法的魔法纽带

迭代器,这个概念初听起来有点抽象,但如果你把它想象成一个“广义的指针”,一切就清晰多了。在我看来,迭代器是STL泛型编程的灵魂所在,它提供了一种统一的方式来访问容器中的元素,而无需关心容器的内部结构。

它的核心作用就是充当容器和算法之间的“中间人”或者说“适配器”。算法,比如

std::sort

std::find

,它们并不直接操作容器,而是通过迭代器来访问和修改元素。这样一来,同一个算法就能作用于

std::vector

std::list

,甚至是自定义的数据结构,只要它们提供符合迭代器接口的类型。这大大提高了代码的复用性。

迭代器有不同的类别,每种类别支持的操作也不同,这决定了它们能与哪些算法配合:

输入迭代器 (Input Iterator): 只能单向遍历,只能读取元素一次。就像从输入流中读取数据。输出迭代器 (Output Iterator): 只能单向遍历,只能写入元素一次。就像写入输出流。前向迭代器 (Forward Iterator): 兼具输入和输出迭代器的功能,可以多次读写,但仍只能单向遍历。双向迭代器 (Bidirectional Iterator): 在前向迭代器的基础上,增加了向后遍历的能力。

std::list

的迭代器就是双向迭代器。随机访问迭代器 (Random Access Iterator): 最强大的迭代器,支持所有双向迭代器的操作,并且可以像指针一样进行算术运算(

iter + n

),支持

[]

操作符,可以随机访问任何位置的元素。

std::vector

std::deque

的迭代器就是随机访问迭代器。

举个例子,

std::sort

算法要求它的迭代器参数必须是随机访问迭代器,因为排序操作需要频繁地跳跃访问元素。而

std::find

则只需要输入迭代器就足够了。

#include #include #include int main() {    std::vector numbers = {5, 2, 8, 1, 9};    // 使用迭代器定义排序范围    std::sort(numbers.begin(), numbers.end());     for (int num : numbers) {        std::cout << num << " "; // 输出: 1 2 5 8 9    }    std::cout << std::endl;    // 查找元素    auto it = std::find(numbers.begin(), numbers.end(), 5);    if (it != numbers.end()) {        std::cout << "Found 5 at index: " << std::distance(numbers.begin(), it) << std::endl;    }    return 0;}

这段代码清晰地展示了迭代器如何作为

std::sort

std::find

的参数,它们指定了操作的范围,而算法本身并不关心

numbers

是一个

vector

还是其他什么。

STL算法的灵活运用与函数对象的魔力

STL算法是C++程序中解决常见问题的利器,它们涵盖了排序、搜索、变换、复制、删除等一系列操作。这些算法本身不直接操作数据,而是通过迭代器来完成任务。这种设计使得算法高度通用,可以作用于各种容器。

算法的种类繁多,但大致可以分为几类:

非修改序列操作 (Non-modifying sequence operations): 比如

std::for_each

,

std::find

,

std::count

,

std::all_of

等,它们遍历序列但不改变元素值。修改序列操作 (Modifying sequence operations): 比如

std::copy

,

std::transform

,

std::replace

,

std::fill

等,它们会改变序列中的元素值或顺序。排序和相关操作 (Sorting and related operations): 比如

std::sort

,

std::stable_sort

,

std::partial_sort

,

std::nth_element

等。数值操作 (Numeric operations): 比如

std::accumulate

,

std::iota

等。

函数对象 (Functors),或者叫函数符,是STL中一个非常强大的概念。简单来说,它就是一个重载了

operator()

的类对象。你可能觉得这有点多余,直接传函数指针不也一样吗?但函数对象有几个函数指针无法比拟的优势:

可以拥有状态: 函数对象可以是类实例,因此它可以包含成员变量,从而在多次调用之间保持状态。这对于需要累加、计数或根据之前结果进行判断的算法非常有用。类型安全: 函数对象是编译时确定的类型,而函数指针则可能涉及隐式转换内联优化: 编译器通常能更好地优化函数对象的调用,因为它们的类型在编译时已知,可能实现内联,提高性能。

当你需要定制算法的行为时,函数对象就派上用场了。最常见的例子是为

std::sort

提供自定义的比较规则,或者为

std::for_each

提供一个执行特定操作的逻辑。

#include #include #include #include  // For std::plus, std::bind (C++11 prior to lambda)// 自定义函数对象:判断一个数是否是偶数struct IsEven {    bool operator()(int n) const {        return n % 2 == 0;    }};// 自定义函数对象:对每个元素加一个特定值struct Adder {    int value;    Adder(int v) : value(v) {}    void operator()(int& n) const { // 注意这里是引用,以便修改原值        n += value;    }};int main() {    std::vector nums = {1, 2, 3, 4, 5, 6, 7, 8, 9, 10};    // 使用std::find_if和自定义函数对象查找第一个偶数    auto it_even = std::find_if(nums.begin(), nums.end(), IsEven());    if (it_even != nums.end()) {        std::cout << "First even number: " << *it_even << std::endl; // 输出: 2    }    // 使用std::for_each和自定义函数对象对每个元素加5    std::for_each(nums.begin(), nums.end(), Adder(5));    std::cout << "Numbers after adding 5: ";    for (int n : nums) {        std::cout << n << " "; // 输出: 6 7 8 9 10 11 12 13 14 15    }    std::cout < 5; });    if (it_gt5 != nums.end()) {        std::cout << "First number greater than 5: " << *it_gt5 << std::endl; // 输出: 6    }    return 0;}

可以看到,

IsEven

Adder

就是函数对象,它们被当作参数传递给算法,定制了算法的行为。而C++11引入的Lambda表达式,更是将函数对象的概念简化到了极致,让我们可以直接在原地定义匿名函数对象,极大提升了代码的简洁性和可读性。对我来说,Lambda是现代C++编程中不可或缺的一部分,它让算法的定制变得异常优雅。

STL适配器:灵活调整接口以适应需求

STL中的适配器,顾名思义,就是用来“适配”的。它们不会改变底层组件的本质,而是通过包装(wrapping)来改变其接口,使其符合特定的需求或更易于使用。这在软件设计中是一种非常常见的模式,它体现了“封装”和“接口分离”的思想。

适配器主要分为三类:

容器适配器 (Container Adapters):它们将现有的序列容器(通常是

std::deque

std::list

,有时是

std::vector

)的接口,包装成更受限制、更特定用途的接口。

std::stack

(栈):提供LIFO(后进先出)的行为。它通常基于

std::deque

std::list

实现,只暴露

push

,

pop

,

top

,

empty

,

size

等接口。你不能随机访问栈的中间元素。

std::queue

(队列):提供FIFO(先进先出)的行为。同样通常基于

std::deque

std::list

,只暴露

push

,

pop

,

front

,

back

,

empty

,

size

等接口。

std::priority_queue

(优先队列):提供一种“总是能取出最大(或最小)元素”的队列。它通常基于

std::vector

实现,并使用堆(heap)数据结构来维护元素的优先级。

举个例子,我通常会用

std::stack

来处理括号匹配或者深度优先搜索的场景,因为它天然符合这种后进先出的逻辑。

迭代器适配器 (Iterator Adapters):它们修改现有迭代器的行为。

std::reverse_iterator

:将普通迭代器的遍历方向反转。比如

std::vector::reverse_iterator

可以让你从

vector

的末尾向头部遍历。

std::insert_iterator

(包括

std::back_insert_iterator

,

std::front_insert_iterator

,

std::insert_iterator

):这些迭代器在写入操作时,不是覆盖现有元素,而是调用容器的

push_back

push_front

insert

方法来插入新元素。这在将算法结果插入到容器中时非常有用,比如

std::copy

到一个空

vector

中。

#include #include #include #include  // For std::back_insert_iteratorint main() {    std::vector source = {1, 2, 3};    std::vector destination;    // 使用std::back_insert_iterator将source的元素复制到destination    // 每次写入都会调用destination.push_back()    std::copy(source.begin(), source.end(), std::back_inserter(destination));    std::cout << "Destination vector: ";    for (int n : destination) {        std::cout << n << " "; // 输出: 1 2 3    }    std::cout << std::endl;    return 0;}

函数适配器 (Function Adapters):这些在C++11之前比较常见,用于修改函数对象或函数指针的行为,比如

std::bind1st

,

std::bind2nd

(绑定第一个或第二个参数),

std::not1

,

std::not2

(取反)。然而,在C++11及以后的版本中,这些功能大多已经被更强大、更灵活的Lambda表达式

std::bind

取代,所以我现在几乎不再直接使用它们。但理解它们曾经的作用,有助于我们理解Lambda和

std::bind

的设计思想。

总的来说,适配器是一种设计模式的体现,它允许我们在不修改原有代码的情况下,通过组合和包装来扩展功能或调整接口,这对于构建可维护、可扩展的系统至关重要。

内存分配器:STL背后的资源管理大师

内存分配器,或者说

std::allocator

,是STL六大组件中我们最少直接接触,但又至关重要的一环。它默默地在幕后工作,为所有STL容器提供内存管理服务。它的主要职责就是为容器中的元素分配和释放内存。

你可能会想,C++不是有

new

delete

吗?为什么还需要一个专门的分配器?原因在于:

分离内存管理与对象构造/析构:

new

操作符实际上做了两件事:分配内存和调用构造函数。

delete

做了两件事:调用析构函数和释放内存。而

std::allocator

将这两个过程分开了。它提供了

allocate()

deallocate()

方法来管理原始内存,以及

construct()

destroy()

方法来调用对象的构造函数和析构函数。这种分离允许容器在某些情况下只分配内存而不立即构造对象(比如

std::vector

capacity

size

)。提供定制化能力:

std::allocator

是默认的内存分配器,它通常只是简单地包装了全局的

operator new

operator delete

。但它的存在允许开发者提供自定义的内存分配策略。

那么,我们什么时候会需要自定义分配器呢?

性能优化: 在高性能计算或嵌入式系统等对内存分配效率有极高要求的场景下,默认的

std::allocator

可能无法满足需求。自定义分配器可以实现内存池(memory pool)、固定大小块分配等策略,减少系统调用开销,提高分配速度,并可能减少内存碎片。特殊内存区域: 有些应用可能需要从特定的内存区域分配内存,例如共享内存、显存、或者预先分配的大块内存。自定义分配器可以指定这些特殊的内存源。调试和统计: 自定义分配器可以加入内存分配的日志记录、统计信息收集,帮助开发者追踪内存使用情况、检测内存泄漏等问题。

不过,话说回来,对于大多数日常应用开发,默认的

std::allocator

已经足够高效和稳定了。自定义分配器通常会增加代码的复杂性,并且需要对内存管理有深入的理解。如果你不是在处理内存极其敏感的系统,我通常建议坚持使用默认分配器,除非你明确知道它成为了性能瓶颈。

#include #include #include  // For std::allocator// 这是一个简单的自定义分配器示例,它只是包装了new/deletetemplate class MyAllocator {public:    using value_type = T;    MyAllocator() = default;    template  MyAllocator(const MyAllocator&) {}    T* allocate(std::size_t n) {        if (n == 0) return nullptr;        if (n > std::numeric_limits::max() / sizeof(T))            throw std::bad_alloc();        std::cout << "MyAllocator: Allocating " << n * sizeof(T) << " bytes." << std::endl;        return static_cast(::operator new(n * sizeof(T)));    }    void deallocate(T* p, std::size_t n) {        std::cout << "MyAllocator: Deallocating " << n * sizeof(T) << " bytes." << std::endl;        ::operator delete(p);    }    // 构造和析构函数(C++11之后)    template     void construct(U* p, Args&&... args) {        ::new(static_cast(p)) U(std::forward(args)...);        std::cout << "MyAllocator: Constructing object at " << p

以上就是C++ STL组成结构 六大组件功能概述的详细内容,更多请关注创想鸟其它相关文章!

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

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

相关推荐

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

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

    2025年12月24日
    900
  • 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
  • 为什么设置 `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
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯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
  • 为什么我的 em 和 transition 设置后元素没有放大?

    元素设置 em 和 transition 后不放大 一个 youtube 视频中展示了设置 em 和 transition 的元素在页面加载后会放大,但同样的代码在提问者电脑上没有达到预期效果。 可能原因: 问题在于 css 代码的位置。在视频中,css 被放置在单独的文件中并通过 link 标签引…

    2025年12月24日
    100
  • 为什么我的 Safari 自定义样式表在百度页面上失效了?

    为什么在 Safari 中自定义样式表未能正常工作? 在 Safari 的偏好设置中设置自定义样式表后,您对其进行测试却发现效果不同。在您自己的网页中,样式有效,而在百度页面中却失效。 造成这种情况的原因是,第一个访问的项目使用了文件协议,可以访问本地目录中的图片文件。而第二个访问的百度使用了 ht…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信