懒加载

一.图片懒加载 什么是图片懒加载？ 案例分析：抓取站长素材http://sc.chinaz.com/中的图片数据 #!/usr/bin/env python # -*- coding:utf-8 -*- import requests from lxml import etree if __name__ == "__main__": url = 'http://sc.chinaz.com/tupian/gudianmeinvtupian.html' headers = { 'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36', } #获取页面文本数据 response = requests.get(url=url,headers=headers) response.encoding = 'utf-8' page_text = response.text #解析页面数据（获取页面中的图片链接） #创建etree对象 tree = etree.HTML(page_text) div_list = tree.xpath('//div[@id="container"]

1、全局安装vue-lazyload npm install vue-lazyload -g 2、在 main.js 配置文件引入 import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload, { //预加载高度 preLoad: 1.3, //错误时显示的图片 error: '/static/about111.jpg', //图片加载中显示的图片 loading: '/static/img/loading.gif', //尝试加载次数 attempt: 1 }) 　 3、在组件中使用时，将img标签的src换成 v-lazy： 　　未使用懒加载前的代码： <li><img class="g-img1"src="/static/1.jpg" alt=""></li> 　　 使用懒加载后的代码： <li><img class="g-img1" v-lazy="'/static/1.jpg'" alt=""></li> 4、在不同的页面中显示不同的加载占位图的写法 <img v-lazy="{src: item.imgUrl, loading: 'http://www.xxx.com/loading.png'}" alt="" /> 　　 5、背景图使用懒加载的写法 v-lazy:background-image="{src:

hibernate 支持延迟加载，也称为懒加载，就是在使用对象的时候才会发送 sql 语句，不使用对象的时候就不会发送 sql 语句。 只有在 session 打开状态下，懒加载才有效。 一、 get 和 load 在懒加载方面的区别 get 对持久类本身，不支持懒加载， 直接载入实体类。 load 对持久类本身，支持懒加载， 直接载入实体类。 get 和 load ，对其关系属性（ many-to-one ， one-to-one 属性） 都支持懒加载 二、 get 和 load 在查询持久类本身的机制区别 1 、 get 和 load 方法都是根据 id 去获得对应数据的，但是获得机制不同 ： get 方法 ， hibernate 会去确认该 id 对应的数据是否存在，它首先会去 session 中去查询 (session 缓存其实就 hibernate 的一级缓存 ) ，如果没有，再去二级缓存中去查询，如果再没有，就去数据库中查询，仍然没有找到的话，就返回 null 而使用load 方法的话 ， hibernate 会认定该 id 对应的数据一定存在，它也会先去 session 缓存中去查找，如果没有找到， hibernate 会根据 lazy 属性值来确定是否使用延迟加载。如果 lazy=‘true’ ，就使用延迟加载，返回该代理对象

加载优化 1.懒加载优化 该优化在新闻类app中十分常见 ViewPager+Fragment的搭配在日常开发中也比较常见，可用于切换展示不同类别的页面。 懒加载,其实也就是延迟加载,就是等到该页面的UI展示给用户时,再加载该页面的数据(从网络、数据库等),而不是依靠ViewPager预加载机制提前加载两三个，甚至更多页面的数据。这样可以提高所属Activity的初始化速度,也可以为用户节省流量.而这种懒加载的方式也已经/正在被诸多APP所采用。 具体看这篇文章 www.jianshu.com/p/cf1f4104d… 2. 启动页优化 启动时间分析 系统创建进程的时间和应用进程启动的时间，前者是由系统自行完成的，一般都会很快，我们也干预不了，我觉得能做的就是去优化应用进程启动，具体说来就是从发Application的onCreate()执行开始到MainActivity的onCreate()执行结束这一段时间。 启动时间优化 Application的onCreate()方法 MainActivity的onCreate()方法 优化的手段也无非三种，如下所示： a.延迟初始化 b.后台任务 c.启动界面预加载 启动页白屏优化 为什么存在这个问题？ a.当系统启动一个APP时，zygote进程会首先创建一个新的进程去运行这个APP，但是进程的创建是需要时间的，在创建完成之前

懒加载 概念 懒加载只能是通过 association 和 collectibn 来实现，因为只有涉及到关联关系映射的的时候才会用到(多表查询), 所谓的懒加载就是需要使用的时候才给你加载 实现流程 配置mybatis-config.xml文件 开启懒加载模式(默认情况是积极加载) <settings> <!-- 开启mybatis的懒加载开关--> <setting name="lazyLoadingEnabled" value="true"/> <!--把积极加载设置为false --> <setting name="aggressiveLazyLoading" value="false"/> </settings> 一个订单表对应一个用户,通过订单表 orders 中 user_id 字段是 user 表中主键 id 字段的外键 通过查询order表( select * from orders )，把对应的 user_id 给( select * from user where id=#{id} )查询出 user OrderMapper接口 public interface OrdersMapper { //查询order的接口 public List<Orders> queryById(); } UserMapper接口 public interface

el-select数据过多处理方式 在日常项目中 el-select 组件的使用频率是非常之高的. 当数据过多时渲染时间非常长, 这里提供几个处理方式. 远程搜索 组件提供了远程搜索方式, 也就是按照你输入的结果匹配选项. 官网提供了 参考示例 ; 这里不加赘述. 下拉懒加载loadMore 下拉懒加载, 当select滚动到底部时, 你再去请求一部分数据, 加入到当前数据中. 某组件中: <template> <el-select v-model="value" placeholder="请选择" filterable multiple v-el-select-loadmore="loadmore" > <el-option v-for="item in options" :key="item.id" :label="item.label" :value="item.id"> </el-option> </el-select> </template> export default { directives: { 'el-select-loadmore': { bind(el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el

懒加载有图片懒加载和路由懒加载。 图片懒加载原理是使用js监听图片元素是否进入可视窗口，进入之前，将图片链接设为假地址而真正的地址用自定义属性储存起来，进入之后，将src属性值替换成真正地址； 优点：能防止页面一次性向服务器响应大量请求导致服务器响应慢，页面卡顿或崩溃等问题； 路由懒加载：把所有代码分成几块，按需加载；按照路由跳转加载需要的代码块，同样地减少不必要的服务器请求； 也可参考： http://bbs.daxiangclass.com/?thread-22.htm 来源： CSDN 作者： binlety 链接： https://blog.csdn.net/binlety/article/details/81448398

懒加载的原理 原理：先将img标签中的src链接设为同一张图片（空白图片），将其真正的图片地址存储再img标签的自定义属性中（比如data-src）。当js监听到该图片元素进入可视窗口时，即将自定义属性中的地址存储到src属性中，达到懒加载的效果。 这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢，页面卡顿或崩溃等问题。 代码实现 既然懒加载的原理是基于判断元素是否出现在窗口可视范围内，首先我们写一个函数判断元素是否出现在可视范围内： function isVisible ($node) { var winH = $(window).height(), scrollTop = $(window).scrollTop(), offSetTop = $(window).offSet().top; if (offSetTop < winH + scrollTop) { return true ; } else { return false ; } } 再添加上浏览器的事件监听函数，让浏览器每次滚动就检查元素是否出现在窗口可视范围内： $( window ). on ( "scroll" , function { if (isVisible($node)){ console .log( true ); } }) 我们已经很接近了，现在我们要做的是

什么是懒加载和预加载？ 复杂一点的说法参考： https://www.cnblogs.com/zhonghuali/p/9625943.html 我个人的理解是：预加载是提前把图片等资源下载到客户端，一次性请求到所有资源，需要时从客户端调用渲染，减少了http请求次数，优化性能，但是会增加服务器压力（一次性缓存所有图片信息），表现是打开网页时，图片由模糊变得清晰。 懒加载是先给img保留位置，但并不直接加载图片信息，等浏览到指定区域时，显示指定区域的图片，减轻服务器负担，并提高网页加载速度。（网页为浏览到的部分不请求图片信息。例如京东，淘宝搜索结果页商品列表）。 来源： https://www.cnblogs.com/sandraryan/p/11512163.html

Struts2 1、为什么每次请求都要创建一个Action对象？ 是出于对线程安全的考虑，每次请求的时候都会创建一个action的实例，这样会保证线程的安全。Struts1只是在第一次请求的时候创建一个action的实例，以后每次相同的请求都直接从内存中去读取，它是单例模式，多线程情况下不安全。 2、ModelDriven拦截器的配置中refreshModelBeforeResult解决了什么？ 更新ValueStack中的model对象，先把旧的model对象从ValueStack中移除，然后再把新的model对象压进ValueStack！ 官方解释： set to true if you want the model to be refreshed on the value stack after action execution and before result execution. The setting is useful if you want to change the model instance during the action execution phase, like when loading it from the data layer. This will result in getModel() being called at least twice