Laravel如何配置多个数据库连接_多数据库源配置方法

Laravel配置多个数据库连接需修改config/database.php文件,添加新连接并使用DB门面或Eloquent模型指定连接。1. 在connections数组中新增数据库配置,如legacy_db和reporting_db;2. 将敏感信息存于.env文件以提升安全性;3. 通过Eloquent模型的$connection属性或on()方法指定连接;4. 使用DB::connection(‘name’)执行查询;5. 注意事务管理、迁移命令需指定–database选项;6. 避免跨库事务,采用最终一致性;7. 优化性能,减少网络延迟与连接开销。

laravel如何配置多个数据库连接_多数据库源配置方法

Laravel配置多个数据库连接的核心在于修改

config/database.php

文件,添加新的数据库配置项,并在使用时通过

DB

门面或Eloquent模型指定连接名称。这使得应用可以灵活地与多个数据源交互,无论是处理遗留系统、数据隔离还是读写分离。

解决方案

在Laravel中配置多个数据库连接是一个相对直接的过程,主要涉及对

config/database.php

文件的修改,并学会在代码中如何调用这些连接。

首先,打开你的

config/database.php

文件。你会看到一个

connections

数组,里面包含了默认的

mysql

pgsql

sqlite

sqlsrv

等配置。要添加一个新的数据库连接,你只需要在这个数组中新增一个配置项。

假设我们有一个名为

legacy_db

的MySQL数据库和一个名为

reporting_db

的PostgreSQL数据库需要连接。你可以这样修改

