延迟加载

最新推荐文章于 2024-05-27 16:49:09 发布
最新推荐文章于 2024-05-27 16:49:09 发布
阅读量563 收藏 3
点赞数 2
分类专栏： Mybatis框架知识点 文章标签： Mybtis懒加载与积极的懒加载
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43648683/article/details/84261681
版权

Mybatis的延迟加载（懒加载）

目录

1、什么是延迟加载(懒加载)？
2、需求：查询订单信息，有时候需要关联查出用户信息。
3、具体实例
4、测试
5、积极的懒加载
5、总结

什么是延迟加载（懒加载）

延迟加载的意思是说，在关联查询时，利用延迟加载，先加载主信息。需要关联信息时再去按需加载关联信息。这样会大大提高数据库性能，因为查询单表要比关联查询多张表速度要快。
延迟加载又叫懒加载，也叫按需加载。也就是说先加载主信息，在需要的时候，再去加载从信息。
在mybatis中，resultMap标签 的association标签和collection标签具有延迟加载的功能。

需求：查询订单信息，有时候需要关联查出用户信息

第一种方法：我们直接关联查询出所有订单和用户的信息
select * from orders o ,user u where o.user_id = u.id;

分析：
①、这里我们一次查询出所有的信息，需要什么信息的时候直接从查询的结果中筛选。但是如果订单和用户表都比较大的时候，这种关联查询肯定比较耗时。
②、我们的需求是有时候需要关联查询用户信息，这里不是一定需要用户信息的。即有时候不需要查询用户信息，我们也查了，程序进行了多余的耗时操作。

第二种方法：分步查询，首先查询出所有的订单信息，然后如果需要用户的信息，我们在根据查询的订单信息去关联用户信息

  1. select * from orders;
  2. select * from user where id=user_id

分析：
①、这里两步都是单表查询，执行效率比关联查询要高很多
②、分为两步，如果我们不需要关联用户信息，那么我们就不必执行第二步，程序没有进行多余的操作。

那么我们说，这第二种方法就是mybatis的懒加载。

具体实例

①、创建实体类（PO类）
User.java

  package com.xlj.po;

import java.util.Date;

public class User {
   // 用户id
    private Integer id;
   //用户名
    private String username;
   //用户的生日
    private Date birthday;
   // 用户的性别
    private String sex;
   //用户的地址
    private String address;
    
    public Integer getId() {
        return id;
    }
    public void setId(Integer id) {
        this.id = id;
    }
    public String getUsername() {
        return username;
    }
    public void setUsername(String username) {
        this.username = username == null ? null : username.trim();
    }
    public Date getBirthday() {
        return birthday;
    }
    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }
    public String getSex() {
        return sex;
    }
    public void setSex(String sex) {
        this.sex = sex == null ? null : sex.trim();
    }
    public String getAddress() {
        return address;
    }
    public void setAddress(String address) {
        this.address = address == null ? null : address.trim();
    } 
    @Override
    public String toString() {
        return "User{" + "id=" + id + ", username='" + username + '\'' + ", birthday=" + birthday + ", sex='" + sex + '\'' + ", address='" + address + '\'' + '}';
    }
}

Orders.java

package com.xlj.po;

import java.util.Date;

public class Orders {
    // 订单id
    private Integer id;
   // 下单用户id
    private Integer userId;
   // 订单号
    private String number;
   // 创建订单时间
    private Date createtime;
   //备注
    private String note;
    public Integer getId() {
        return id;
    }
    public void setId(Integer id) {
        this.id = id;
    }
    public Integer getUserId() {
        return userId;
    }
    public void setUserId(Integer userId) {
        this.userId = userId;
    }
    public String getNumber() {
        return number;
    }
    public void setNumber(String number) {
        this.number = number == null ? null : number.trim();
    }
    public Date getCreatetime() {
        return createtime;
    }
    public void setCreatetime(Date createtime) {
        this.createtime = createtime;
    }
    public String getNote() {
        return note;
    }
    public void setNote(String note) {
        this.note = note == null ? null : note.trim();
    }
    @Override
    public String toString() {
        return "Orders{" + "id=" + id + ", userId=" + userId + ", number='" + number + '\'' + ", createtime=" + createtime + ", note='" + note + '\'' + '}';
    }
}

