延迟加载

lazyload延迟加载组件

霸气de小男生 提交于 2020-01-29 17:27:54
lazyload现在网上已经用的很多(淘宝商城,新浪微博等等),先放demo: mylazyLoad.zip 效果: <div id="redbox1" onclick="alert('js执行了')" class="redbox">点击我</div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div

Lazyload 延迟加载效果

时光总嘲笑我的痴心妄想 提交于 2020-01-29 17:22:53
Lazyload是通过延迟加载来实现按需加载,达到节省资源,加快浏览速度的目的。 网上也有不少类似的效果,这个Lazyload主要特点是: 支持使用window(窗口)或元素作为容器对象; 对静态(位置大小不变)元素做了大量的优化; 支持垂直、水平或同时两个方向的延迟。 由于内容比较多,下一篇再介绍 图片延迟加载效果 。 兼容:ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4, chrome 3.0 效果预览 //--> */ /*--> */ 模式: 垂直正交方向 水平正交方向 垂直方向 水平方向 动态加载 阈值: //--> */ /*--> */ 利用textarea加载数据: <strong><a href="http://www.cnblogs.com/cloudgamer/archive/2008/07/06/SlideTrans.html">图片滑动切换效果</a></strong> <strong><a href="http://www.cnblogs.com/cloudgamer/archive/2008/07/21/ImgCropper.html">图片切割效果</a></strong> <strong><a href="http://www.cnblogs.com/cloudgamer/archive/2008

延迟加载与缓存

不打扰是莪最后的温柔 提交于 2020-01-26 20:22:29
一、延迟加载   1、直接加载:执行完对主加载对象的 select 语句,马上执行对关联对象的 select 查询。   2、侵入式延迟:执行对主加载对象的查询时,不会执行对关联对象的查询。但当要访问主加载对象的详情属性时,就会马上执行关联对象的select查询。     侵入式延迟的配置:       (1)配置mybatis-config.xml文件         在mybatis-config.xml文件中插入setting节点,并设置name属性和value属性值,配置lazyLoadingEnabled                (2)小配置文件中select语句必须为两条                (3)Test测试类                (4)执行结果如下(当不掉用对象中的字段或属性时只执行一条SQL)                  当调用其属性时执行的结果如下              3、深度延迟:执行对主加载对象的查询时,不会执行对关联对象的查询。访问主加载对象的详情时也不会执行关联对象的select查询。只有当真正访问关联对象的详情时,才会执行对关联对象的 select 查询。     深度延迟的配置:       (1)配置mybatis-config.xml文件,在mybatis-config.xml文件中插入setting节点

Hibernate的抓取策略

元气小坏坏 提交于 2020-01-23 00:29:49
一、延迟载的概述 延迟加载:lazy(懒加载)。执行到该行代码的时候,不会发送语句去进行查询,在真正使用这个对象的属性的时候才会 发送SQL语句进行查询。 延迟加载的分类 1、类级别的延迟加载 指的是通过load方法查询某个对象的时候,是否采用延迟。session.load(Customer.class,1l); 类级别延迟加载通过<class>上的lazy进行配置,如果让lazy失效: 将lazy设置为false 将持久化类使用final修饰 Hibernate. Initialize() 2、关联级别的延迟加载 指的是在查询到某个对象的时候,查询其关联的对象的时候,是否采用延迟加载。 Customer customer = session.get(Customer.class,1l); customer.getLinkMans();---- 通过客户获得联系人的时候,联系人对象是否采用了延迟加载,称为是关联级别的延迟。 抓取策略往往会和关联级别的延迟加载一起使用,优化语句。 二、抓取策略 抓取策略的概述 通过一个对象抓取到关联对象需要发送SQL语句,SQL语句如何发送,发送成什么样格式通过策略进行配置。 通过<set>或者<many-to-one>上通过fetch属性进行设置 fetch和这些标签上的lazy如何设置优化发送的SQL语句 <set>上的fetch和lazy

单例模式