database.php

 [        'sqlite' => [            'driver' => 'sqlite',            'url' => env('DB_DATABASE_URL'),            'database' => env('DB_DATABASE', database_path('database.sqlite')),            'prefix' => '',            'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),        ],        'mysql' => [            'driver' => 'mysql',            'url' => env('DATABASE_URL'),            'host' => env('DB_HOST', '127.0.0.1'),            'port' => env('DB_PORT', '3306'),            'database' => env('DB_DATABASE', 'laravel'),            'username' => env('DB_USERNAME', 'root'),            'password' => env('DB_PASSWORD', ''),            'unix_socket' => env('DB_SOCKET', ''),            'charset' => 'utf8mb4',            'collation' => 'utf8mb4_unicode_ci',            'prefix' => '',            'prefix_indexes' => true,            'strict' => true,            'engine' => null,            'options' => extension_loaded('pdo_mysql') ? array_filter([                PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),            ]) : [],        ],        // 新增的 legacy_db 连接        'legacy_db' => [            'driver' => 'mysql',            'host' => env('LEGACY_DB_HOST', '192.168.1.100'),            'port' => env('LEGACY_DB_PORT', '3306'),            'database' => env('LEGACY_DB_DATABASE', 'old_app_data'),            'username' => env('LEGACY_DB_USERNAME', 'legacy_user'),            'password' => env('LEGACY_DB_PASSWORD', 'legacy_pass'),            'charset' => 'utf8mb4',            'collation' => 'utf8mb4_unicode_ci',            'prefix' => '',            'strict' => true,            'engine' => null,        ],        // 新增的 reporting_db 连接        'reporting_db' => [            'driver' => 'pgsql',            'host' => env('REPORTING_DB_HOST', '192.168.1.101'),            'port' => env('REPORTING_DB_PORT', '5432'),            'database' => env('REPORTING_DB_DATABASE', 'analytics_data'),            'username' => env('REPORTING_DB_USERNAME', 'report_user'),            'password' => env('REPORTING_DB_PASSWORD', 'report_pass'),            'charset' => 'utf8',            'prefix' => '',            'schema' => 'public',            'sslmode' => 'prefer',        ],        // ... 其他配置    ],    // ... 其他配置];

为了保持配置的灵活性和安全性,强烈建议将数据库凭据和主机信息存储在

.env

文件中:

# .env 文件示例DB_CONNECTION=mysqlDB_HOST=127.0.0.1DB_PORT=3306DB_DATABASE=laravelDB_USERNAME=rootDB_PASSWORD=LEGACY_DB_HOST=192.168.1.100LEGACY_DB_PORT=3306LEGACY_DB_DATABASE=old_app_dataLEGACY_DB_USERNAME=legacy_userLEGACY_DB_PASSWORD=legacy_passREPORTING_DB_HOST=192.168.1.101REPORTING_DB_PORT=5432REPORTING_DB_DATABASE=analytics_dataREPORTING_DB_USERNAME=report_userREPORTING_DB_PASSWORD=report_pass

配置完成后,就可以在代码中使用了。

为什么我们需要多个数据库连接?——真实场景与痛点分析

我个人觉得,一个应用需要连接多个数据库,往往不是为了炫技,而是被现实所迫,或者说,是解决特定架构问题的必然选择。这背后通常隐藏着一些核心的业务或技术痛点。

一个很常见的场景是集成遗留系统。你可能正在开发一个全新的Laravel应用,但它需要读取或写入一个已经存在多年的老旧系统数据库。这个老数据库可能使用不同的技术,或者它的表结构不适合直接迁移到你的新应用中。这时候,与其大动干戈地改造老系统,不如让Laravel应用直接连接它,读取所需数据,或者将新数据同步过去。我曾经遇到过一个项目,新开发的CRM需要从一个二十年前的FoxPro数据库中同步客户信息,直接连接无疑是最经济高效的方案。

数据隔离与安全也是一个重要考量。想象一下,你的用户数据可能需要存放在一个安全级别极高的数据库中,而日志、分析数据等则可以放在另一个性能优先、安全性要求相对较低的数据库。这样可以降低敏感数据泄露的风险,并且可以针对不同类型的数据采用不同的存储策略和备份方案。

读写分离是另一个典型的用例。当应用流量巨大时,单个数据库实例可能难以承受读写操作的压力。通过配置主从数据库,将所有的写操作导向主库,而读操作则分散到多个从库,可以显著提升系统的吞吐量。Laravel的多数据库连接功能可以让你轻松地指定哪些查询走主库,哪些走从库。

多租户架构也经常用到。每个租户的数据可能需要完全隔离,存储在独立的数据库中。虽然也可以通过在同一个数据库中添加租户ID字段来实现,但在某些场景下,物理隔离能提供更强的安全性和性能保障,尤其是在租户数量庞大或对数据隐私要求极高时。

这些场景都指向一个核心:单一数据库往往无法满足所有需求。多数据库连接提供了一种灵活且实用的方式来应对这些复杂的架构挑战,让开发者能更专注于业务逻辑,而不是被数据存储的限制所困扰。

配置多数据库时可能遇到的坑与应对策略

配置多个数据库连接听起来简单,但在实际操作中,我确实遇到过一些让人头疼的问题。这些“坑”如果不提前知道,排查起来会非常浪费时间。

连接配置错误是最基础但也最常见的。比如,

.env

文件中的

DB_HOST

DB_PORT

DB_DATABASE

DB_USERNAME

DB_PASSWORD

等参数写错了,或者环境变量没有正确加载。有时候,仅仅是少了一个

LEGACY_DB_HOST

这样的前缀,就会导致连接失败。

应对策略: 始终仔细检查

.env

文件和

config/database.php

中的配置项是否匹配。在本地开发时,可以尝试使用

php artisan tinker

进入REPL,然后执行

DB::connection('your_new_connection')->select('SELECT 1');

来快速测试连接是否成功。任何连接失败都会抛出异常,这能帮你迅速定位问题。

事务管理复杂化是另一个大挑战。如果你需要在多个数据库之间进行原子性操作,例如,从主数据库扣减库存,同时在日志数据库中记录操作日志,并且这两个操作必须同时成功或同时失败,那么简单的

DB::transaction()

就不够用了。Laravel的事务只针对单个数据库连接。

应对策略: 对于跨数据库事务,你可能需要考虑实现两阶段提交(Two-Phase Commit, 2PC)或者采用补偿事务(Compensating Transaction)的设计模式。前者复杂且性能开销大,通常在分布式事务协调器(如XA事务)中实现;后者则是在一个操作失败时,通过执行反向操作来回滚已完成的部分。更多时候,我们会尝试避免这种强一致性要求,将跨库操作设计成最终一致性,例如通过消息队列进行异步处理。

迁移(Migrations)问题也需要注意。默认情况下,

php artisan migrate

命令只会针对

config/database.php

default

连接指定的数据库执行。如果你有针对

legacy_db

reporting_db

的特定表结构变更,直接运行

migrate

是无效的。

应对策略: Laravel提供了

--database

选项来指定迁移目标数据库。例如,

php artisan migrate --database=legacy_db

。这要求你在编写迁移文件时,确保它们是针对特定数据库的。你也可以为每个数据库创建独立的迁移文件夹,并在

AppServiceProvider

中注册不同的迁移路径。

不小心使用了错误的连接。在代码中,如果你忘记明确指定连接,Laravel会默认使用

default

连接。这可能导致数据写入了错误的数据库,或者从错误的数据库读取了数据,引发难以察觉的逻辑错误。

应对策略: 养成良好的编码习惯,在需要使用非默认连接时,始终明确地指定连接名称。无论是使用

DB::connection('...')

还是Eloquent模型的

on('...')

方法,都不要偷懒。对于重要的业务逻辑,进行代码审查以确保连接的正确性。

驱动兼容性与版本差异。不同的数据库(MySQL、PostgreSQL、SQL Server)以及它们的版本之间,可能会有细微的SQL语法或特性差异。当你从一个数据库迁移到另一个,或者同时连接多个不同类型的数据库时,这可能会导致一些SQL语句在某个数据库上运行正常,在另一个上却报错。

应对策略: 尽可能使用Laravel查询构建器和Eloquent ORM,它们会抽象底层数据库差异。如果必须手写原生SQL,务必针对每个数据库进行测试。对于遗留系统,可能需要针对性地调整查询逻辑。

处理这些问题,关键在于细心、测试和对分布式系统复杂性的理解。

如何在Laravel模型和查询构建器中优雅地切换数据库?

在Laravel中,有几种非常优雅的方式来指定你的查询或模型应该使用哪个数据库连接。选择哪种方式,通常取决于你的具体场景和偏好。

1. 在Eloquent模型中指定连接

这是处理特定模型始终连接到特定数据库的最直接、最推荐的方式。你只需在模型类中添加一个

$connection

属性:

库宝AI 库宝AI

库宝AI是一款功能多样的智能伙伴助手,涵盖AI写作辅助、智能设计、图像生成、智能对话等多个方面。

库宝AI 109 查看详情 库宝AI

<?phpnamespace AppModels;use IlluminateDatabaseEloquentModel;class LegacyUser extends Model{    // 指定这个模型使用 'legacy_db' 连接    protected $connection = 'legacy_db';    // 假设 legacy_db 中的用户表名为 'users_old'    protected $table = 'users_old';    // ... 其他模型属性和方法}class ReportingData extends Model{    // 指定这个模型使用 'reporting_db' 连接    protected $connection = 'reporting_db';    protected $table = 'analytics_reports';    // ...}

现在,当你使用

LegacyUser::all()

ReportingData::where(...)->get()

时,Laravel会自动使用你指定的连接。这种方式非常适合那些数据源固定、职责明确的模型。

2. 使用

on()

方法动态切换Eloquent模型连接

有时候,你可能需要在运行时动态地决定一个模型应该使用哪个连接。例如,在一个多租户应用中,根据当前租户切换数据库。Eloquent提供了

on()

方法来实现这一点:

// 从 legacy_db 获取用户$legacyUsers = User::on('legacy_db')->where('status', 'active')->get();// 从默认数据库(通常是mysql)获取用户$defaultUsers = User::on('mysql')->where('is_admin', true)->get();

注意,这里的

User

模型本身可以没有

$connection

属性,或者有默认的

$connection

属性。

on()

方法会覆盖模型的默认设置。这种方法提供了极大的灵活性,但要确保在复杂的业务逻辑中,这种动态切换不会导致混乱。

3. 使用

DB

门面(Query Builder)指定连接

对于不使用Eloquent模型,或者需要执行更底层的查询(例如原始SQL),你可以直接通过

DB

门面来指定连接:

use IlluminateSupportFacadesDB;// 从 legacy_db 查询数据$legacyProducts = DB::connection('legacy_db')->table('products_archive')                      ->where('year', 2020)                      ->get();// 向 reporting_db 插入数据DB::connection('reporting_db')->table('daily_stats')->insert([    'date' => now(),    'views' => 1234,    'clicks' => 567]);// 执行原生 SQL$results = DB::connection('legacy_db')->select('SELECT * FROM old_customers WHERE region = ?', ['East']);

这种方式是最通用、最直接的,适用于所有类型的数据库操作。它提供了对底层数据库连接的完全控制。

选择哪种方式?

模型固定连接 (

protected $connection

):当一个模型的数据源是固定不变时,这是最清晰、最推荐的方式。它使得模型与其数据源之间的关系一目了然。模型动态连接 (

on()

):当你需要根据运行时上下文(如用户权限、租户ID)来切换模型的数据源时,

on()

方法非常有用。它在保持Eloquent便利性的同时提供了灵活性。

DB

门面 (

DB::connection()

):当你处理不适合建模的表、执行原生SQL、或者进行一些非ORM的数据库操作时,这是你的首选。它直接操作查询构建器,提供了最大的灵活性。

在实践中,我通常会混合使用这些方法。对于核心业务模型,我会明确指定

$connection

。对于一些分析或日志记录,可能会直接使用

DB::connection()

。关键在于保持代码的清晰和意图的明确,避免在不经意间操作了错误的数据库。

多数据库连接的性能考量与优化建议

虽然多数据库连接提供了巨大的灵活性,但在性能方面,它也引入了一些需要注意的因素。不恰当的使用可能导致性能瓶颈。

1. 连接开销

每次建立一个新的数据库连接都需要一定的开销,包括网络握手、认证等。如果你的应用频繁地在不同数据库之间切换,并且每次切换都重新建立连接,这会消耗大量的资源。

优化建议: Laravel的数据库连接是惰性加载的,这意味着只有当你实际执行查询时,连接才会被建立。并且,一旦建立,连接会被缓存在当前的请求生命周期中,后续对同一个连接的请求会复用。因此,通常不需要过度担心单个请求内的连接开销。不过,如果你的应用架构导致一个请求需要同时与大量不同的数据库建立连接(这本身可能就是设计问题),那么就需要审视了。

2. 网络延迟

如果你的多个数据库位于不同的物理位置、不同的数据中心,甚至不同的云服务商,那么每次查询都将面临网络延迟。即使是同一个数据中心内的不同服务器,也存在一定的网络跳数和延迟。

优化建议: 尽可能将相关联的数据库部署在地理位置相近的地方,最好是在同一个内网或虚拟私有云(VPC)中。对于跨地域的数据库访问,考虑引入缓存层(如Redis)来减少对远程数据库的直接查询,或者重新评估架构,看是否能将数据本地化。

3. 事务的复杂性与开销

前面提到,跨数据库事务(如2PC)会带来显著的性能开销,因为它需要协调多个数据库的提交和回滚,增加了通信和锁定时间。

优化建议: 尽量避免跨数据库的强一致性事务。如果业务允许,优先考虑最终一致性的方案,例如通过消息队列(如Kafka, RabbitMQ)实现异步数据同步和补偿机制。将一个大事务拆分成多个小事务,每个事务只操作一个数据库,然后通过业务逻辑来协调最终状态。

4. 查询优化与索引

每个数据库都有其独立的查询优化器和索引。在一个数据库中表现良好的查询,在另一个数据库中可能因为缺少索引或不同的数据分布而性能低下。

优化建议: 对每个连接的数据库,都要进行独立的查询分析和索引优化。不要想当然地认为一个SQL语句在所有数据库中都会有相同的性能表现。使用数据库的性能监控工具(如MySQL的

EXPLAIN

,PostgreSQL的

EXPLAIN ANALYZE

)来分析慢查询,并根据需要添加或调整索引。

5. 资源隔离与瓶颈

当多个数据库共享相同的物理资源(例如,在同一台服务器上运行多个数据库实例),或者通过有限的网络带宽进行访问时,一个数据库的性能问题可能会影响到其他数据库。

优化建议: 对关键数据库进行资源隔离,确保它们有独立的CPU、内存和I/O资源。监控各个数据库的资源使用情况,识别潜在的瓶颈。如果可能,将读写压力大的数据库分散到不同的服务器上。

总的来说,多数据库连接是解决复杂架构问题的利器,但它并非没有代价。在使用时,需要对性能影响保持警惕,并采取相应的优化措施,确保系统的稳定性和响应速度。

以上就是Laravel如何配置多个数据库连接_多数据库源配置方法的详细内容,更多请关注php中文网其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月4日 12:05:17
下一篇 2025年11月4日 12:10:18

相关推荐

  • HTMLrev 上的免费 HTML 网站模板

    HTMLrev 是唯一的人工策划的库专门专注于免费 HTML 模板,适用于由来自世界各地慷慨的模板创建者制作的网站、登陆页面、投资组合、博客、电子商务和管理仪表板世界。 这个人就是我自己 Devluc,我已经工作了 1 年多来构建、改进和更新这个很棒的免费资源。我自己就是一名模板制作者,所以我知道如…

    2025年12月24日
    300
  • 如何使用 Laravel 框架轻松整合微信支付与支付宝支付?

    如何通过 laravel 框架整合微信支付与支付宝支付 在 laravel 开发中,为电商网站或应用程序整合支付网关至关重要。其中,微信支付和支付宝是中国最流行的支付平台。本文将介绍如何使用 laravel 框架封装这两大支付平台。 一个简单有效的方法是使用业内认可的 easywechat lara…

    2025年12月24日
    000
  • Laravel 框架中如何无缝集成微信支付和支付宝支付?

    laravel 框架中微信支付和支付宝支付的封装 如何将微信支付和支付宝支付无缝集成到 laravel 框架中? 建议解决方案 考虑使用 easywechat 的 laravel 版本。easywechat 是一个成熟、维护良好的库,由腾讯官方人员开发,专为处理微信相关功能而设计。其 laravel…

    2025年12月24日
    300
  • 如何在 Laravel 框架中轻松集成微信支付和支付宝支付?

    如何用 laravel 框架集成微信支付和支付宝支付 问题:如何在 laravel 框架中集成微信支付和支付宝支付? 回答: 建议使用 easywechat 的 laravel 版,easywechat 是一个由腾讯工程师开发的高质量微信开放平台 sdk,已被广泛地应用于许多 laravel 项目中…

    2025年12月24日
    000
  • 使用Laravel框架如何整合微信支付和支付宝支付?

    使用 Laravel 框架整合微信支付和支付宝支付 在使用 Laravel 框架开发项目时,整合支付网关是常见的需求。对于微信支付和支付宝支付,推荐采用以下方法: 使用第三方库:EasyWeChat 的 Laravel 版本 建议直接使用现有的 EasyWeChat 的 Laravel 版本。该库由…

    2025年12月24日
    000
  • 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中?

    如何简洁集成微信和支付宝支付到 Laravel 问题: 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中? 答案: 强烈推荐使用流行的 Laravel 包 EasyWeChat,它由腾讯开发者维护。多年来,它一直保持更新,提供了一个稳定可靠的解决方案。 集成步骤: 安装 Laravel …

    2025年12月24日
    100
  • 网络进化!

    Web 应用程序从静态网站到动态网页的演变是由对更具交互性、用户友好性和功能丰富的 Web 体验的需求推动的。以下是这种范式转变的概述: 1. 静态网站(1990 年代) 定义:静态网站由用 HTML 编写的固定内容组成。每个页面都是预先构建并存储在服务器上,并且向每个用户传递相同的内容。技术:HT…

    2025年12月24日
    000
  • 为什么多年的经验让我选择全栈而不是平均栈

    在全栈和平均栈开发方面工作了 6 年多,我可以告诉您,虽然这两种方法都是流行且有效的方法,但它们满足不同的需求,并且有自己的优点和缺点。这两个堆栈都可以帮助您创建 Web 应用程序,但它们的实现方式却截然不同。如果您在两者之间难以选择,我希望我在两者之间的经验能给您一些有用的见解。 在这篇文章中,我…

    2025年12月24日
    000
  • 网页设计css样式代码大全,快来收藏吧!

    减少很多不必要的代码,html+css可以很方便的进行网页的排版布局。小伙伴们收藏好哦~ 一.文本设置    1、font-size: 字号参数  2、font-style: 字体格式 3、font-weight: 字体粗细 4、颜色属性 立即学习“前端免费学习笔记(深入)”; color: 参数 …

    2025年12月24日
    000
  • css中id选择器和class选择器有何不同

    之前的文章《什么是CSS语法?详细介绍使用方法及规则》中带了解CSS语法使用方法及规则。下面本篇文章来带大家了解一下CSS中的id选择器与class选择器,介绍一下它们的区别,快来一起学习吧!! id选择器和class选择器介绍 CSS中对html元素的样式进行控制是通过CSS选择器来完成的,最常用…

    2025年12月24日
    000
  • css怎么设置文件编码

    在css中,可以使用“@charset”规则来设置编码,语法格式“@charset “字符编码类型”;”。“@charset”规则可以指定样式表中使用的字符编码,它必须是样式表中的第一个元素,并且不能以任何字符开头。 本教程操作环境:windows7系统、CSS3&&…

    2025年12月24日
    000
  • CSS如何实现任意角度的扇形(代码示例)

    本篇文章给大家带来的内容是关于CSS如何实现任意角度的扇形(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 扇形制作原理,底部一个纯色原形,里面2个相同颜色的半圆,可以是白色,内部半圆按一定角度变化,就可以产生出扇形效果 扇形绘制 .shanxing{ position:…

    2025年12月24日
    000
  • HTML a标签如何让鼠标悬停变色,css控制a标签鼠标悬停样式详解​

    这篇文章主要的讲述了关于html a标签让鼠标悬停变色,还有关于css控制鼠标悬停的其它样式。里面有着详细的实例教程,可以让大家学的更快,接下来就让我们一起来看这篇文章吧 首先我们先来看看html中的a标签鼠标悬停的时候变色: 大家应该都知道html中的a标签鼠标悬停的css属性吧,没错,今天我们说…

    2025年12月24日 好文分享
    000
  • php约瑟夫问题如何解决

    “约瑟夫环”是一个数学的应用问题:一群猴子排成一圈,按1,2,…,n依次编号。然后从第1只开始数,数到第m只,把它踢出圈,从它后面再开始数, 再数到第m只,在把它踢出去…,如此不停的进行下去, 直到最后只剩下一只猴子为止,那只猴子就叫做大王。要求编程模拟此过程,输入m、n, 输出最后那个大王的编号。…

    好文分享 2025年12月24日
    000
  • Redis3.2开启远程访问详细步骤

    redis是一个开源的使用ansi c语言编写、支持网络、可基于内存亦可持久化的日志型、key-value数据库,并提供多种语言的api。redis支持远程访问,详细步骤小编已为大家整理出来了,具体步骤如下: redis默认只允许本地访问,要使redis可以远程访问可以修改redis.conf打开r…

    好文分享 2025年12月24日
    000
  • Redis配置文件redis.conf详细配置说明

    本文列出了redis的配置文件redis.conf的各配置项的详细说明,简单易懂,有需要的盆友可以参考哦。 redis.conf 配置项说明如下 redis配置文件详解 # vi redis.confdaemonize yes #是否以后台进程运行pidfile /var/run/redis/red…

    好文分享 2025年12月24日
    000
  • CSS的Word中的列表详解

    在word中,列表也是使用频率非常高的元素。在css中,列表和列表项都是块级元素。也就是说,一个列表会形成一个块框,其中的每个列表项也会形成一个独立的块框。所以,盒模型中块框的所有属性,都适用于列表和列表项。 除此之外,列表还有 3 个特有的属性 list-style-type、list-style…

    2025年12月24日
    000
  • CSS新手整理的有关CSS使用技巧

    [导读]  1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。  2、无边框。推荐的写法是     1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 …

    好文分享 2025年12月23日
    000
  • CSS中实现图片垂直居中方法详解

    [导读] 在曾经的 淘宝ued 招聘 中有这样一道题目:“使用纯css实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意,而是有其现实的原因,垂直居中是 淘宝 工作中最 在曾经的 淘宝UED 招聘 中有这样一道题目: “使用纯CSS实现未知尺寸…

    好文分享 2025年12月23日
    000
  • CSS派生选择器

    [导读] 派生选择器通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。在 css1 中,通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors),这是由于它们依赖于上下文关系来应 派生选择器 通过依据元素在其位置的上下文关系来定义样式,你可以使标…

    好文分享 2025年12月23日
    000

发表回复

登录后才能评论
关注微信