OrdersExample.java

package com.xlj.po;

public class OrdersExample extends Orders {

    // 以订单为主表，查询user,一对一查询，一个订单只能有一个User
    private User user;

    public User getUser() {
        return user;
    }
    public void setUser(User user) {
        this.user = user;
    }
    @Override
    public String toString() {
        return "OrdersExample{" + "user=" + user + '}';
    }
}

②、创建 OrderMapper 接口和 OrderMapper.xml 文件,UserMapper接口和UserMapper.xml文件，以及Service与Controller层,如下图:
在这里插入图片描述
由于我们采用 Mapper 代理加载 xxxMapper.xml 文件，这里我们重复一下 Mapper 代理所需的条件，接口和xml文件必须满足以下几个条件：
　　1、接口必须要和 xml 文件同名且在同一个包下，也就是说 xml 文件中的namespace是接口的全类名　　
　　2、接口中的方法名和xml 文件中定义的 id 一致
　　3、接口输入参数类型要和xml 中定义的 parameterType 一致
　　4、接口返回数据类型要和xml 中定义的 resultType 一致
　　
OrderMapper 接口

package com.xlj.mapper;

import com.xlj.po.OrdersExample;
import java.util.List;

/**
 * Created by 小林 on 2018/11/19.
 */

public interface OrdersMapper {

    // 查询订单或者查询订单及其订单拥有者user的信息
    List<OrdersExample> findOrdersAndUser();    
}

OrderMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.xlj.mapper.OrdersMapper" >

  <!--懒加载-->
  <resultMap id="lazyLoadingOrdersUser" type="com.xlj.po.OrdersExample">
    <id column="id" property="id"></id>
    <result column="user_id" property="userId"></result>
    <result column="number" property="number"></result>
    <!-- 用户信息（一对一） -->
    <!-- select：指定关联查询的查询statement（即查询用户的statement的id），然后将查询结果，封装到property属性指定的变量中
    statement相当于虚拟机表对象
    -->
    <!-- column：通过column指定的列所查询出的结果，作为select指的statement的入参 -->
    <association property="user" select="com.xlj.mapper.UserMapper.findUserById" column="user_id"></association>
  </resultMap>

  <select id="findOrdersAndUser" resultMap="lazyLoadingOrdersUser">
         SELECT * FROM orders;
  </select>
  
  <select id="findOrdersById" parameterType="int" resultType="com.xlj.po.Orders">
    SELECT * FROM orders  WHERE user_id =#{id};
  </select>
  
</mapper>

UserMapper接口

package com.xlj.mapper;

import com.xlj.po.User;

public interface UserMapper {

    User findUserById(int id);
    
}

UserMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.xlj.mapper.UserMapper" >

  <select id="findUserById" parameterType="int" resultType="com.xlj.po.User">
    SELECT * FROM USER  WHERE id =#{id};
  </select>
  </mapper>

测试

①、当我们不开启懒加载执行程序，查看查询过程
controller测试类中：

package com.xlj.controller;

import com.xlj.po.OrdersExample;
import com.xlj.service.OrdersService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

/**
 * Created by 小林 on 2018/11/19.
 */

@Controller
@RequestMapping("order")
public class OrdersController {

    @Autowired
    private OrdersService ordersService;

    @RequestMapping("test")
    public String test(){
          List<OrdersExample> ordersExampleList = ordersService.findOrdersAndUser();
        // 用.size验证懒加载是否有效 因为我们只需要查询订单的数量，不需要查询订单的拥有者User的信息,所以正常就不要进行对User的查询了，即用到就会被加载,用不到不会被执行
        //如果直接打印ordersExampleList,需要用到user,那么就会用到User信息,则后面的操作User的sql语句将会被执行,无法验证

        //打印订单数量
        System.out.println("订单的个数为:"+ordersExampleList.size());
        return "orders/list";
    }    
}

