PHP数据库批量操作处理_PHP批量插入更新优化技巧

PHP批量操作的核心是合并多次数据库请求为单次请求,通过构造多值INSERT语句或使用CASE WHEN实现批量更新,并结合事务管理确保数据一致性,显著降低网络延迟与服务器开销,提升效率。

php数据库批量操作处理_php批量插入更新优化技巧

PHP数据库批量操作的核心,在于将多次独立的数据库请求合并为单次或少数几次请求,以此显著降低网络延迟和数据库服务器的开销,从而极大提升批量插入和更新的效率。这不单是语法上的优化,更是对数据库交互模型深层次的理解与应用。

解决方案

要高效处理PHP中的数据库批量操作,关键在于构造能够一次性处理多条记录的SQL语句,并结合事务管理来确保数据一致性。

批量插入(Batch Insert):

最直接有效的方式是利用SQL的

INSERT INTO ... VALUES (), (), ...;

语法。将多条记录的数据打包成一个SQL语句,一次性发送给数据库。

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

 'Alice', 'email' => 'alice@example.com'],    ['name' => 'Bob', 'email' => 'bob@example.com'],    ['name' => 'Charlie', 'email' => 'charlie@example.com'],    // ... 更多数据];$tableName = 'users';$columns = implode(', ', array_keys($dataToInsert[0])); // 获取列名$placeholders = [];$values = [];foreach ($dataToInsert as $row) {    $rowPlaceholders = [];    foreach ($row as $key => $value) {        $rowPlaceholders[] = '?'; // 为每个值使用占位符        $values[] = $value;    }    $placeholders[] = '(' . implode(', ', $rowPlaceholders) . ')';}$sql = "INSERT INTO {$tableName} ({$columns}) VALUES " . implode(', ', $placeholders);try {    $pdo->beginTransaction(); // 开启事务    $stmt = $pdo->prepare($sql);    $stmt->execute($values);    $pdo->commit(); // 提交事务    echo "批量插入成功!";} catch (PDOException $e) {    $pdo->rollBack(); // 发生错误回滚事务    echo "批量插入失败:" . $e->getMessage();}?>

对于超大规模的数据,可以考虑将数据分块(chunking),每N条记录执行一次批量插入,以避免单条SQL语句过长或内存占用过高。

批量更新(Batch Update):

批量更新通常比批量插入复杂一些,因为每条记录可能需要更新不同的字段值。最常见的优化方式是使用

CASE WHEN

语句结合

UPDATE

 1, 'status' => 'active', 'updated_at' => date('Y-m-d H:i:s')],    ['id' => 3, 'status' => 'inactive', 'updated_at' => date('Y-m-d H:i:s')],    ['id' => 5, 'status' => 'pending', 'updated_at' => date('Y-m-d H:i:s')],    // ... 更多数据];$tableName = 'products'; // 假设更新产品表$idColumn = 'id'; // 用作唯一标识的列$statusCases = [];$updatedAtCases = [];$ids = [];$values = []; // 用于存储所有绑定值foreach ($dataToUpdate as $item) {    $id = $item[$idColumn];    $ids[] = $id;    // 为 status 字段构建 CASE WHEN 语句    $statusCases[] = "WHEN {$idColumn} = ? THEN ?";    $values[] = $id;    $values[] = $item['status'];    // 为 updated_at 字段构建 CASE WHEN 语句    $updatedAtCases[] = "WHEN {$idColumn} = ? THEN ?";    $values[] = $id;    $values[] = $item['updated_at'];}// 确保 $ids 不为空,避免生成错误的 WHERE IN ()if (empty($ids)) {    echo "没有数据需要更新。";    exit;}$sql = "UPDATE {$tableName} SET ";$sql .= "status = (CASE " . implode(' ', $statusCases) . " ELSE status END), ";$sql .= "updated_at = (CASE " . implode(' ', $updatedAtCases) . " ELSE updated_at END) ";$sql .= "WHERE {$idColumn} IN (" . implode(', ', array_fill(0, count($ids), '?')) . ")";// 将所有ID添加到绑定值列表的末尾$values = array_merge($values, $ids);try {    $pdo->beginTransaction();    $stmt = $pdo->prepare($sql);    $stmt->execute($values);    $pdo->commit();    echo "批量更新成功!";} catch (PDOException $e) {    $pdo->rollBack();    echo "批量更新失败:" . $e->getMessage();}?>

