【整理分享】Laravel8优化数据库查询的18 个 小技巧

laravel怎么优化数据库查询?下面本篇文章给大家整理分享18  laravel8 数据库查询优化的 小技巧,希望对大家有所帮助!

【整理分享】Laravel8优化数据库查询的18 个 小技巧

如果应用运行缓慢或存在大量数据库查询,请按照以下性能优化提示来缩短应用的加载时间。【相关推荐:laravel视频教程】

1. 检索大型数据集

本提示主要侧重于提高处理大型数据集时应用的内存使用率。

处理大的集合时,分组检索结果处理,而不是一次性检索处理。

如下展示了从 posts 表检索数据的过程。

$posts = Post::all(); // 使用 eloquent$posts = DB::table('posts')->get(); // 使用查询构造器 foreach ($posts as $post){ // 处理 posts 操作}

上面的例子会从 posts 表检索所有的记录并处理。如果这个表达到了 100 多万行呢?内存将很快被耗尽。

为了避免在处理大型数据集时出现问题,我们可以检索结果子集并按照下面的方式处理它们。

选项 1:使用 chunk

// 当使用 eloquent 时$posts = Post::chunk(100, function($posts){    foreach ($posts as $post){     // Process posts    }}); // 当使用查询构造器时$posts = DB::table('posts')->chunk(100, function ($posts){    foreach ($posts as $post){     // Process posts    }});

以上例子从 posts 表中检索 100 条记录对其进行处理,另外再检索 100 条记录进行处理。此迭代将继续,直到处理完所有记录。

这种方法将创建更多的数据库查询,但内存效率会更高。 通常, 大型数据集的处理应该再后台进行。因此,可以在后台运行时进行更多查询,以避免在处理大型数据集时耗尽内存。

选项 2: 使用游标

// 使用 eloquentforeach (Post::cursor() as $post){   // 处理单个 post} // 使用 query 构建器foreach (DB::table('posts')->cursor() as $post){   // 处理单个 post}

示例进行单个数据库查询,检索表的所有记录,一个接一个一个处理 Eloquent 模型。这种方式仅查询一次数据库,得到全部 posts 。 但使用 php 生成器 优化内存使用。

什么情况使用这个呢?

这能够在应用层极大地优化内存使用,由于我们检索表的所有数据,数据库内存占用任然很高。

在数据库内存较多,应用内存较少的时候,建议使用游标。然而,如果你的数据库没有足够的内存,最好使用 chunks 。

选项 3:使用 chunkById

// 使用 eloquent$posts = Post::chunkById(100, function($posts){    foreach ($posts as $post){     // 处理 posts    }}); // 使用 query 构造器$posts = DB::table('posts')->chunkById(100, function ($posts){    foreach ($posts as $post){     // 处理 posts    }});

chunkchunkById 最大的区别是 chunk 通过offsetlimit 检索数据。然而
chunkById 通过id 字段检索结构。id 字段通常是整型字段,而且它也是自增字段。

chunkchunkById 的查询如下。

chunk

select * from posts offset 0 limit 100
select * from posts offset 101 limit 100

chunkById

select * from posts order by id asc limit 100
select * from posts where id > 100 order by id asc limit 100

通常,查询使用 limit 和 offset 是较慢的,尽量避免使用。本文 详细介绍使用 offset 的问题。

chunkById 使用 id 整型字段,通过 where clause 查询,这样会更快。

什么时候使用 chunkById ?

当数据库存在自增 主键 的时候使用。

2. 选择合适的列

通常从数据库检索数据时,会像下面这样做。

$posts = Post::find(1); // 使用 eloquent$posts = DB::table('posts')->where('id','=',1)->first(); // 使用 query 构建器

上面的代码会得到如下的查询

select * from posts where id = 1 limit 1

select * 表示从表中查出所有列。
当需要所有列时,这没有问题。

然而,仅需要指定的列(id,title)时,只需要像下面这样检索那些列。

$posts = Post::select(['id','title'])->find(1); // 使用 eloquent$posts = DB::table('posts')->where('id','=',1)->select(['id','title'])->first(); // 使用 query 构建器