测试结果：
在这里插入图片描述分析：
如图，查询结果中，执行了三次查询，我们在测试类中只需要订单的数量（只能查询订单的数量，不能查订单的其他属性值，否则User也会被查出来，如果想查询订单的其他信息而不查user信息，就需要用到积极的懒加载，待会详细测试），跟User没有关系，但是程序将查询User信息的指令也执行了，耗费了资源，所以当我们想要只获取订单信息，而不要跟他关联的User信息时，就用到了懒加载，下面我们就用懒加载测试一遍.

②、开启懒加载执行程序，查看查询过程

开启懒加载要在SSM配置文件中的SqlMapConfig.xml文件中进行
在这里插入图片描述
在这里插入图片描述
controller测试类中：（执行上面同样的代码）

package com.xlj.controller;

import com.xlj.po.OrdersExample;
import com.xlj.service.OrdersService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

/**
 * Created by 小林 on 2018/11/19.
 */

@Controller
@RequestMapping("order")
public class OrdersController {

    @Autowired
    private OrdersService ordersService;

    @RequestMapping("test")
    public String test(){
          List<OrdersExample> ordersExampleList = ordersService.findOrdersAndUser();
        // 用.size验证懒加载是否有效 因为我们只需要查询订单的数量，不需要查询订单的拥有者User的信息,所以正常就不要进行对User的查询了，即用到就会被加载,用不到不会被执行
        //如果直接打印ordersExampleList,需要用到user,那么就会用到User信息,则后面的操作User的sql语句将会被执行,无法验证

        //打印订单数量
        System.out.println("订单的个数为:"+ordersExampleList.size());
        return "orders/list";
    }    
}

测试结果：
在这里插入图片描述
分析：
当用了懒加载之后，当我们只需要orders的个数时，就不会再去查询跟它有关的User的信息了，节省了一大部分资源。可能有人会问，当用懒加载只查询orders的个数时就不去查询user信息了，那么当我用了懒加载之后还想查user的信息，还能查到吗？下面我们就测试一下。

测试运用懒加载之后还能不能查询User的信息
controller测试类中：

package com.xlj.controller;

import com.xlj.po.OrdersExample;
import com.xlj.service.OrdersService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

/**
 * Created by 小林 on 2018/11/19.
 */

@Controller
@RequestMapping("order")
public class OrdersController {

    @Autowired
    private OrdersService ordersService;


    @RequestMapping("test")
    public String test(){

          List<OrdersExample> ordersExampleList = ordersService.findOrdersAndUser();
        // 用.size验证懒加载是否有效 因为我们只需要查询订单的数量，不需要查询订单的拥有者User的信息,所以正常就不要进行对User的查询了，即用到就会被加载,用不到不会被执行
        //如果直接打印ordersExampleList,需要用到user,那么就会用到User信息,则后面的操作User的sql语句将会被执行,无法验证

        //打印订单数量
//        System.out.println("订单的个数为:"+ordersExampleList.size());
        for (OrdersExample ordersExample:ordersExampleList) {
            // 打印查询订单的拥有者user的信息
            System.out.println("========="+ordersExample.getUser());
        }
        return "orders/list";
    }
}

测试结果：
在这里插入图片描述
分析：
根据测试结果，说明用懒加载当需要查询跟orders关联的用户信息时，一样是可以查到的。所以说，懒加载是Mybatis中节省资源的一个非常实用而又有效的方法。

小总结：
当我们只查询所有的订单个数时，不用懒加载会将user信息一并查出来，用了懒加载之后，就不会执行查询user信息的语句，节省了资源。但是当我们不查询当单的个数，而是查询订单的其他属性时，就会发现user一样被查询来，这就用到了下面的积极的懒加载，下面我们就来验证一下：

积极的懒加载

①、当我们开启懒加载，而不开启积极懒加载执行程序，查看查询过程
controller测试类中：

package com.xlj.controller;

import com.xlj.po.OrdersExample;
import com.xlj.service.OrdersService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

/**
 * Created by 小林 on 2018/11/19.
 */

@Controller
@RequestMapping("order")
public class OrdersController {

    @Autowired
    private OrdersService ordersService;
    