落花浮王杯 提交于 2020-01-19 15:49:56
Java 单例模式 单例模式 非延迟加载单例类 public class Singleton {    private Singleton ( ) { }    private static final Singleton instance = new Singleton ( ) ;    public static Singleton getInstance ( ) {      return instance ;    } } 简单的同步延迟加载 public class Singleton {    private static Singleton instance = null ;    public static synchronized Singleton getInstance ( ) {      if ( instance == null )       instance = new Singleton ( ) ;      return instance ;    } } 双重检查成例延迟加载 public class Singleton {    private static volatile Singleton instance = null ;    public static Singleton getInstance ( ) {      if (

MyBatis延迟加载,缓存的使用

安稳与你 提交于 2020-01-16 17:01:32
一.什么是延迟加载? 延迟加载也称为懒加载,是指在进行关联查询时,按照设置延迟加载规则推迟对关联对象的select查询,可以有效减少数据库压力 延迟加载默认是关闭的,这个时候走的是直接加载,使用延迟加载需要在大配置中开启延迟加载 <!--延迟加载是否开启--> <setting name="lazyLoadingEnabled" value="true"></setting> 延迟加载分为三种: 1.直接加载 执行完select查询后,马上执行关联对象的select查询 2.侵入式延迟加载 执行对主加载对象的查询时,不会执行对关联对象的查询 3.深度延迟加载 执行对主加载对象的查询时,不会执行对关联对象的查询,访问主加载对象详情时,也不会执行关联对象的select查询,只有当真正访问关联对象详情时, 才会执行对关联对象的select查询 <!-- true false 深度延迟加载--> <!--true true 侵入式延迟加载 --> <!--false true 直接加载--> <setting name="lazyLoadingEnabled" value="true"></setting> <setting name="aggressiveLazyLoading" value="false"></setting> 下边是一个例子: /* * 延迟加载 只能用于多条SQL

通俗易懂设计模式解析——单例模式

懵懂的女人 提交于 2020-01-15 06:14:43
通俗易懂设计模式解析——单例模式 目录 二、单例模式介绍   (一)来由   (二)意图   (三)单例模式实现方法 三、使用场合及优缺点   一、使用场合 二、优点 三、缺点 四、总结 一、前言   在上一节中我们对设计模式进行了一定的介绍及分类。设计模式分为创建型、结构型、行为型。 创建型模式——主要负责对象的创建。结构型职责——主要负责处理类与对象的组合。行为型模式——主要负责类与对象交互中的职责的分配问题 。今天我们也是讲述介绍创建型模式中的第一个模式—— 单例模式 。 回到顶部 二、 单例模式介绍   (一) 来由     单例模式(Singleton Pattern)是最简单的一个设计模式 ,这种设计模式属于创建型模式。在程序中总会有一些特殊的类。它们必须保证在系统中只存在一个实例,这个单一的类自己创建自己的对象,同时确保只有单个对象被创建,并且提供唯一的访问形式。可以直接进行访问,不用再新建实例。     那么如何避开常规的设计,来实现一个类一个实例、并且保证唯一调用呢?这时候就是单例模式施展身手的时候了。   (二) 意图      保证一个类仅有一个实例,并提供一个访问它的全局访问点。   (三) 单例模式实现方法     单例模式到底又是如何实现的呢?既然是单一实例,那么队友多线程又该如何处理呢?下面我们一一来看看单例模式的实现

Hibernate(四)--延迟加载(lazyload)

左心房为你撑大大i 提交于 2020-01-14 19:30:57
hibernate中的 延迟加载(lazyload)分 属性的延迟加载 和 关系的延迟加载 属性的延迟加载:     当使用 load的方式来获取对象的时候,只有访问了这个对象的属性,hibernate才会到数据库中进行查询。否则不会访问数据库 Load的加载方式: 1、Load采用延迟加载的方式,hibernate的思想是既然这个方法支持延迟加载,它就认为这个对象一定在数据库中存在,可以放心的使用代理来延迟加载,如果在使用过程中出现了问题就放心的抛异常 2、Load方法会首先查询session缓存,看缓存中有没有这个对象 3、如果缓存中没有这个对象就会去创建个代理对象来管理,因为延迟加载需要代理来执行。但是并没有去数据库中查询 4、只有当你实际使用这个对象的时候,它才会触发sql语句。这个时候hibernate就会去查询二级缓存和数据库,如果数据库中没有这条语句,就抛出异常ObjectNotFoundException。 hibernate load方法加载实体对象的时候,会根据映射文件上 类级别 lazy属性值的配置 ,分情况讨论: (1)若为true,即为延迟加载,就是上面的模式 (2)若为false,即为非延迟加载,即立即加载。就跟get方法查找顺序一样,只是最终若没发现符合条件的记录,则会抛出一个ObjectNotFoundException。 关系的延迟加载:    

Spring+SpringMVC+MyBatis深入学习及搭建(七)——MyBatis延迟加载

♀尐吖头ヾ 提交于 2020-01-02 04:07:26
转载请注明出处: http://www.cnblogs.com/Joanna-Yan/p/6953005.html 前面讲到: Spring+SpringMVC+MyBatis深入学习及搭建(六)——MyBatis关联查询 1.什么是延迟加载 resultMap可以实现高级映射(使用association、collection实现一对一及一对多映射), association、collection具备延迟加载功能。 需求: 如果查询订单并且关联查询用户信息。如果先查询订单信息即可满足要求,当我们需要查询用户信息时再查下用户信息。把对用户信息的按需去查询就是延迟加载。 延迟加载:先从单表查询、需要时再从关联表去关联查询,大大提高数据库性能,因为查询单表要比关联查询多张表速度要快。 2.使用association实现延迟加载 2.1需求 查询订单并且关联查询用户信息 2.2mapper.xml 需要定义两个mapper的方法对应的statement。 (1)只查询订单信息 SELECT * FROM orders 在查询订单的statement中 使用association去延迟加载(执行)下边的statement(关联查询用户信息)。 <!-- 查询订单关联查询用户 --> <select id="findOrdersUserLazyLoading" resultMap=

编写代码实现图片懒加载

本秂侑毒 提交于 2019-12-29 23:46:11
1.前端性能优化的重要方案,通过图片或者数据的延迟加载,我们可以加快页面渲染速度,让第一次打开页面速度加快,只有滑动到某个区域,才加载真实的图片,这样也可以节省加载的流量, 2.处理方案 把所有需要延迟加载的图爿用一个盒子包起来,设置宽高和默认占位图。开始让所有的IMg的src为空,把真实的地址放到IMG的自定义属性上,让IMG隐藏,等到所有其他资源都加载完后,我们再开始加载图爿,对于很多图爿,需要当页面滚动时候,当前图爿完全显示出来后仔加载真实图片 来源: 51CTO 作者: 喝醉的熊 链接: https://blog.51cto.com/13550695/2462956