这种

CASE WHEN

的批量更新方式,虽然SQL语句看起来比较复杂,但在数据库层面,它只需要一次查询解析和一次执行,效率远高于循环执行多条独立的

UPDATE

语句。

插入或更新(UPSERT / ON DUPLICATE KEY UPDATE):

对于某些场景,如果记录存在则更新,不存在则插入,MySQL提供了

ON DUPLICATE KEY UPDATE

语法。

 1, 'name' => 'Alice', 'email' => 'alice_new@example.com'], // id=1存在,更新    ['id' => 6, 'name' => 'Frank', 'email' => 'frank@example.com'], // id=6不存在,插入    // ... 更多数据];$tableName = 'users';$columns = implode(', ', array_keys($dataToUpsert[0]));$placeholders = [];$values = [];foreach ($dataToUpsert as $row) {    $rowPlaceholders = [];    foreach ($row as $key => $value) {        $rowPlaceholders[] = '?';        $values[] = $value;    }    $placeholders[] = '(' . implode(', ', $rowPlaceholders) . ')';}// 构建 ON DUPLICATE KEY UPDATE 部分$updateColumns = [];foreach (array_keys($dataToUpsert[0]) as $col) {    if ($col !== 'id') { // 假设 id 是主键或唯一键,不更新它本身        $updateColumns[] = "{$col} = VALUES({$col})";    }}$sql = "INSERT INTO {$tableName} ({$columns}) VALUES " . implode(', ', $placeholders);if (!empty($updateColumns)) {    $sql .= " ON DUPLICATE KEY UPDATE " . implode(', ', $updateColumns);}try {    $pdo->beginTransaction();    $stmt = $pdo->prepare($sql);    $stmt->execute($values);    $pdo->commit();    echo "批量插入或更新成功!";} catch (PDOException $e) {    $pdo->rollBack();    echo "批量插入或更新失败:" . $e->getMessage();}?>

这种方法要求表上必须有主键或唯一索引,否则

ON DUPLICATE KEY UPDATE

将无法触发。

为什么直接循环执行SQL语句会导致性能问题?

这其实是个很常见的问题,尤其对于刚接触数据库操作的开发者。我个人在早期的项目中也犯过类似的错误,那时候数据量不大,感觉不明显,但一旦数据规模上来,性能瓶颈立刻就暴露了。

根本原因在于,每一次与数据库的交互,都伴随着一系列的开销:

网络延迟 (Network Latency): 你的PHP应用和数据库服务器之间,即使在同一台机器上,也存在网络通信。每次发送一条SQL语句,都需要经过网络传输、数据库接收、处理、返回结果,这来回的“握手”过程,即便再快,累积起来也是巨大的时间消耗。想象一下,你要搬1000块砖,是1000次弯腰只拿一块,还是10次弯腰每次拿100块,效率高下立判。SQL解析与优化 (SQL Parsing & Optimization): 数据库服务器在接收到每一条SQL语句时,都需要对其进行解析(检查语法)、验证(表和字段是否存在)、并生成执行计划。如果每一条语句都相同,这个解析过程会重复1000次。批量操作则将这部分开销大大降低,因为它只需要解析和优化一次(或少数几次)。事务开销 (Transaction Overhead): 即使你没有显式地使用

BEGIN TRANSACTION

COMMIT

,大多数数据库系统在执行单条DML(数据操作语言,如INSERT/UPDATE/DELETE)语句时,也会隐式地将其包装在一个事务中。这意味着每条语句都会有事务的启动和提交开销。批量操作通常会显式开启一个大事务,将所有操作包含在内,从而减少了事务管理的次数。PHP端的资源消耗: 在PHP层面,每次执行

$pdo->prepare()

$stmt->execute()

,都会有内存分配、对象创建和销毁的开销。虽然现代PHP和PDO已经很高效,但面对成千上万次的循环,这些微小的开销累积起来也相当可观。

因此,避免循环执行单条SQL,转而采用批量操作,是提升数据库交互性能最直接、最有效的方法之一。

在PHP中如何高效实现批量插入与更新操作?

在PHP中实现高效的批量操作,主要依赖于数据库抽象层(如PDO或mysqli)提供的预处理语句(Prepared Statements)功能,结合前面提到的SQL语法优化。