    @RequestMapping("test")
    public String test(){
          List<OrdersExample> ordersExampleList = ordersService.findOrdersAndUser();
        // 用.size验证懒加载是否有效 因为我们只需要查询订单的数量，不需要查询订单的拥有者User的信息,所以正常就不要进行对User的查询了，即用到就会被加载,用不到不会被执行
        //如果直接打印ordersExampleList,需要用到user,那么就会用到User信息,则后面的操作User的sql语句将会被执行,无法验证

        //打印订单数量
//        System.out.println("订单的个数为:"+ordersExampleList.size());
        for (OrdersExample ordersExample:ordersExampleList) {
            //查询订单号
            System.out.println("========="+ordersExample.getNumber());
            // 打印查询订单的拥有者user的信息
           // System.out.println("========="+ordersExample.getUser());
        }
        return "orders/list";
    }
}

测试结果：
在这里插入图片描述
分析：
根据查询结果验证了我的说法，当不查询订单的个数时，而是去查询订单的订单号，那么同样user的信息会被查出来，同样耗费资源，解决这种问题就要用到积极的懒加载，下面进行测试。

②、开启懒加载与积极的懒加载执行程序，查看查询过程
开启积极的懒加载要在SSM配置文件中的SqlMapConfig.xml文件中进行
在这里插入图片描述
在这里插入图片描述
controller中（执行上面同样的代码）：

package com.xlj.controller;

import com.xlj.po.OrdersExample;
import com.xlj.service.OrdersService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

/**
 * Created by 小林 on 2018/11/19.
 */

@Controller
@RequestMapping("order")
public class OrdersController {

    @Autowired
    private OrdersService ordersService;
    
    @RequestMapping("test")
    public String test(){
          List<OrdersExample> ordersExampleList = ordersService.findOrdersAndUser();
        // 用.size验证懒加载是否有效 因为我们只需要查询订单的数量，不需要查询订单的拥有者User的信息,所以正常就不要进行对User的查询了，即用到就会被加载,用不到不会被执行
        //如果直接打印ordersExampleList,需要用到user,那么就会用到User信息,则后面的操作User的sql语句将会被执行,无法验证

        //打印订单数量
//        System.out.println("订单的个数为:"+ordersExampleList.size());
        for (OrdersExample ordersExample:ordersExampleList) {
            //查询订单号
            System.out.println("========="+ordersExample.getNumber());
            // 打印查询订单的拥有者user的信息
           // System.out.println("========="+ordersExample.getUser());
        }
        return "orders/list";
    }
}

测试结果：
在这里插入图片描述

分析：
根据测试结果可以看出，当我们用了懒加载与积极的懒加载之后，不论我们是查询订单的数量，还是订单的其他信息，只要与user无关，就不会查询user的信息，为数据库的运行节省了资源。

总结：

①、通常懒加载都要与积极懒加载配合使用才能达到最好的效果。

②、启动懒加载，Mybatis初始化返回类型的时候，会返回一个cglib代理对象，该对象的关联对象（例如一对多，多对一）相关信息就会在loadpair里边，并且添加到loadmap中，cglib对象会过滤get，set ,is,“equals”, “clone”, “hashCode”, "toString"触发方法，然后才会调用loadpair来加载关联对象的值。所以我们必须在进行懒加载的时候必须要导入相应的jar包，不然会报错。
　　
在这里插入图片描述

③、其实通过上面的例子，我们很好理解懒加载的原理，就是按需加载。我们需要什么信息的时候再去查。而不是一次性查询所有的。将复杂的关联查询分解成单表查询，然后通过单表查询的结果去关联查询。

那么不用mybatis的懒加载我们也可是实现上面的例子：

一、定义两个mapper方法

1、查询订单列表

2、根据用户 id 查询用户信息

二、先去查询第一个mapper方法，获取订单信息列表，然后放入到一个集合中

三、如果需要用户信息，那么在程序中，我们可以遍历订单信息，得到用户id，然后通过id去查询用户信息。

这与mybatis懒加载的区别就是，mybatis是在mapper.xml文件中配置好关联关系了，我们直接调用就好了。而自己实现的原理就是手动去建立关联关系。

解忧官
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
js延迟加载的几种方式
mysunli的博客
02-20 1289
  面试的时候遇到的，所以整理出来，方便记忆。   js延迟加载有助于提高页面加载速度，一般有以下几种：defer属性、async属性、动态创建DOM方式、使用JQuery的getScript、使用setTimeout延迟方法、让js最后加载。 1.defer属性： HTML 4.01 为 &lt;script&gt;标签定义了 defer属性。 用途：表明脚本在执行时不会影响页面的构造。...
