MySQL的IN语句效率低怎么解决_优化IN查询性能的几种策略

IN语句效率低并非绝对,其性能受索引、列表大小、子查询等因素影响;关键优化措施包括:确保IN列有索引以避免全表扫描;小常量列表可直接使用IN,大列表宜分批或改用临时表;子查询场景下,若结果集大则优先用EXISTS利用短路特性,若结果集小可用IN;当IN来源于另一表时,应重构为JOIN以更好利用索引和优化器策略;超大列表推荐分批查询或加载至临时表后JOIN,以降低传输开销并提升执行效率。

mysql的in语句效率低怎么解决_优化in查询性能的几种策略

MySQL的IN语句效率低,这确实是个常见的误解,或者说,它在特定场景下确实会成为性能瓶颈。核心观点是:IN语句的性能并非绝对低下,其效率高低取决于多个因素,尤其是其内部处理机制、列表大小、是否涉及子查询以及相关列的索引情况。解决之道在于理解这些因素,并根据具体场景选择更适合的替代方案,如EXISTSJOIN或对数据进行预处理。

解决方案

优化IN查询性能,我们通常会从几个维度入手,这不仅仅是替换关键词那么简单,更深层的是对数据访问模式的重新思考。

1. 索引是基石: 无论你用IN还是其他方式,如果IN操作符左侧的列没有索引,那一切优化都是空中楼阁。确保IN操作的列(例如WHERE id IN (...)中的id列)有合适的索引,这能让MySQL快速定位到匹配的数据行,而不是进行全表扫描。这是最基本也是最重要的优化点。

2. 列表大小与类型:

常量列表: 如果IN后面跟的是一个固定的小型常量列表(例如IN (1, 2, 3)),MySQL优化器通常会将其转换为一系列OR条件,并且如果id列有索引,性能通常不错。但当列表非常大时(成百上千),OR条件会变得冗长,查询计划可能变差。子查询:IN后面是一个子查询时,MySQL的处理方式会更复杂。它可能会将子查询结果物化(创建临时表),然后对主查询和临时表进行连接操作。这个物化过程和临时表的大小是关键。

3. EXISTS vs. IN (针对子查询):

IN的特点: 当子查询结果集较小,或者主查询结果集较大时,IN可能表现不错。因为它会先执行子查询,得到一个结果集,然后将主查询的每一行与这个结果集进行匹配。EXISTS的特点: EXISTS更像一个布尔检查,它不关心子查询返回了什么数据,只关心子查询是否能找到至少一行数据。因此,EXISTS在子查询能够快速确定是否存在匹配项时效率很高,特别适合子查询结果集非常大,或者主查询结果集相对较小的情况。它通常会利用索引进行“半连接”优化。选择原则: 经验法则是,如果子查询的结果集相对于主查询表非常小,IN可能更好;反之,如果子查询结果集可能很大,或者主查询表需要频繁地对子查询进行存在性检查,EXISTS往往更优。

4. JOIN替代 IN (针对子查询或外部列表):

当你的IN列表实际上来源于另一个表,或者是一个可以被构建成临时表的数据集时,JOIN操作通常比IN更高效。例如,SELECT * FROM table_a WHERE id IN (SELECT id FROM table_b WHERE condition),可以重写为SELECT a.* FROM table_a a JOIN table_b b ON a.id = b.id WHERE b.conditionJOIN操作能够更好地利用索引,并且MySQL的优化器在处理JOIN时通常有更成熟的策略。

5. 批量处理与临时表:

如果你的IN列表非常庞大(例如,几千上万个ID),直接将它们全部塞进IN语句可能会导致查询字符串过长、网络传输开销大,甚至超出某些配置限制。

分批查询: 将一个大的IN列表拆分成多个小的IN查询,分批执行,然后将结果在应用层合并。

临时表: 更好的方式是,将这些庞大的ID列表插入到一个临时的辅助表中,然后主查询与这个临时表进行JOIN操作。

CREATE TEMPORARY TABLE temp_ids (    id INT PRIMARY KEY);-- 插入你的大量IDINSERT INTO temp_ids (id) VALUES (1), (2), (3), ..., (10000);SELECT t.*FROM your_main_table tJOIN temp_ids ti ON t.id = ti.id;

这种方法将数据传输和查询执行分离,并利用了JOIN的优化能力。

为什么MySQL的IN语句有时会变得很慢?——深入理解其内部机制