上面代码得到如下查询

select id,title from posts where id = 1 limit 1

3. 当需要数据库表的一两个列时

这点主要关注对检索结果的处理时间。这不影响实际的查询时间。

如我上面提到的,检索指定的列,可以这样做

$posts = Post::select(['title','slug'])->get(); // 使用 eloquent$posts = DB::table('posts')->select(['title','slug'])->get(); // 使用 query 构建器

执行上面的代码,它会在幕后执行以下操作。

执行 select title, slug from posts 查询检索出的每一行对应一个 Post 模型对象(对 PHP 对象)(query 构建器得到标准的 PHP 对象)为 Post 模型生成 collection返回 collection

访问数据

foreach ($posts as $post){    // $post 是 Post 模型或  php 标准对象    $post->title;    $post->slug;}

上面的方式有额外的开销,为每一行创建 Post 模型,并为这些对象创建一个集合。如果的确需要 Post 模型实例而不是数据,这是最正确的做法。

但如果您只需要两个值时,则可以执行以下操作:

$posts = Post::pluck('title', 'slug'); // 使用 eloquent 时$posts = DB::table('posts')->pluck('title','slug'); // 使用查询构造器时

当上面代码被执行时,它在幕后会执行以下操作。

对数据库执行 select title, slug from posts 查询创建一个数组,其中会以 title 作为 数组值slug 作为 数组键返回数组 ( 数组格式:[ slug => title, slug => title ] )

要访问结果,我们可以这么做

foreach ($posts as $slug => $title){    // $title 是 post 的 title    // $slug 是 post 的 slug}

如果您想检索一列,您可以这么做

$posts = Post::pluck('title'); // 使用 eloquent 时$posts = DB::table('posts')->pluck('title'); // 使用查询构造器时foreach ($posts as  $title){    // $title 是 post 的 title}

上面的方式消除了每一行 Post 对象的创建。这将降低查询结果处理的内存和时间消耗。

建议在新代码中使用上述方式。个人感觉不值得花时间遵循上面的提示重构代码。
重构代码,最好是在要处理大的数据集或者是比较闲的时候

4. 使用查询代替 collection 来统计行数

统计表的行数,通常这样做

$posts = Post::all()->count(); // 使用 eloquent$posts = DB::table('posts')->get()->count(); // 使用查询构造器

这将生成以下查询

select * from posts

上述方法将从表中检索所有行。将它们加载到 collection 对象中并计算结果。当数据表中的行较少时,这可以正常工作。但随着表的增长,内存很快就会耗尽。

与上述方法不同,我们可以直接计算数据库本身的总行数。

$posts = Post::count(); // 使用 eloquent 时$posts = DB::table('posts')->count(); // 使用查询构造器时

这将生成以下查询

select count(*) from posts

在 sql 中计算行数是一个缓慢的过程,当数据库表中有多行时性能会很差。最好尽量避免计算行数。

5. 通过即时加载关系避免 n + 1查询

这条建议你可能听说过无数次了。所以我会尽可能简短。让我们假设您有以下场景

class PostController extends Controller{    public function index()    {        $posts = Post::all();        return view('posts.index', ['posts' => $posts ]);    }}
// posts/index.blade.php 文件 @foreach($posts as $post)    
  • {{ $post->title }}

    Author: {{ $post->author->name }}

  • @endforeach

    上面的代码是检索所有的帖子,并在网页上显示帖子标题和作者,假设帖子模型关联作者

    执行以上代码将导致运行以下查询。

    select * from posts // 假设返回5条数据select * from authors where id = { post1.author_id }select * from authors where id = { post2.author_id }select * from authors where id = { post3.author_id }select * from authors where id = { post4.author_id }select * from authors where id = { post5.author_id }

    如上,1 条查询来检索帖子,5 条查询来检索帖子的作者(假设有 5 篇帖子)。因此对于每篇帖子,都会进行一个单独的查询来检索它的作者。

    所以如果有 N 篇帖子,将会产生 N+1 条查询(1 条查询检索帖子,N 条查询检索每篇帖子的作者)。这常被称作 N+1 查询问题。

    避免这个问题,可以像下面这样预加载帖子的作者。

    $posts = Post::all(); // Avoid doing this$posts = Post::with(['author'])->get(); // Do this instead

    执行上面的代码得到下面的查询:

    select * from posts // Assume this query returned 5 postsselect * from authors where id in( { post1.author_id }, { post2.author_id }, { post3.author_id }, { post4.author_id }, { post5.author_id } )

    6. 预加载嵌套关系

    从上面的例子,考虑作者归属于一个组,同时需要显示组的名字的情况。因此在 blade 文件中,可以按下面这样做。

    @foreach($posts as $post)    
  • {{ $post->title }}

    Author: {{ $post->author->name }}

    Author's Team: {{ $post->author->team->name }}

  • @endforeach

    接着

    $posts = Post::with(['author'])->get();

    得到下面的查询:

    select * from posts // Assume this query returned 5 postsselect * from authors where id in( { post1.author_id }, { post2.author_id }, { post3.author_id }, { post4.author_id }, { post5.author_id } )select * from teams where id = { author1.team_id }select * from teams where id = { author2.team_id }select * from teams where id = { author3.team_id }select * from teams where id = { author4.team_id }select * from teams where id = { author5.team_id }

    如上,尽管预加载了 authors  关系,仍然产生了大量的查询。这是因为没有预加载 authors 上的 team 关系。

    通过下面这样来解决这个它。

    $posts = Post::with(['author.team'])->get();

    执行得到下面的查询。

    select * from posts // Assume this query returned 5 postsselect * from authors where id in( { post1.author_id }, { post2.author_id }, { post3.author_id }, { post4.author_id }, { post5.author_id } )select * from teams where id in( { author1.team_id }, { author2.team_id }, { author3.team_id }, { author4.team_id }, { author5.team_id } )

    通过预加载嵌套关系,可以将查询数从 11 减到 3。

    办公小浣熊 办公小浣熊

    办公小浣熊是基于商汤大语言模型的原生数据分析产品,

    办公小浣熊 77 查看详情 办公小浣熊

    7. 如果仅需要 id 时,别预加载 belongsTo 关系

    想象一下,有 postsauthors 两张表。帖子表有 author_id 列归属作者表。

    为了得到帖子的作者 id,通常这样做

    $post = Post::findOrFail();$post->author->id;

    执行得到两个查询。

    select * from posts where id =  limit 1select * from authors where id =  limit 1

    然而,可以直接通过下面方式得到作者 id 。

    $post = Post::findOrFail();$post->author_id; // 帖子表有存放作者 id 的 author_id 列

    什么时候采取上面的方式?

    采取上的方式,需要确保帖子关联的作者在作者表始终存在。

    8. 避免使用不必要的查询

    很多时候,一些数据库查询是不必要的。看看下面的例子。

     $posts, 'private_posts' => $private_posts ]);    }}

    上面代码是从两张不同的表(postsprivate_posts)检索数据,然后传到视图中。
    视图文件如下。

    // posts/index.blade.php @if( request()->user()->isAdmin() )    

    Private Posts

      @foreach($private_posts as $post)
    • {{ $post->title }}

      Published At: {{ $post->published_at }}

    • @endforeach
    @endif

    Posts

      @foreach($posts as $post)
    • {{ $post->title }}

      Published At: {{ $post->published_at }}

    • @endforeach

    正如你上面看到的,$private_posts 仅对 管理员 用户可见,其他用户都无法看到这些帖子。

    问题是,当我们在做

    $posts = Post::all();$private_posts = PrivatePost::all();

    我们进行两次查询。一次从 posts 表获取记录,另一次从 private_posts 表获取记录。

    private_posts 表的记录仅 管理员用户 可见。但我们仍在查询以检索所有用户记录,即使它们不可见。

    我们可以调整逻辑,避免额外的查询。

    $posts = Post::all();$private_posts = collect();if( request()->user()->isAdmin() ){    $private_posts = PrivatePost::all();}

    将逻辑更改为上述内容后,我们对管理员用户进行了两次查询,并对其他用户进行了一次查询。

    9. 合并相似的查询

    我们有时需要进行查询以同一个表中检索不同类型的行。

    $published_posts = Post::where('status','=','published')->get();$featured_posts = Post::where('status','=','featured')->get();$scheduled_posts = Post::where('status','=','scheduled')->get();

    上述代码正从同一个表检索状态不同的行。代码将进行以下查询。

    select * from posts where status = 'published'select * from posts where status = 'featured'select * from posts where status = 'scheduled'

    如您所见,它正在对同一个表进行三次不同的查询以检索记录。我们可以重构此代码以仅进行一次数据库查询。

    $posts =  Post::whereIn('status',['published', 'featured', 'scheduled'])->get();$published_posts = $posts->where('status','=','published');$featured_posts = $posts->where('status','=','featured');$scheduled_posts = $posts->where('status','=','scheduled');
    select * from posts where status in ( 'published', 'featured', 'scheduled' )

    上面的代码生成一个查询来检索全部特定状态的帖子,通过状态为返回的帖子创建不同的 collections 。三个不同的状态的变量由一个查询生成。

    10. 为常查询的列添加索引

    如果查询中含有 where 条件作用于 string 类型的 column ,最好给这列添加索引。通过这列的查询将会快很多。

    $posts = Post::where('status','=','published')->get();

    上面例子,我们对 status 列添加 where 条件来查询。可以通过下面这样的数据库迁移来优化查询。

    Schema::table('posts', function (Blueprint $table) {   $table->index('status');});

    11.  使用 simplePaginate 而不是 Paginate

    分页结果时,我们通常会这样做

    $posts = Post::paginate(20);

    这将进行两次查询,第一次检索分页结果,第二次表中计算表中的总行数。对表中的行数进行计数是一个缓慢的操作,会对查询性能产生负面影响。

    那么为什么 laravel 会计算总行数呢?

    为了生成分页连接,Laravel 会计算总行数。因此,当生成分页连接时,您可以预先知道会有多少页,以及过去的页码是多少。

    另一方面,执行 simplePaginate 不会计算总行数,查询会比 paginate 方法快得多。但您将无法知道最后一个页码并无法跳转到不同的页面。

    如果您的数据库表有很多行,最好避免使用 paginate,而是使用 simplePaginate

    $posts = Post::paginate(20); // 为所有页面生成分页链接$posts = Post::simplePaginate(20); // 仅生成上一页和下一页的分页链接

    什么时候使用分页和简单分页

    查看下面的比较表,确定是分页还是简单分页适合您

    paginate / simplePaginate

    数据库表只有很少行,并且不会变大paginate / simplePaginate数据库表有很多行,并且增长很快simplePaginate必须提供用户选项以跳转到特定页面paginate必须向用户显示结果总数paginate不主动使用分页链接simplePaginateUI/UX 不会影响从切换编号分页链接到下一个/上一个分页链接simplePaginate使用“加载更多”按钮或“无限滚动”分页simplePaginate

    12. 避免使用前导通配符(LIKE 关键字)

    当尝试查询匹配特性模式的结果时,我们通常会使用

    select * from table_name where column like %keyword%

    上述查询导致全表扫描。如果我们知道出现在列值开头的关键字,我们会查询以下结果。

    select * from table_name where column like keyword%

    13. 避免 where 子句使用 SQL 函数

    最好避免在 where 子句中使用 SQL 函数,因为它们会导致全表扫描。 让我们看下面的例子。要根据特定的时间查询结果,我们通常会这样做

    $posts = POST::whereDate('created_at', '>=', now() )->get();

    这将导致类似的于下面的查询

    select * from posts where date(created_at) >= 'timestamp-here'

    上面的查询将导致全表扫描,因为在计算日期函数之前,不会应用 where 条件。

    我们可以重构这个函数,以避免使用如下的 date sql 函数

    $posts = Post::where('created_at', '>=', now() )->get();
    select * from posts where created_at >= 'timestamp-here'

    14. 避免在表中添加过多的列

    最好限制表中列的总数。可以利用像 mysql 这样的关系数据库将具有如此多列的表拆分为多个表。可以使用它们的主键和外键将它们连接在一起。

    向表中添加太多列会增加单个记录的长度,并且会减慢表扫描的速度。在执行 select * 查询时,最终会检索到一些实际上并不需要的列。

    15. 将带有文本数据的单独列输入到它们自己的表中

    这个技巧来自个人经验,并不是设计数据库表的标准方法。我建议只有当您的表有太多的记录或者会快速增长时才遵循这个技巧。

    如果一个表有存储大量数据的列(例如: 数据类型为 TEXT 的列) ,那么最好将它们分离到它们自己的表中,或者分离到一个不经常被询问的表中。

    当表中有包含大量数据的列时,单个记录的大小会变得非常大。我个人观察到它影响了我们其中一个项目的查询时间。

    假设您有一个名为 posts 的表,其中包含一列 内容,用于存储博客文章内容。博客文章的内容将是真正的巨大和经常的时候,你需要这个数据只有当一个人正在查看这个特定的博客文章。

    所以,在数据表中有大量文章记录的时候,将这些长文本字段(大字段)分离到单独的表中将会彻底的改善查询性能。

    16. 从表中查询最新记录的最佳实践

    当需要从一个数据表中查询最新的记录行时,通常我们会这么做:

    $posts = Post::latest()->get();// or $posts = Post::orderBy('created_at', 'desc')->get();

    上面的查询方式将会产生如下 sql 语句:

    select * from posts order by created_at desc

    这种查询方式基本上都是按照 created_at 字段做降序排列来给查询结果排序的。由于 created_at 字段是字符串类型的数据,所以用这种方式对查询结果进行排序通常会更慢。(译者注:MySQL 的 TIMESTAMP 类型字段是以 UTC 格式存储数据的,形如 20210607T152000Z,所以 created_at 字段确实是字符串类型的数据)。

    如果你的数据表中使用了自增长的 id 字段作为主键,那么大多数情况下,最新的数据记录行的 id 字段值也是最大的。因为 id 字段不仅是一个整形数据的字段,而且也是一个主键字段,所以基于 id 字段对查询结果进行排序会更快。所以查询最新记录的最佳实践如下:

    $posts = Post::latest('id')->get();// or $posts = Post::orderBy('id', 'desc')->get();

    该方法会产生如下 sql 语句

    select * from posts order by id desc

    17. 优化 MySQL 的数据插入操作

    为了更快地从数据库查询数据,我们已经为 select 方法做了很多优化。 大多数情况下,我们只需要为查询方法进行优化就可以满足性能要求了。 但是很多时候我们还需要为『插入』和『更新』(insertupdate)方法进行优化。所以我给大家推荐一篇有趣的文章optimizing mysql inserts,这篇文章将有助于优化缓慢的『插入』和『更新』操作。

    18. 检查和优化查询方法

    在 Laravel 框架中,优化数据查询并没有完全通用的办法。你只能尽量搞清楚下面这些问题:你的程序是如何运行的、进行了多少个数据库查询操作、有多少查询操作是真正必要的。所以请检查你的应用产生的查询操作,这将有助于你确定并减少数据查询操作的总量。

    有很多工具可以辅助你检查每个页面产生的查询方法:

    注意: 不推荐在生产环境下使用这些工具。在生产环境使用这些工具将会降低你的应用性能,并且会让未经授权的用户获取到程序的敏感信息。

    Laravel Debugbar – Laravel Debugbar 有一个 database选项卡,点击该选项卡将会展示你打开一个页面时应用程序执行的所有查询语句。你可以浏览应用的每个页面并查看每个页面用到的查询语句。Clockwork – Clockwork 与 Laravel Debugbar 一样,只不过 Clockwork 不会在你的网站上注入一个工具栏,你可以在『开发者工具窗口』( developer tools window ),或者通过打开 url /yourappurl/clockwork 进入一个单独的页面来查看应用的调试信息。

    Laravel Telescope – Laravel Telescope 是一个专为开发 Laravel 应用而提供的十分优秀的调试工具。一旦你安装了 Laravel Telescope,便可以通过访问 yourappurl/telescope 地址进入它的仪表盘页面。在 telescope 的仪表盘界面,点击打开 queries 标签页,这个页面将会展示你的应用执行过的所有 MySQL 查询语句。

    原文地址:https://laravel-news.com/18-tips-to-optimize-your-laravel-database-queries

    译文地址:https://learnku.com/laravel/t/61384

    更多编程相关知识,请访问:编程视频!!

    以上就是【整理分享】Laravel8优化数据库查询的18 个 小技巧的详细内容,更多请关注php中文网其它相关文章!

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

    (0)
    打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
    上一篇 2025年11月5日 17:31:40
    下一篇 2025年11月5日 17:32:40

    相关推荐

    • 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
    • 网页设计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
    • php约瑟夫问题如何解决

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

      好文分享 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
    • CSS 基础语法

      [导读] css 语法 css 规则由两个主要的部分构成:选择器,以及一条或多条声明。selector {declaration1; declaration2;     declarationn }选择器通常是您需要改变样式的 html 元素。每条声明由一个属性和一个 CSS 语法 CSS 规则由两…

      2025年12月23日
      300
    • CSS 高级语法

      [导读] 选择器的分组你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。h1,h2,h3,h4,h5 选择器的分组 你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明…

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

      [导读] id 选择器id 选择器可以为标有特定 id 的 html 元素指定特定的样式。id 选择器以 ” ” 来定义。下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色: red {color:re id 选择器 id 选择器可以为标有特…

      好文分享 2025年12月23日
      000
    • 有关css的绝对定位

      [导读] 定位(左边和顶部) css定位属性将是网虫们打开幸福之门的钥匙: h4 { position: absolute; left: 100px; top: 43px }这项css规则让浏览器将 的起始位置精 确地定在距离浏览器左边100象素,距离其 定位(左边和顶部) css定位属性将是网虫们…

      好文分享 2025年12月23日
      000
    • html5怎么加php_html5用Ajax与PHP后端交互实现数据传递【交互】

      HTML5不能直接运行PHP,需通过Ajax与PHP通信:前端用fetch发送请求,PHP接收处理并返回JSON,前端解析响应更新DOM;注意跨域、编码、CSRF防护和输入过滤。 HTML5 本身是前端标记语言,不能直接运行 PHP 代码,但可以通过 Ajax(异步 JavaScript)与 PHP…

      2025年12月23日
      300
    • 手机端怎么运行html文件_手机端运行html文件方法【教程】

      可通过手机浏览器、代码编辑器、本地服务器或在线工具四种方式预览HTML文件:一、用文件管理器打开HTML并选择浏览器即可渲染页面;二、使用Acode等编辑器导入文件后点击预览功能实时查看;三、对复杂项目可用KSWEB搭建本地服务器,将文件放入指定目录后通过http://127.0.0.1:8080访…

      2025年12月23日
      000
    • html5如何插入txt纯文本_html5txt文本嵌入与编码设置【实操】

      可通过iframe、fetch+pre、object标签或服务端预处理四种方式在HTML5中显示外部TXT文件,需重点处理字符编码(如UTF-8声明、BOM、响应头)并防范XSS风险。 如果您希望在HTML5页面中显示外部TXT纯文本文件的内容,浏览器默认不支持直接嵌入TXT文件为可渲染内容,必须通…

      2025年12月23日
      000
    • php如何html_在PHP代码中输出HTML内容【输出】

      必须确保PHP正确解析并输出原始HTML字符串而非转义文本;可通过echo/print直接输出、heredoc语法处理多行含变量HTML,或用PHP结束标签切换至纯HTML模式。 如果您在PHP脚本中需要将HTML代码作为响应内容发送给浏览器,则必须确保PHP正确解析并输出原始HTML字符串,而非将…

      2025年12月23日
      000

    发表回复

    登录后才能评论
    关注微信