jQuery延迟加载（懒加载）
王萌萌
10-02 1万+
简介         延迟加载（lazy load）又可称之为懒加载，他是为了避免一些无谓的性能开销而提出来的。所谓延迟加载，就是当真正需要数据的时候，才真正执行数据加载操作。可简单理解为，只有在使用的时候，才会发出sql语句进行查询。     Lazy load是一个用JavaScript编写的插件：jquery.lazyload.js 它可以延迟加载长页面中的图片。在浏览器可是区域外的图片
延迟加载原理与实现
唯细水静流
06-12 2890
本文介绍日常开发中可能用到的一种数据求值策略，延迟加载，也即惰性求值。介绍延迟加载的定义与原理，讲解使用该方式带来的好处以及合适的应用场景，最后介绍Java中的一些具体实现方案。...
js延迟加载的六种方式
青山不改，绿水长流。
12-28 7632
把js外部引入的文件放到页面底部，来让js最后引入，从而加快页面加载速度例如引入外部js脚本文件时，如果放入html的head中,则页面加载前该js脚本就会被加载入页面，而放入body中，则会按照页面从上倒下的加载顺序来运行JavaScript的代码所以我们可以把js外部引入的文件放到页面底部，来让js最后引入，从而加快页面加载速度3.上述方法2也会偶尔让你收到Google页面速度测试工具的“延迟加载javascript”警告。所以这里的解决方案将是来自Google帮助页面的推荐方案。
Mybatis的延迟加载
最新发布
qq_45794852的博客
05-27 1875
mybatis的延迟加载是通过和属性进行控制的，当一对一需要实现延迟加载时，需要打开延迟加载开关以及通过标签的select属性指定延迟加载对象查询的方法路径，column属性指定执行参数，在使用到其延迟加载对象时，mybatis才会进行查询。当一对多时，通过标签的select属性指定延迟加载对象查询的方法路径，column属性指定执行参数，在使用到其延迟加载对象时，mybatis才会进行查询。
你能解释一下延迟加载吗？
寒冰屋的专栏
08-31 552
目录 介绍 那么我们如何实现延迟加载呢？ .NET中有没有现成的对象可以用来实现延迟加载？ 延迟加载的优缺点是什么？ 介绍 延迟加载是一个概念，我们将对象的加载延迟到我们需要它的时候。简而言之，按需加载对象而不是不必要地加载对象。 例如，考虑下面的例子，我们有一个简单的Customer类，这个Customer类里面有很多Order对象。仔细看看Customer类的构造函数。当Customer对象被创建时，它也在那一刻加载Order对象。因此，即使我们需要或不需要该Order对象，它仍然..
mybatis延迟加载
qq_32172681的博客
10-16 334
1、延迟加载介绍 延迟加载也叫懒加载，根据需求加载数据，先加载主要显示的数据，如果需要关联的数据显示，再加载关联的数据显示 2、为什么使用延迟加载 （1）假设场景：用户表和订单表，用户表有多个用户，每个用户有多个订单， 某些时候，我们需要同时查看用户信息和用户的订单信息，这个时候用户的信息和订单的信息都需要显示。但如果我们只查看订单列表，就没必要把用户信息和用户的订单的数据全部查询出来，只显...
WinForm的延时加载控件概述
09-04
WinForm的延时加载控件是一种优化性能的设计策略，尤其在处理大量数据或复杂界面时，能显著提升应用的响应速度。这种技术主要应用于C#的Windows Forms开发中，通过推迟数据加载直到用户实际需要时才执行，从而避免了...
jquery图片延迟加载
06-20
**jQuery图片延迟加载技术详解** 在网页设计中，图片加载是一项关键任务，尤其对于内容丰富的网站，如果所有图片一次性加载，可能会导致页面加载速度变慢，用户体验下降。为了解决这个问题，开发人员引入了“图片...
Mybatis延迟加载的实现方式
08-25
Mybatis延迟加载的实现方式 Mybatis延迟加载是指在进行表的关联查询时，按照设置延迟规则推迟对关联对象的select查询。延迟加载可以减少数据库压力，并提高查询效率。在Mybatis中，延迟加载可以通过配置文件mybatis...
DelayLoadDll_Test_延时加载_延时加载的实现_
10-04
延时加载是一种延迟DLL到运行时按需加载的方法，它不是在进程初始化时加载所有依赖的DLL，而是等到程序真正调用到DLL中的函数时才进行加载。这种技术尤其适用于那些大型或不经常使用的DLL。 2. **工作原理**： - ...
mybatis延迟加载样例
05-17
延迟加载允许我们在真正需要数据时才去加载关联的对象，而不是在查询主对象时一次性加载所有关联数据。 标题中的“mybatis延迟加载样例”意味着我们将探讨如何在MyBatis中实现和使用延迟加载，以及它的具体应用场景...
什么是延迟加载.docx
03-30
介绍了mybatis的延迟加载以及开启延迟加载的方法，内容不多，不过容易理解，看懂之后应该是可以理解的，希望想学习的朋友通过这个文档能有所收益
什么是延迟加载
qq_39326137的博客
06-28 4600
ResultMap中的assosiation和collection标签具有延迟加载的功能延迟加载的意思是说，在关联查询时，利用延迟加载，先加载主信息。使用关联信息时再去加载关联信息。 需要查询关联信息时，使用mybatis延迟加载特性可有效的减少数据库压力，首次查询只查询主要信息，关联信息等用户获取时再加载。...
延迟加载(LazyLoading)三种实现方式
onepiece1991的博客
11-02 662
延迟加载(LazyLoading)
Mybatis源码剖析：延迟加载源码剖析
丿涛哥哥的博客
05-27 562
Mybatis源码剖析：延迟加载源码剖析 1、什么是延迟加载？ 在开发过程中很多时候我们并不需要总是在加载用户信息时就一定要加载他的订单信息。此时就是我们所说的延迟加载。 举个栗子 * 在一对多中，当我们有一个用户，它有个100个订单 在查询用户的时候，要不要把关联的订单查出来？ 在查询订单的时候，要不要把关联的用户查出来？ * 回答 在查询用户时，用户下的订单应该是，什么时候用，什么时候查询。 在查询订单时，订单所属的用户信息应该是随着订单一起查询出来。 延迟加载 就是在需要用到数据时才进行
JS为什么要延迟加载，有哪些方法可以实现延迟加载?
王春燕的博客
06-05 3430
对于js的优化（关于js的延迟加载）的好处是有助于提高页面加载速度，js延迟加载就是等页面加载完成之后在加载js文件. HTML元素是按其在页面中出现的次序调用的，如果用javascript来管理页面上的元素（使用文档对象模型dom），并且js加载于欲操作的HTML元素之前，则代码将出错。也就是说，我们写了js语句来获取DOM对象，但由于DOM结构还没有加载完成，因此获取到的是空对象。...
【MyBatis学习11】MyBatis中的延迟加载
武哥聊编程
06-15 3万+
1. 什么是延迟加载 　　举个例子：如果查询订单并且关联查询用户信息。如果先查询订单信息即可满足要求，当我们需要查询用户信息时再查询用户信息。把对用户信息的按需去查询就是延迟加载。 所以延迟加载即先从单表查询、需要时再从关联表去关联查询，大大提高数据库性能，因为查询单表要比关联查询多张表速度要快。 　　我们来对比一下： 关联查询：SELECT orders.*, user.use
JS延迟加载的几种方式
热门推荐
meijory的博客
07-30 9万+
JS延迟加载，也就是等页面加载完成之后再加载 JavaScript 文件。一般有以下几种方式：1. defer 属性HTML 4.01 为 <script>标签定义了 defer属性。 用途：表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕之后再执行。在<script> 元素中设置 defer 属性，等于告诉浏览器立即下载，但延迟执行。<!DOCTYPE html>
uniapp中延时加载
03-30
在UniApp中，延时加载是指在特定的条件下，延迟加载某些组件或资源，以提高应用的性能和用户体验。UniApp提供了一些方法来实现延时加载。 一种常见的延时加载方式是使用条件渲染。通过在组件的`v-if`或`v-show`属性...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值