我们常说IN语句慢,这其实是个笼统的说法,它背后的“慢”因多种情况而异。理解MySQL如何处理IN,是优化它的第一步。

IN语句后面跟着一个常量列表时,例如SELECT * FROM users WHERE id IN (1, 5, 10, 20);,MySQL的优化器通常会将其转换为一系列OR条件:WHERE id = 1 OR id = 5 OR id = 10 OR id = 20;。如果id列有索引,并且列表不大,这个转换后的查询会非常高效,因为索引可以快速定位到这些特定的行。然而,一旦列表中的元素数量变得非常大,这个OR链会变得极其冗长,导致优化器难以有效处理,甚至可能放弃使用索引,转而进行全表扫描,性能自然就直线下降了。想象一下,几十万个OR条件堆在一起,这本身就是对查询计划的巨大挑战。

而当IN语句后面跟着一个子查询时,情况就更复杂了,例如SELECT * FROM orders WHERE customer_id IN (SELECT id FROM customers WHERE status = 'VIP');。MySQL处理这类IN子查询,通常会采取以下策略之一:

物化(Materialization): 这是最常见的处理方式。MySQL会先执行子查询,将其结果集存储到一个临时表(内存或磁盘)中。然后,主查询会与这个临时表进行连接操作。这个临时表的大小、是否能被索引以及连接的效率,都直接影响了最终的性能。如果子查询返回的行数非常多,临时表会变得很大,读写开销和连接开销都会显著增加。Semi-join优化: 在某些情况下,MySQL优化器会尝试将IN子查询转换为“半连接”(Semi-join)。半连接的目的是找到主表中与子查询匹配的行,但每个匹配只返回一次,即使子查询返回了多行。这通常通过几种策略实现,比如DuplicateWeedout(去重)、FirstMatch(找到第一个匹配就停止)或LooseScan(松散索引扫描)。这种优化通常比物化更高效,因为它避免了完整临时表的创建和扫描。但是,是否能触发半连接优化,取决于子查询的复杂性、表的结构和索引情况。

如果IN操作的列没有索引,无论是常量列表还是子查询,MySQL都不得不对主表进行全表扫描,逐行检查是否匹配,这无疑是性能杀手。所以,索引缺失是导致IN慢的最根本原因之一。

何时应该用EXISTS替换IN?——性能考量与适用场景分析

INEXISTS在语义上都能实现“存在性”检查,但在内部执行机制上有着显著差异,这直接决定了它们在不同场景下的性能表现。

IN操作,如前所述,通常会先执行子查询,将结果集物化(存储到一个临时表中),然后主查询的每一行都会与这个物化后的结果集进行匹配。它的特点是,子查询只执行一次(或者在某些优化下会进行一些缓存),然后主查询利用这个结果集进行过滤。

EXISTS操作,例如SELECT * FROM orders o WHERE EXISTS (SELECT 1 FROM customers c WHERE c.id = o.customer_id AND c.status = 'VIP');,它的工作方式更像是关联子查询。对于主查询的每一行,EXISTS子查询都会被执行一次(或者说,它会尝试寻找一个匹配项)。一旦子查询找到第一个匹配的行,它就会立即返回TRUE,而不再继续扫描子查询的剩余部分。如果没有找到任何匹配,则返回FALSE。这种“短路”特性是EXISTS的关键优势。

那么,何时应该用EXISTS替换IN呢?

核心考量点:子查询结果集与主查询结果集的大小。

当子查询结果集非常大,而主查询结果集相对较小或需要频繁进行存在性检查时,EXISTS通常更优。

想象一下,你有一个包含数百万用户的customers表,其中只有几百个VIP用户。你现在要查询orders表中所有VIP用户的订单。如果用INSELECT * FROM orders WHERE customer_id IN (SELECT id FROM customers WHERE status = 'VIP');子查询会返回几百个VIP用户的ID,这个列表相对较小。IN可能会先物化这个小列表,然后orders表与这个小列表进行连接。这种情况下IN可能表现不错。如果子查询是SELECT id FROM customers WHERE registration_date > '2020-01-01',返回了数百万行。此时IN会物化一个巨大的临时表,然后orders表与这个巨大的临时表进行连接,性能会非常差。如果用EXISTSSELECT * FROM orders o WHERE EXISTS (SELECT 1 FROM customers c WHERE c.id = o.customer_id AND c.status = 'VIP');对于orders表中的每一行订单,EXISTS子查询会尝试在customers表中找到一个匹配的VIP客户。由于customers.id通常有索引,这个查找会非常快。一旦找到,就停止对当前订单行的子查询,继续处理下一行订单。这种“短路”行为避免了处理整个巨大的子查询结果集。

