基于原生js的图片延迟加载

当页面图片比较多的时候，我们通常会做一个延迟加载，避免页面打开时一下子的请求数太多，加载过慢影响用户体验。

如果项目用了jquery框架，则可以直接用 jquery.lazyload.可在jquery官网下载到。

如果项目是基于原生js的，可以参考以下：

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>lazyload class</title>

    <style>

    img{width:auto; height:300px;}

    </style>

</head>

<body>

    <h1>测试图片延迟加载效果</h1>

    <p><img data-url="images/p1.jpg" src="images/grey.gif" alt="p1"></p>

    <p><img data-url="images/p2.jpg" src="images/grey.gif" alt="p2"></p>

    <p><img data-url="images/p3.jpg" src="images/grey.gif" alt="p3"></p>

    <p><img data-url="images/p4.jpg" src="images/grey.gif" alt="p4"></p>

    <p><img data-url="images/p5.jpg" src="images/grey.gif" alt="p5"></p>

    <p><img data-url="images/p6.jpg" src="images/grey.gif" alt="p6"></p>

    <script>

        var API = {

            on : function(ele, ev, handler){

                ele.addEventListener ? ele.addEventListener(ev, handler) : ele.attachEvent('on' + ev, handler);

                return ele;

            },

            bind: function(obj, handler){

                return function(){ handler.apply(obj,arguments); }

            },

            pageX: function(ele){

                var left = 0;

                do{

                    left += ele.offsetLeft;

                }while(ele.offsetParent && (ele = ele.offsetParent).className.toLowerCase() !=='body');

                return left;

            },

            pageY: function(ele){

                var top = 0;

                do{

                    top += ele.offsetTop;

                }while(ele.offsetParent && (ele = ele.offsetParent).className.toLowerCase() !=='body');

                return top;

            },

            hasClass: function(ele,cls){

                return new RegExp('^|\\s' + cls + '\\s|$').test(ele.className);

            },

            attr: function(ele,attr,val){

                if(val===undefined){

                    return ele.getAttribute(attr);

                }else{

                    return ele.setAttribute(attr, val);

                }

            }

        };



    function Lazyload(id, diff, attr){

      this.container = typeof id === 'string' ? document.getElementById(id) : document.body;

      this.imgs = [].slice.call(this.container.getElementsByTagName('img'));

      this.diff = diff || 0;

      this.attr = attr || "data-url";

      this.load();//尝试加载正处在视窗中的图片

      this.spyScroll();

    }



    Lazyload.prototype = {

      constructor: Lazyload,

      spyScroll: function(){

          API.on(window, 'scroll', API.bind(this, this.load) );

      },

      load: function(){

          if(!this.imgs.length) return; //all image loaded

          var pos,url,imgs = this.imgs.slice();//copy the array

          var c=0;

          for(var i = 0, len = imgs.length; i < len; i++){

              pos = this.pos2viewport(imgs[i]); 

              if(pos === 'above' || pos === 'in'){ //console.log(imgs[i],pos,i,'      imgs.length=',len);

                  url = API.attr(imgs[i], this.attr); 

                  API.attr(imgs[i], 'src',url);

                  API.on(imgs[i], 'load', function(){

                      this.style.width='auto';//图片加载后 采用图片真实尺寸

                      this.style.height = 'auto';

                  });

                  this.imgs.splice(i-c,1); c++;//保持两数组元素的对应关系

              }

          }

        },

      pos2viewport:function(img){//img's position relative to viewport. above, in , below

        var imgScrollTop = API.pageY(img), diff = this.diff,

            rangeT = imgScrollTop - diff,

            rangeB = imgScrollTop + img.clientHeight + diff,

            viewportT = document.documentElement.scrollTop || document.body.scrollTop,

            viewportB = viewportT + document.documentElement.clientHeight;

        var pos = '';

        viewportT >= rangeB && (pos = 'above');

        viewportB <= rangeT && (pos = 'below');

        !pos && (pos = 'in');

        return pos;

      }

    };



    var lazy =  new Lazyload(document.body, 50);

    </script>