1. 准备数据:首先,你需要一个结构化的数据数组,其中包含所有要插入或更新的记录。保持数据结构的一致性非常重要,这样才能方便地构建SQL。

$data = [    ['col1' => 'val1_1', 'col2' => 'val1_2'],    ['col1' => 'val2_1', 'col2' => 'val2_2'],    // ...];

2. 构建SQL语句:这是核心步骤。根据是批量插入还是批量更新,构建相应的SQL语句。

批量插入:

$columns = implode(', ', array_keys($data[0])); // 获取所有列名$valuePlaceholders = []; // 存储 (?, ?, ?) 这样的占位符组$allValues = []; // 存储所有要绑定的值foreach ($data as $row) {    $rowPlaceholders = array_fill(0, count($row), '?'); // 为一行数据生成占位符    $valuePlaceholders[] = '(' . implode(', ', $rowPlaceholders) . ')';    $allValues = array_merge($allValues, array_values($row)); // 将行数据的值合并到总值数组}$sql = "INSERT INTO your_table ({$columns}) VALUES " . implode(', ', $valuePlaceholders);

批量更新(使用CASE WHEN):

$idColumn = 'id'; // 假设根据id更新$setClauses = [];$whereInIds = [];$allValues = []; // 存储所有要绑定的值,顺序很重要// 假设要更新 'status' 和 'updated_at' 字段$statusCaseWhen = [];$updatedAtCaseWhen = [];foreach ($data as $item) {    $id = $item[$idColumn];    $whereInIds[] = $id;    // 为 status 字段构建 WHEN 子句    $statusCaseWhen[] = "WHEN {$idColumn} = ? THEN ?";    $allValues[] = $id; // 绑定ID    $allValues[] = $item['status']; // 绑定status值    // 为 updated_at 字段构建 WHEN 子句    $updatedAtCaseWhen[] = "WHEN {$idColumn} = ? THEN ?";    $allValues[] = $id; // 绑定ID    $allValues[] = $item['updated_at']; // 绑定updated_at值}$sql = "UPDATE your_table SET ";$sql .= "status = (CASE " . implode(' ', $statusCaseWhen) . " ELSE status END), ";$sql .= "updated_at = (CASE " . implode(' ', $updatedAtCaseWhen) . " ELSE updated_at END) ";$sql .= "WHERE {$idColumn} IN (" . implode(', ', array_fill(0, count($whereInIds), '?')) . ")";// 将 WHERE IN 子句中的 ID 绑定值添加到最后$allValues = array_merge($allValues, $whereInIds);

3. 使用PDO预处理语句执行:使用PDO的

prepare()

execute()

方法来执行构建好的SQL语句。预处理语句能够防止SQL注入,并且在多次执行类似语句时(虽然这里是一次性执行),也能提供性能优势。

try {    $pdo->beginTransaction(); // 开启事务,确保原子性    $stmt = $pdo->prepare($sql);    $stmt->execute($allValues); // 将所有绑定值一次性传入    $pdo->commit(); // 提交事务    echo "操作成功!";} catch (PDOException $e) {    $pdo->rollBack(); // 发生错误时回滚    error_log("数据库批量操作失败: " . $e->getMessage()); // 记录错误    echo "操作失败,请重试。";}

4. 事务管理:这是批量操作中至关重要的一环。将整个批量操作包装在一个数据库事务中,可以确保数据的一致性。如果中间任何一步失败,整个操作都可以回滚到初始状态,避免数据处于不完整或不一致的状态。使用

$pdo->beginTransaction()

$pdo->commit()

$pdo->rollBack()

是标准做法。

5. 分块处理(Chunking):当数据量非常庞大(例如几万甚至几十万条记录)时,单条SQL语句可能会变得非常长,超出数据库或PHP的某些限制,或者占用过多内存。这时,将数据分块处理是明智之举。例如,每1000条记录执行一次批量插入或更新。

$chunkSize = 1000;$chunks = array_chunk($largeDataSet, $chunkSize);try {    $pdo->beginTransaction();    foreach ($chunks as $chunk) {        // 根据 $chunk 构建 SQL 和绑定值,然后执行        // ... (参考上面的构建SQL和执行部分)        $stmt->execute($chunkValues);    }    $pdo->commit();    echo "所有分块批量操作成功!";} catch (PDOException $e) {    $pdo->rollBack();    error_log("分块批量操作失败: " . $e->getMessage());    echo "操作失败,请重试。";}

通过这些技巧,我们可以在PHP中实现既高效又健壮的数据库批量操作。

处理批量操作时,如何有效管理错误与事务回滚?

在实际的生产环境中,批量操作往往涉及大量数据,任何一个环节的错误都可能导致严重的数据不一致问题。因此,对错误的处理和事务的回滚机制的设计,其重要性不亚于优化本身。

首先,明确一点:事务是批量操作可靠性的基石。没有事务,批量操作中的任何一次失败都可能让部分数据更新、部分数据未更新,形成“脏数据”。

1. 显式事务管理:如前所示,使用

PDO

beginTransaction()

commit()

rollBack()

方法是标准且推荐的做法。

$pdo->beginTransaction();

:在开始批量操作之前调用,标志着一个事务的开始。

$stmt->execute($values);

:在事务内部执行所有的批量SQL语句。

$pdo->commit();

:如果所有操作都成功,则提交事务,使所有更改永久生效。

$pdo->rollBack();

:如果任何一个操作失败(通常通过异常捕获),则回滚事务,撤销所有自

beginTransaction()

以来进行的更改,将数据库恢复到事务开始前的状态。

2. 异常处理机制:PHP的

try-catch

块是处理数据库操作错误的利器。

PDO

在执行SQL语句失败时,会抛出

PDOException

异常。捕获这个异常,我们就能得知操作失败,并及时进行回滚。

try {    $pdo->beginTransaction();    // ... 构建并执行批量SQL语句 ...    $stmt->execute($allValues);    $pdo->commit();    // 成功后的逻辑} catch (PDOException $e) {    $pdo->rollBack(); // 捕获到异常,立即回滚    // 错误处理逻辑:    // 1. 记录日志:将错误信息 ($e->getMessage(), $e->getCode(), $e->getFile(), $e->getLine()) 写入日志文件。    error_log("批量操作失败: " . $e->getMessage() . " SQL: " . $sql);    // 2. 向用户反馈:给用户一个友好的错误提示,而不是直接暴露数据库错误。    echo "系统繁忙,批量操作未能完成,请稍后再试或联系管理员。";    // 3. 考虑重试机制:对于某些可恢复的错误(如死锁),可以设计有限次数的重试逻辑。}

3. 错误日志记录:仅仅回滚是不够的,我们还需要知道为什么会失败。将详细的错误信息(包括SQL语句、绑定值、异常消息、堆跟踪等)记录到日志中,对于后续的排查和问题修复至关重要。我个人倾向于在日志中包含导致错误的SQL语句(去除敏感信息),这样能更快定位问题。

4. 数据校验与预处理:在执行批量操作之前,对输入数据进行严格的校验和预处理,可以大大减少因数据格式不正确、缺失或非法值导致的数据库错误。例如,确保所有日期格式正确,数字是有效的数字,字符串长度不超过字段限制等。这是一种“防患于未然”的策略。

5. 针对分块操作的错误策略:如果采用了分块处理,那么每个分块内部的批量操作都应该在一个事务中。如果一个分块失败,可以只回滚该分块的更改。但更常见的做法是,整个大批量操作的所有分块都共享一个外部事务。这意味着如果任何一个分块失败,整个大事务都会回滚,确保所有数据要么全部成功,要么全部失败。

try {    $pdo->beginTransaction(); // 大事务    foreach ($chunks as $chunk) {        // 构建并执行当前 $chunk 的批量SQL        $stmt = $pdo->prepare($sqlForChunk);        $stmt->execute($valuesForChunk);    }    $pdo->commit();} catch (PDOException $e) {    $pdo->rollBack(); // 任何一个分块失败,整个大事务回滚    error_log("分块批量操作中途失败: " . $e->getMessage());}

这种“全有或全无”的策略在大多数业务场景中是更安全的选择。

通过上述方法,我们不仅能提升批量操作的性能,更能构建一个健壮、可靠的数据处理流程,即使面对突发状况,也能确保数据的完整性和一致性。

以上就是PHP数据库批量操作处理_PHP批量插入更新优化技巧的详细内容,更多请关注php中文网其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月12日 07:08:37
下一篇 2025年12月12日 07:08:48

相关推荐

  • 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

发表回复

登录后才能评论
关注微信