当子查询不返回任何列,只进行存在性判断时,EXISTS是更自然的选择。 SELECT 1EXISTS子查询中常见的写法,因为它不关心具体返回什么数据,只关心是否有数据。

总结选择原则:

IN 适用于: 子查询返回的结果集相对较小,或者是一个固定的、不大的常量列表。IN在处理非关联子查询时,优化器可能更容易将其物化为一个临时表,然后进行高效的连接。EXISTS 适用于: 子查询返回的结果集可能非常大,或者子查询是一个关联子查询,需要根据主查询的每一行进行条件判断。EXISTS的短路特性可以避免处理不必要的数据。

实践中,最好的方法是根据具体场景,编写两种查询,然后使用EXPLAIN分析它们的执行计划,并进行实际的性能测试。优化器并非一成不变,它会根据版本和数据分布进行调整。

海螺语音 海螺语音

海螺AI推出的AI语音生成工具,支持多种语种、情绪和效果。

海螺语音 94 查看详情 海螺语音

将IN语句重构为JOIN操作:更高效的数据关联策略

IN语句重构为JOIN操作,是解决IN性能问题时非常常用且高效的手段,尤其是在IN后面跟着一个子查询,或者其列表来源于另一个表时。这种重构的根本原因在于,数据库优化器在处理JOIN操作时,通常拥有更成熟、更丰富的优化策略,能够更好地利用索引,从而实现更高效的数据关联。

我们来看一个典型的IN子查询:

SELECT o.order_id, o.order_date, o.amountFROM orders oWHERE o.customer_id IN (SELECT c.id FROM customers c WHERE c.registration_date > '2023-01-01');

这个查询的意图是找出所有在2023年1月1日之后注册的客户的订单。如果customers表中符合条件的客户数量非常庞大,IN子查询可能会导致物化一个巨大的临时表,然后orders表与这个临时表进行连接,这会非常慢。

现在,我们将其重构为JOIN操作:

SELECT o.order_id, o.order_date, o.amountFROM orders oJOIN customers c ON o.customer_id = c.idWHERE c.registration_date > '2023-01-01';

为什么JOIN通常更高效?

索引利用: JOIN操作能够更好地利用两张表上的索引。在上面的例子中,如果orders.customer_idcustomers.id都有索引,并且customers.registration_date也有索引,MySQL可以高效地进行连接和过滤。优化器会选择最佳的连接顺序和连接算法(如嵌套循环连接、哈希连接、合并连接等),这些都是基于索引和统计信息的。避免物化: JOIN操作通常不需要像IN子查询那样,先将整个子查询的结果集物化到一个临时表中。它可以直接在两个表之间建立连接,边连接边过滤。更灵活的优化器: 数据库优化器在处理JOIN时,有更多关于连接顺序、索引选择、连接算法的选项。它可以根据表的统计信息,选择一个成本最低的执行计划。例如,它可能会先根据registration_date过滤customers表,得到一个小的结果集,然后用这个结果集去连接orders表。LEFT JOIN处理NOT IN 对于NOT IN的场景,JOIN也有其独特的优势。NOT IN子查询如果子查询结果中包含NULL值,行为会变得非常复杂且可能不符合预期。而使用LEFT JOINIS NULL的组合则能清晰地表达意图并高效执行:

-- 找出没有在2023年1月1日之后注册的客户的订单SELECT o.order_id, o.order_date, o.amountFROM orders oLEFT JOIN customers c ON o.customer_id = c.id AND c.registration_date > '2023-01-01'WHERE c.id IS NULL; -- c.id为NULL表示orders表中的customer_id在customers表中没有找到匹配的行

重构为JOIN的适用场景:

IN后面的列表来源于另一个或多个表时。当IN子查询的条件比较复杂,涉及多个列或函数时。当你需要对两个表进行更复杂的关联,而不仅仅是简单的存在性检查时。

总之,将IN重构为JOIN是一种更“数据库友好”的方式,它允许优化器有更大的空间去选择最高效的执行计划。在遇到IN语句性能瓶颈时,这通常是首选的优化方向之一。