</body>

</html>

 

你可能感兴趣的:(延迟加载)

  • Mybatis面试题 青木川崎 面试题mybatisjava开发语言
    Mybatis面试题什么是MyBatis？讲下MyBatis的缓存Mybatis是如何进行分页的？分页插件的原理是什么？简述Mybatis的插件运行原理，以及如何编写一个插件？Mybatis动态sql是做什么的？都有哪些动态sql？能简述一下动态sql的执行原理不？#{}和${}的区别是什么？为什么说Mybatis是半自动ORM映射工具？它与全自动的区别在哪里？Mybatis是否支持延迟加载？如果
  • angular 新语法糖学习一
    延迟视图@defer是Angularv16引入的一项功能，用于优化组件的加载和渲染。它提供了一种延迟加载组件的方法，可以减少初始渲染时的开销，延迟加载（LazyLoading）主要是通过路由实现的。通过路由配置中的loadChildren属性，可以在需要时加载特定的模块。这种方式适合处理大型应用程序中的模块划分问题，但不能直接用于组件级别的延迟加载。随着angular的发展，在angularv16
  • Java中的延迟加载与即时加载：JPA与Hibernate的使用指南 微赚淘客系统@聚娃科技 javahibernate
    Java中的延迟加载与即时加载：JPA与Hibernate的使用指南大家好，我是微赚淘客返利系统3.0的小编，是个冬天不穿秋裤，天冷也要风度的程序猿！在开发企业级Java应用时，JPA（JavaPersistenceAPI）和Hibernate是常用的持久化框架。它们帮助我们轻松地管理数据库中的数据。然而，在处理复杂关系数据时，加载策略（即延迟加载和即时加载）会显著影响性能和内存使用。因此，理解并
  • 16. MyBatis的延迟加载机制是什么？如何配置？有哪些优缺点？ 这孩子叫逆 Mybatis笔记oracle数据库mybatis
    延迟加载（LazyLoading）是MyBatis提供的一种机制，用于优化数据库查询性能。在启用延迟加载时，某些关联对象或集合只有在被实际访问时才会触发数据库查询，而不是在主对象加载时立即加载。这种机制可以减少不必要的数据库查询，特别是在处理多表关联关系时非常有用。延迟加载的配置在MyBatis中，延迟加载可以通过配置文件中的设置来启用。主要有以下几个步骤：1.启用全局延迟加载在MyBatis的全
  • WebView交互架构项目实战（三），史上超级详细 m0_66264881 程序员架构移动开发android
    returnsplashTargetPath+“/”;}***1：常用JS本地化及延迟加载*******资源等文件(不需要更新)本地存储，在需要的时候直接从本地获取。哪些资源需要我们去存储在本地呢，当然是一些不会被更新的资源，例如图片文件，js文件，css文件，比预加载更粗暴的优化方法是直接将常用的JS脚本本地化，直接打包放入apk中。比如H5页面获取用户信息，设置标题等通用方法，就可以直接写入一
  • 代理模式（权限、远程调用、延迟加载、日志和缓存） 榴月~ Java代理模式java
    1、权限保护代理模式使用代理模式实现一个“干饭村约会系统服务”的示例，能够通过代理控制对实际对象（比如用户的约会资料）访问、保护隐私、限制不正当操作等。需求分析：用户（Person）：干饭村的用户有自己的个人资料（如名字、性别、兴趣等），他们可以查看自己的和其他人的资料，并且可以修改自己的资料。代理：分为两种代理：自己代理（OwnerProxy）：允许用户查看和修改自己的资料。其他人代理（Non-
  • Hibernate的检索策略(lazy、fetch、batch-size) jingde528 Hibernatehibernatebatchjava
    Hibernate的检索策略包括立即检索和延迟检索，可以在配置文件中通过对lazy、fetch、batch-size属性的设置来进行控制。一对多、多对多、多对一和一对一关系下的不同检索策略将影响对数据库访问的效率。检索策略立即检索，立即加载检索方法指定的对象延迟检索，延迟加载检索方法指定的对象，在使用具体属性值时，才进行加载(这个时候会执行查询语句)检索策略使用场景如果加载对象是为了访问他的属性，
  • 设计模式（四）：创建型设计模式 这里用来记录
    一、单例模式1.为什么要使用单例？单例设计模式（SingletonDesignPattern）理解起来非常简单。一个类只允许创建一个对象（或者实例），那这个类就是一个单例类，这种设计模式就叫作单例设计模式，简称单例模式。如何实现一个单例1.饿汉式在类加载的时候，instance静态实例就已经创建并初始化好了，所以，instance实例的创建过程是线程安全的。不过，这样的实现方式不支持延迟加载pub
  • 架构师面试题系列之Mybatis面试专题及答案（36题） cesske mybatis面试java
    目录1、什么是MyBatis？2、讲下MyBatis的缓存3、Mybatis是如何进行分页的？分页插件的原理是什么？4、简述Mybatis的插件运行原理，以及如何编写一个插件？5、Mybatis动态sql是做什么的？都有哪些动态sql？能简述一6、#{}和${}的区别是什么？7、为什么说Mybatis是半自动ORM映射工具？它与全自动的区8、Mybatis是否支持延迟加载？如果支持，它的实现原理是
  • 什么是前端路由懒加载，以及如何实现？ Good_tea_h 前端
    前端路由懒加载详解一、前端路由懒加载的定义前端路由懒加载，也称为按需加载或延迟加载，是一种在Web开发中常用的性能优化技术。它主要应用于单页应用（SPA）中，旨在提高应用的加载速度和性能。通过懒加载，应用只会在用户实际需要访问某个路由时，才加载对应的组件或模块，而不是在应用初始化时一次性加载所有资源。这种方式能够显著减少应用的初始加载时间，降低服务器的负载，提升用户体验。二、前端路由懒加载的必要性
  • Android中webview优化策略 小虫飘飘 webview
    在Android开发中，要实现WebView的秒开体验，可以通过一系列性能优化策略来显著提升WebView的加载速度和用户体验。以下是一些关键的优化措施：1.加载优化预加载WebView：在应用启动时提前初始化WebView并进行预加载，如加载一个空白页（about:blank），以减少WebView首次加载页面的时间。延迟加载：将一些非首屏必需的操作推迟到首屏显示后再执行，如后台网络请求、埋点上
  • Java-MyBatis 框架之延迟加载、缓存和分页 【小红帽】
    第一节：性能优化1.1延迟加载1.1.1什么是延迟加载resultMap中的association和collection标签具有延迟加载的功能。延迟加载的意思是说，在关联查询时，利用延迟加载，先加载主信息。需要关联信息时再去按需加载关联信息。这样会大大提高数据库性能，因为查询单表要比关联查询多张表速度要快。1.1.2设置延迟加载Mybatis默认是不开启延迟加载功能的，我们需要手动开启。需要在Sq
  • MyBatis 分页与缓存机制详解 Disper_ mybatis缓存
    在使用MyBatis进行数据库操作时，分页和缓存机制是两个重要的功能，它们能够显著提高应用程序的性能。本文将详细介绍MyBatis中的分页方法、延迟加载与立即加载的区别，以及一级和二级缓存的工作原理。一、分页方式方式一：Limit物理分页使用SQL的LIMIT语句实现分页，可以通过传递起始位置和每页记录数进行查询。@Select("SELECT*FROMstudentLIMIT#{param1},
  • Vue3-Lazy 开源项目安装与使用教程 邬稳研Beneficient
    Vue3-Lazy开源项目安装与使用教程vue3-lazy项目地址:https://gitcode.com/gh_mirrors/vu/vue3-lazy一、项目目录结构及介绍Vue3-Lazy是一个基于Vue3的懒加载组件库，设计用于优化前端应用的性能，通过延迟加载非即时需要的图片或资源。以下是项目的典型目录结构及其简介：vue3-lazy/├──src#源代码目录│├──components#
  • 大话设计模式之代理模式 码农客栈 设计模式代理模式
    代理模式（ProxyPattern）是一种结构型设计模式，它允许通过代理对象控制对另一个对象的访问。代理对象充当客户端和实际对象之间的中介，客户端通过代理对象间接访问实际对象，从而可以在访问控制、缓存、延迟加载等方面提供额外的功能。在代理模式中，通常会有三种角色：Subject（抽象主题）：声明了真实对象和代理对象的共同接口，这样在任何使用真实对象的地方都可以使用代理对象。RealSubject（
  • 【ASP.NET Core 基础知识】--最佳实践和进阶主题--性能调优和缓存 喵叔哟 ASP.NETCore基础知识asp.net缓存后端
    一、性能调优在ASP.NETCore中进行性能调优，代码优化是至关重要的一部分。以下是一些常见的ASP.NETCore代码优化技巧：减少数据库查询：尽可能地减少数据库查询次数，可以通过使用合适的ORM（对象关系映射）工具来避免重复查询相同的数据。考虑使用延迟加载（LazyLoading）或预加载（EagerLoading）等技术，以减少不必要的数据库查询。使用异步编程：利用异步编程模式（如asyn
  • 1.Kotlin函数大全 家驹六月天 kotlinkotlin操作符
    val、var作用：定义变量、常量vara=5varb:Intvalc=5;1.没有初始化，必须声明类型2.可初始化推断类型init作用：初始化，没啥特别意义init{}?作用：代表可空varc:String?1.可空变量，必须定义其类型lateinit作用：延迟加载1（延迟初始化）lateinitvarlazy:String1.不能用于基本数据类型2.不能为可空变量3.使用时必须完成初始化，否则
  • SSM+SpringBoot框架 badwomanPPPPPard0 SpringBootspringjava
    单例bean是线程安全的吗AOPSpring事务失效第四种，在方法内部使用，需要用代理类调用此方法bean生命周期bean的循环依赖SpringMVC执行流程、SpringBoot自动配置原理Spring常见注解MyBatis执行流程MyBatis延迟加载MyBatis缓存
  • Java对象头的内部结构(new Object这个对象里面到底有什么)及锁状态信息【图文】 一个长不胖的程序YUAN Java虚拟机对象内部结构
    1、创建了Customer()实例和Account()实例一个对象的内存结构包括：运行时元数据、类型指针、数据类型、对齐填充。2、对象头里包括（64位机器占96位）：运行时元数据（MarkWord）（占64位）、类型指针（KlassPoint）（占32位）（1）运行时元数据里又包括：哈希值（HashCode）、GC分代年龄、锁状态标志①哈希值：31位的对象标识hashCode，采用延迟加载技术。调
  • 【MyBatis】 橘子-青衫 tomcatjava
    目录前言1.MyBatis执行流程。2.Mybatis是否支持延迟加载？3.延迟加载的底层原理知道吗？4.Mybatis的一级、二级缓存用过吗？5.Mybatis的二级缓存什么时候会清理缓存中的数据？总结前言本文主要介绍了MyBatis面试题相关的面试题目。1.MyBatis执行流程。读取MyBatis配置文件：mybatis-config.xml加载运行环境和映射文件。构造会话工厂SqlSess
  • 2024给你一些Android 应用性能优化的建议 Calvin880828 Android性能现代Android开发android性能优化
    2024给你一些Android应用性能优化的建议在当今激烈竞争的移动应用市场中，用户对应用性能和体验的要求越来越高。因此，进行Android应用性能优化是开发过程中必不可少的一环。下面将详细介绍如何提升应用的性能，以提升用户体验。1.优化应用启动速度优化应用启动速度是一个重要的任务，因为它能够对用户体验产生显著影响。以下是一些优化启动速度的措施：1.1延迟加载延迟加载意味着在真正需要使用资源和数据
  • kotlin 基础学习 smallgrey
    kotlin学习kotlin优点语法简洁，支持lambda表达式，强大的when语法，不用写分号结尾kotlin语法定义常量用val，变量用var关键字在前面，类型以“：”隔开在后面，也可以省略直接赋值，类型后带问号？表示可为空类型（默认空安全）。常量val延迟加载bylazy{},默认线程安全，关闭线程安全lazy(LazyThreadSafetyMode.NONE){},变量var延迟加载la
  • ViewStub 简单使用 FlyClound
    一、前言ViewStub是布局优化的方式之一，适用于一些延迟加载的场景，相对于设置View.GONE的优点是逻辑简单控制灵活，但是缺点也很明显，更耗资源，不管可见不可见都会被创建。ViewStub更加轻量级，它本身是一个不可见不占用位置的View，资源消耗比较小，只有调用了ViewStub.inflate()的时候加载布局，布局才会实例化。二、使用先看效果图：iShot2020-07-1316.5
  • 【MyBatis面试题】 橘子-青衫 java开发语言mybatis后端
    目录前言1.MyBatis执行流程。2.Mybatis是否支持延迟加载？3.延迟加载的底层原理知道吗？4.Mybatis的一级、二级缓存用过吗？5.Mybatis的二级缓存什么时候会清理缓存中的数据？总结前言本文主要介绍了MyBatis面试题相关的面试题目。1.MyBatis执行流程。读取MyBatis配置文件：mybatis-config.xml加载运行环境和映射文件。构造会话工厂SqlSess
  • Mybatis是否支持延迟加载？ 张万森的救赎 mybatisjava
    前言随着互联网应用的不断发展，数据库访问成为了应用开发中的一个重要环节。在这个背景下，MyBatis作为一种优秀的持久层框架，提供了灵活的SQL映射配置和强大的功能，为开发者提供了便捷的数据库访问解决方案。本文将深入探讨MyBatis的延迟加载特性，了解如何通过全局配置或按需设置，实现对数据的精准加载，提高应用性能和效率。正文是的，MyBatis支持延迟加载（LazyLoading）。延迟加载是一
  • Mybatis延迟加载的原理是什么？ 张万森的救赎 mybatisoracle数据库
    前言数据库访问在现代应用程序中扮演着至关重要的角色，而MyBatis作为一种优秀的持久层框架，为开发者提供了强大而灵活的工具。其中，延迟加载作为一项关键的特性，使得在处理复杂的关联关系时能够更加智能地加载数据，提高系统的性能和资源利用效率。本文将深入探讨MyBatis延迟加载的原理，以及如何巧妙地运用这一特性来优化数据库访问。正文延迟加载的原理是通过在需要的时候才加载相关数据，而不是在初始查询时就
  • ssm------SpringBoot 「已注销」 javaee-框架/框架进阶springbootssm
    目录SpringBoot理解SpringBoot入门SpringBoot业务描述API设计分析项目结构分析SpringBoot项目启动分析启动过程概要分析延迟加载对象作用域分析对象生命周期方法SpringBoot项目中的依赖注入过程分析案例设计及分析代码编写及测试分析SpringBootBucketSpringBootSpringBoot是所有基于Spring开发的项目的起点。SpringBoot
  • Vue3 中使用 defineAsyncComponent 延迟加载组件 lio_zero vue.js前端javascriptecmascript前端框架
    使用Vue3的defineAsyncComponent特性可以让我们延迟加载组件。这意味着它们仅在需要时从服务器加载。这是一个改善初始页面加载的好方法，因为我们的应用程序将以较小的块加载，而不必在页面加载时加载每个组件。什么是defineAsyncComponent以下示例来自官网异步组件：import{defineAsyncComponent}from'vue'constAsyncComp=de
  • jquery.lazyload-1.9.3中文文档 -- 延迟加载图片的jQuery插件 Leo_DLi Web前端jquerylazyload
    最近使用jquery.lazyload.js这个jQuery插件的时候,突然发现对这个插件相对全面的介绍不多.特别是对lazyload()方法中的配置选项的介绍少之又少.随即整理一份供大家参阅.说明:我使用的版本是1.9.3废话不多少,直接上代码:一,使用小DemoDemo#container{width:765px;margin:auto;}#containerimg{width:100%;}$
  • mybatis---高级映射、延迟加载、查询缓存 全满
    高级映射（resultMap返回）首先书写查询语句select*fromuser,orderswhereuser.id=orders.user_id其次配置resultMap什么是延迟加载resultMap可以实现高级映射（使用association、collection实现一对一及一对多映射），association、collection具备延迟加载的功能需求：如果查询订单并且关联查询用户信息。
  • PHP如何实现二维数组排序？ IT独行者 二维数组PHP排序　
    二维数组在PHP开发中经常遇到，但是他的排序就不如一维数组那样用内置函数来的方便了，（一维数组排序可以参考本站另一篇文章【PHP中数组排序函数详解汇总】）。二维数组的排序需要我们自己写函数处理了，这里UncleToo给大家分享一个PHP二维数组排序的函数： 代码： functionarray_sort($arr,$keys,$type='asc'){ $keysvalue= $new_arr
  • 【Hadoop十七】HDFS HA配置 bit1129 hadoop
    基于Zookeeper的HDFS HA配置主要涉及两个文件,core-site和hdfs-site.xml。   测试环境有三台 hadoop.master hadoop.slave1 hadoop.slave2   hadoop.master包含的组件NameNode, JournalNode, Zookeeper，DFSZKFailoverController
  • 由wsdl生成的java vo类不适合做普通java vo darrenzhu VOwsdlwebservicerpc
    开发java webservice项目时，如果我们通过SOAP协议来输入输出，我们会利用工具从wsdl文件生成webservice的client端类，但是这里面生成的java data model类却不适合做为项目中的普通java vo类来使用，当然有一中情况例外，如果这个自动生成的类里面的properties都是基本数据类型，就没问题，但是如果有集合类，就不行。原因如下： 1)使用了集合如Li
  • JAVA海量数据处理之二（BitMap） 周凡杨 java算法bitmapbitset数据
           路漫漫其修远兮，吾将上下而求索。想要更快，就要深入挖掘 JAVA 基础的数据结构，从来分析出所编写的 JAVA 代码为什么把内存耗尽，思考有什么办法可以节省内存呢？ 啊哈！算法。这里采用了 BitMap 思想。   首先来看一个实验： 指定 VM 参数大小： -Xms256m -Xmx540m
  • java类型与数据库类型 g21121 java
    很多时候我们用hibernate的时候往往并不是十分关心数据库类型和java类型的对应关心，因为大多数hbm文件是自动生成的，但有些时候诸如：数据库设计、没有生成工具、使用原始JDBC、使用mybatis(ibatIS)等等情况，就会手动的去对应数据库与java的数据类型关心，当然比较简单的数据类型即使配置错了也会很快发现问题，但有些数据类型却并不是十分常见，这就给程序员带来了很多麻烦。 &nb
  • Linux命令 510888780 linux命令
    系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda 在磁盘上执行测试性读取操作 cat /proc/cpuinfo 显示C
  • java常用JVM参数 墙头上一根草 javajvm参数
    -Xms：初始堆大小，默认为物理内存的1/64(<1GB)；默认(MinHeapFreeRatio参数可以调整)空余堆内存小于40%时，JVM就会增大堆直到-Xmx的最大限制 -Xmx：最大堆大小，默认(MaxHeapFreeRatio参数可以调整)空余堆内存大于70%时，JVM会减少堆直到 -Xms的最小限制 -Xmn：新生代的内存空间大小，注意：此处的大小是（eden+ 2
  • 我的spring学习笔记9-Spring使用工厂方法实例化Bean的注意点 aijuans Spring 3
    方法一： <bean id="musicBox" class="onlyfun.caterpillar.factory.MusicBoxFactory" factory-method="createMusicBoxStatic"></bean> 方法二：
  • mysql查询性能优化之二 annan211 UNIONmysql查询优化索引优化
    1 union的限制 有时mysql无法将限制条件从外层下推到内层，这使得原本能够限制部分返回结果的条件无法应用到内层 查询的优化上。 如果希望union的各个子句能够根据limit只取部分结果集，或者希望能够先排好序在 合并结果集的话，就需要在union的各个子句中分别使用这些子句。 例如 想将两个子查询结果联合起来，然后再取前20条记录，那么mys
  • 数据的备份与恢复 百合不是茶 oraclesql数据恢复数据备份
     数据的备份与恢复的方式有: 表,方案 ,数据库;     数据的备份: 导出到的常见命令; 参数 说明 USERID 确定执行导出实用程序的用户名和口令 BUFFER 确定导出数据时所使用的缓冲区大小，其大小用字节表示 FILE 指定导出的二进制文
  • 线程组 bijian1013 java多线程threadjava多线程线程组
    有些程序包含了相当数量的线程。这时，如果按照线程的功能将他们分成不同的类别将很有用。        线程组可以用来同时对一组线程进行操作。        创建线程组：ThreadGroup g = new ThreadGroup(groupName);  &nbs
  • top命令找到占用CPU最高的java线程 bijian1013 javalinuxtop
    上次分析系统中占用CPU高的问题，得到一些使用Java自身调试工具的经验，与大家分享。 (1)使用top命令找出占用cpu最高的JAVA进程PID:28174 (2)如下命令找出占用cpu最高的线程 top -Hp 28174 -d 1 -n 1 32694 root 20 0 3249m 2.0g 11m S 2 6.4 3:31.12 java
  • 【持久化框架MyBatis3四】MyBatis3一对一关联查询 bit1129 Mybatis3
      当两个实体具有1对1的对应关系时，可以使用One-To-One的进行映射关联查询   One-To-One示例数据 以学生表Student和地址信息表为例，每个学生都有都有1个唯一的地址(现实中，这种对应关系是不合适的，因为人和地址是多对一的关系)，这里只是演示目的   学生表   CREATE TABLE STUDENTS (
  • C/C++图片或文件的读写 bitcarter 写图片
    先看代码： /*strTmpResult是文件或图片字符串 * filePath文件需要写入的地址或路径 */ int writeFile(std::string &strTmpResult,std::string &filePath) { int i,len = strTmpResult.length(); unsigned cha
  • nginx自定义指定加载配置 ronin47
    进入 /usr/local/nginx/conf/include 目录，创建 nginx.node.conf 文件，在里面输入如下代码： upstream nodejs { server 127.0.0.1:3000; #server 127.0.0.1:3001; keepalive 64; } server { liste
  • java-71-数值的整数次方.实现函数double Power(double base, int exponent)，求base的exponent次方 bylijinnan double
    public class Power { /** *Q71-数值的整数次方 *实现函数double Power(double base, int exponent)，求base的exponent次方。不需要考虑溢出。 */ private static boolean InvalidInput=false; public static void main(
  • Android四大组件的理解 Cb123456 android四大组件的理解
     分享一下，今天在Android开发文档-开发者指南中看到的:                            App components are the essential building blocks of an Android
  • [宇宙与计算]涡旋场计算与拓扑分析 comsci 计算
         怎么阐述我这个理论呢？ 。。。。。。。。。       首先： 宇宙是一个非线性的拓扑结构与涡旋轨道时空的统一体。。。。       我们要在宇宙中寻找到一个适合人类居住的行星，时间非常重要，早一个刻度和晚一个刻度，这颗行星的
  • 同一个Tomcat不同Web应用之间共享会话Session cwqcwqmax9 session
    实现两个WEB之间通过session 共享数据 查看tomcat 关于 HTTP Connector 中有个emptySessionPath 其解释如下： If set to true, all paths for session cookies will be set to /. This can be useful for portlet specification impleme
  • springmvc Spring3 MVC，ajax，乱码 dashuaifu springjquerymvcAjax
      springmvc Spring3 MVC @ResponseBody返回，jquery ajax调用中文乱码问题解决   Spring3.0 MVC @ResponseBody 的作用是把返回值直接写到HTTP response body里。具体实现AnnotationMethodHandlerAdapter类handleResponseBody方法，具体实
  • 搭建WAMP环境 dcj3sjt126com wamp
    这里先解释一下WAMP是什么意思。W:windows，A：Apache，M：MYSQL，P：PHP。也就是说本文说明的是在windows系统下搭建以apache做服务器、MYSQL为数据库的PHP开发环境。      工欲善其事，必须先利其器。因为笔者的系统是WinXP，所以下文指的系统均为此系统。笔者所使用的Apache版本为apache_2.2.11-
  • yii2 使用raw http request dcj3sjt126com http
    Parses a raw HTTP request using yii\helpers\Json::decode()   To enable parsing for JSON requests you can configure yii\web\Request::$parsers using this class: 'request' =&g
  • Quartz-1.8.6 理论部分 eksliang quartz
    转载请出自出处：http://eksliang.iteye.com/blog/2207691 一.概述 基于Quartz-1.8.6进行学习，因为Quartz2.0以后的API发生的非常大的变化，统一采用了build模式进行构建； 什么是quartz?   答：简单的说他是一个开源的java作业调度框架，为在 Java 应用程序中进行作业调度提供了简单却强大的机制。并且还能和Sp
  • 什么是POJO？ gupeng_ie javaPOJO框架Hibernate
    POJO--Plain Old Java Objects(简单的java对象)   POJO是一个简单的、正规Java对象，它不包含业务逻辑处理或持久化逻辑等，也不是JavaBean、EntityBean等，不具有任何特殊角色和不继承或不实现任何其它Java框架的类或接口。   POJO对象有时也被称为Data对象，大量应用于表现现实中的对象。如果项目中使用了Hiber
  • jQuery网站顶部定时折叠广告 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/4.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>网页顶部定时收起广告jQuery特效 - HoverTree<
  • Spring boot内嵌的tomcat启动失败 kane_xie spring boot
    根据这篇guide创建了一个简单的spring boot应用，能运行且成功的访问。但移植到现有项目（基于hbase）中的时候，却报出以下错误：     SEVERE: A child container failed during start java.util.concurrent.ExecutionException: org.apache.catalina.Lif
  • leetcode: sort list michelle_0916 Algorithmlinked listsort
    Sort a linked list in O(n log n) time using constant space complexity. ====analysis======= mergeSort for singly-linked list  ====code=======   /** * Definition for sin
  • nginx的安装与配置,中途遇到问题的解决 qifeifei nginx
    我使用的是ubuntu13.04系统，在安装nginx的时候遇到如下几个问题，然后找思路解决的，nginx 的下载与安装   wget http://nginx.org/download/nginx-1.0.11.tar.gz tar zxvf nginx-1.0.11.tar.gz ./configure make make install   安装的时候出现
  • 用枚举来处理java自定义异常 tcrct javaenumexception
    在系统开发过程中，总少不免要自己处理一些异常信息，然后将异常信息变成友好的提示返回到客户端的这样一个过程，之前都是new一个自定义的异常，当然这个所谓的自定义异常也是继承RuntimeException的，但这样往往会造成异常信息说明不一致的情况，所以就想到了用枚举来解决的办法。 1，先创建一个接口，里面有两个方法，一个是getCode, 一个是getMessage public
  • erlang supervisor分析 wudixiaotie erlang
    当我们给supervisor指定需要创建的子进程的时候，会指定M,F,A,如果是simple_one_for_one的策略的话，启动子进程的方式是supervisor:start_child(SupName, OtherArgs),这种方式可以根据调用者的需求传不同的参数给需要启动的子进程的方法。和最初的参数合并成一个数组，A ++ OtherArgs。那么这个时候就有个问题了，既然参数不一致，那
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他