索引在IN语句优化中的关键作用与设计考量

在MySQL的IN语句优化中,索引的作用绝非可有可无,它是性能优劣的决定性因素。没有合适的索引,即使采用各种技巧,也可能只是治标不治本。

索引为何如此关键?

想象一下,你正在一个巨大的图书馆里找一本书,你知道书名,但图书馆没有目录(索引)。你唯一的办法就是一本本翻阅,直到找到为止——这就是全表扫描。而如果图书馆有目录,你可以根据书名快速定位到书架和位置,这效率天壤之别。

对于IN语句:SELECT * FROM products WHERE category_id IN (1, 5, 10);

快速查找匹配项: 如果products.category_id列上有B-tree索引,MySQL可以利用这个索引树结构,快速定位到category_id为1、5、10的所有行,而无需扫描整个products表。这大大减少了需要读取的数据量和I/O操作。避免全表扫描: 在没有索引的情况下,MySQL为了找到所有匹配的行,不得不逐行扫描products表中的所有数据。对于包含数百万行的表,这会是一个非常耗时的操作。支持半连接优化:IN后面是子查询时,如果子查询关联的列和主查询的IN列都有索引,MySQL的优化器更有可能触发半连接(Semi-join)优化策略,避免物化临时表,从而提高效率。

索引设计考量:

单列索引: 最直接有效的方法是在IN操作符左侧的列上创建单列索引。例如,CREATE INDEX idx_category_id ON products (category_id);复合索引: 如果IN语句是WHERE子句的一部分,并且WHERE子句中还有其他过滤条件,那么考虑创建复合索引可能更优。例如:WHERE category_id IN (...) AND status = 'active'。此时,一个在(category_id, status)上的复合索引会非常有用。需要注意的是,复合索引的列顺序很重要,通常将区分度高或在WHERE子句中更靠前的列放在前面。覆盖索引: 如果SELECT列表中只包含被索引的列,那么这个索引就成为了覆盖索引。MySQL可以直接从索引中获取所有需要的数据,而无需回表查询主表数据。这进一步减少了I/O,提升了性能。例如:SELECT category_id, product_name FROM products WHERE category_id IN (...)。如果有一个(category_id, product_name)的复合索引,并且product_name在索引中,那么这就是一个覆盖索引。索引的维护成本: 索引虽好,但并非多多益善。每个索引都会占用磁盘空间,并且在数据进行INSERTUPDATEDELETE操作时,索引也需要同步更新,这会带来额外的开销。因此,在设计索引时,需要权衡查询性能提升与数据修改成本之间的关系。只创建那些真正能带来显著性能提升的索引。

总而言之,无论你采取哪种IN语句的优化策略,确保相关列有合适的索引都是不可或缺的基础。没有索引,所有的优化技巧都将大打折扣。在性能调优时,第一步永远是检查索引。

处理超大IN列表:分批查询与临时表方案

IN语句的列表变得非常庞大,比如包含成千上万,甚至数十万个ID时,即使有索引,直接将所有ID塞进IN括号里也可能导致一系列问题:查询字符串过长、网络传输开销大、SQL解析变慢,甚至可能超出数据库或驱动的某些配置限制。此时,我们需要更高级的策略来应对。

1. 分批查询(Batching):

这是最直接也相对简单的处理方式。核心思想是将一个巨大的IN列表拆分成多个小的、可管理的IN列表,然后分批执行这些查询。

操作步骤:

在应用层,将包含大量ID的列表,按照预设的批次大小(例如,每批1000个ID)进行分割。循环遍历这些小批次的ID列表,为每个小批次构建一个独立的IN查询。执行每个查询,并将每次查询的结果在应用层进行合并。

优点:

实现简单,无需修改数据库结构。避免了单次查询过长的字符串问题。可以更好地控制资源使用,避免一次性加载过多数据到内存。

缺点:

增加了数据库的连接次数和查询往返时间(RTT)。结果合并逻辑需要在应用层实现,增加了应用层的复杂性。如果需要事务一致性,分批查询可能难以保证。

适用场景: 当查询是读取操作,对实时性要求不是极高,且可以接受多次数据库交互的场景。

**2.

以上就是MySQL的IN语句效率低怎么解决_优化IN查询性能的几种策略的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月10日 13:33:22
下一篇 2025年11月10日 13:43:24

相关推荐

  • 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

发表回复

登录后才能评论
关注微信