原生Js页面滚动延迟加载图片

原理和过程
1.页面滚动加载事件
2.获取元素在页面里的top值 根据滚动条的位置 判断何时显示图片
3.获取元素集合 加载过的图片从集合里删除

效果预览：http://jsfiddle.net/dtdxrk/SkYNq/embedded/result/

  1 <!DOCTYPE html>
  2 <html>
  3 <head>
  4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5     <title>原生Js页面滚动延迟加载图片</title>
  6     <style type="text/css">
  7         *{margin: 0;padding: 0}
  8     img.scrollLoading{border: 1px solid #ccc;display: block;margin-top: 10px;}
  9     </style>
 10 </head>
 11 <body>
 12 
 13 <div id="content"></div> 
 14 
 15 </body>
 16 </html>
 17 
 18 <script type="text/javascript">
 19  var _CalF = {
 20    $ : function(object){//选择器
 21      if(object === undefined ) return;
 22      var getArr = function(name,tagName,attr){
 23            var tagName = tagName || '*',
 24                eles = document.getElementsByTagName(tagName),
 25                clas = (typeof document.body.style.maxHeight === "undefined") ? "className" : "class";//ie6
 26                attr = attr || clas,
 27                Arr = [];
 28            for(var i=0;i<eles.length;i++){
 29              if(eles[i].getAttribute(attr)==name){
 30                Arr.push(eles[i]);
 31              }
 32            }
 33            return Arr;
 34          };
 35    
 36      if(object.indexOf('#') === 0){  //#id 
 37        return document.getElementById(object.substring(1));
 38      }else if(object.indexOf('.') === 0){  //.class
 39        return getArr(object.substring(1));
 40      }else if(object.match(/=/g)){  //attr=name
 41        return getArr(object.substring(object.search(/=/g)+1),null,object.substring(0,object.search(/=/g)));
 42      }else if(object.match(/./g)){ //tagName.className
 43        return getArr(object.split('.')[1],object.split('.')[0]);
 44      }
 45    },
 46    getPosition : function(obj) { //获取元素在页面里的位置和宽高
 47       var top = 0,
 48           left = 0,
 49           width = obj.offsetWidth,
 50           height = obj.offsetHeight;
 51   
 52       while(obj.offsetParent){
 53           top += obj.offsetTop;
 54           left += obj.offsetLeft;
 55           obj = obj.offsetParent;
 56       }
 57   
 58       return {"top":top,"left":left,"width":width,"height":height};
 59    }
 60  };
 61 
 62 
 63 //添加图片list
 64 var _temp = [];
 65 for (var i = 1; i < 21; i ++) {
 66     _temp.push('<img class="scrollLoading" data-src="http://images.cnblogs.com/cnblogs_com/Darren_code/311197/o_' + i + '.jpg" src="http://images.cnitblog.com/blog/150659/201306/23160223-c81dd9aa9a2a4071a47b0ced2c9118bc.gif"  /><br />图片' + i);
 67 }
 68 _CalF.$("#content").innerHTML = _temp.join("");
 69 
 70 
 71 function scrollLoad(){
 72   this.init.apply(this, arguments);
 73 }
 74 
 75 scrollLoad.prototype ={
 76   init : function(className){
 77     var className = "img."+className,
 78         imgs = _CalF.$(className),
 79         that = this;
 80     this.imgs = imgs;
 81     that.loadImg();
 82     window.onscroll = function(){
 83       that.time = setTimeout(function(){
 84         that.loadImg();
 85       },400);
 86     }
 87   },
 88   loadImg : function(){
 89     var imgs = this.imgs.reverse(), //获取数组翻转
 90         len = imgs.length;
 91 
 92     if(imgs.length===0){
 93       clearTimeout(this.time);
 94       return;
 95     }
 96     for(var j=len-1;j>=0;j--){  //递减
 97       var img = imgs[j],
 98           imgTop = _CalF.getPosition(img).top,
 99           imgSrc = img.getAttribute("data-src"),
100           offsetPage = window.pageYOffset ? window.pageYOffset : window.document.documentElement.scrollTop,//滚动条的top值
101           bodyHeight = document.documentElement.clientHeight; //body的高度
102       if((offsetPage+bodyHeight/2) > (imgTop-bodyHeight/2)){
103           img.src = imgSrc;
104           this.imgs.splice(j,1);
105       }
106     }
107   }
108 }
109 
110 
111 var img1 = new scrollLoad("scrollLoading");
112 
113 </script>

 

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

  • MyBatis 的核心配置文件是干什么的？ 它的结构是怎样的？ 哪些是必须配置的，哪些是可选的？ 冰糖心书房 Mybatis源码系列mybatis
    MyBatis的核心配置文件（通常命名为mybatis-config.xml）是MyBatis应用程序的入口点，它定义了MyBatis的全局配置信息。核心配置文件的作用：配置MyBatis的运行时行为:通过标签设置全局参数，控制MyBatis的各种行为，例如是否开启缓存、是否使用延迟加载、是否自动映射等。配置数据源和事务管理器:通过标签配置数据库连接信息和事务管理方式。注册类型别名:通过标签为Ja
  • 代理模式（Proxy Pattern）详解 FHKHH C++学习代理模式c++开发语言
    代理模式（ProxyPattern）详解一、什么是代理模式？代理模式是一种结构型设计模式，通过创建代理对象来间接访问目标对象（委托类），实现对目标对象的访问控制、权限验证、延迟加载或功能增强。代理对象起到中介作用，它不仅仅是对目标对象的直接替代，还能在访问目标对象时增加一些额外的逻辑。二、代理模式的应用场景权限控制：只有特定角色才能访问某些资源或功能。远程访问：通过代理访问分布式系统中的远程对象（
  • vue懒加载 CV_CodeMan jsvuevue.js前端javascript
    Vue懒加载懒加载（LazyLoad）一直是前端的优化方案之一。简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。它的核心思想是：当用户想看页面某个区域时，再加载该区域的数据。这在一定程度上减轻了服务器端的压力，也加快了页面的呈现速度。懒加载多用于图片，因为它属于流量的大头。最典型的懒加载实现方案是先将需要懒加载的图片的src隐藏掉，这样图片就不会下载，然后在图片需要呈现给用户时再加上
  • Java代理 lyrhhhhhhhh java开发语言
    在软件开发中，代理模式是一种非常常见的设计模式。它允许我们通过一个代理对象间接访问目标对象，从而在不修改目标对象的情况下增强其功能。代理模式广泛应用于日志记录、权限校验、事务管理、延迟加载等场景。本文将带你深入了解Java中的代理模式，包括静态代理和动态代理的实现方式。一、什么是代理给目标对象提供一个代理对象，并且由代理对象控制着对目标对象的引用在程序中，代理模式的核心思想是：代理对象：代替目标对
  • Kotlin 5种单例模式 tangweiguo03051987 Kotlin语法kotlin单例模式javascript
    在Kotlin中实现单例模式有多种方法，以下是几种常见的方法：饿汉式饿汉式是最简单的一种实现方式，在类加载时就完成了实例的初始化。//饿汉式objectSingleton1{funprintMessage(){println("===饿汉式")}}懒汉式懒汉式是延迟加载的方式，只有在第一次使用时才创建实例。classSingleton2privateconstructor(){companiono
  • spring-ioc-bean 周周写不完的代码 springjava后端
    本文重点在于充分应用Spring提供的IoC特性，介绍如何创建一个好用的Bean。基础篇不涉及后置处理器、BeanDefinition以及Spring加载原理相关的知识。引入ioc的起源**接口与实现类的需求变更**：最初的静态工厂模式。**反射机制**：延迟加载，避免编译时依赖。**外部化配置**：将Bean的全限定名存储在配置文件中。**缓存机制**：存储已创建的Bean对象。入门使用Spri
  • SpringBoot Bug 日志 优雅的造轮狮 JavaEEspringbootbugjava
    Spring循环依赖问题Bug如下wxMpConfiguration→subscribeHandler→wxMsgServiceImpl→wxMpConfiguration解决方案方案实施方式注意事项接口抽象定义WxMpService接口，通过接口注入最佳设计实践Setter注入对非必要依赖使用setter方法降低耦合度@Lazy注解在循环点添加延迟加载需测试性能影响配置允许循环spring.ma
  • Lazy Loading：高效资源管理的艺术 Le0v1n Python面试题（InterviewQuestions）奇奇怪怪的知识windowslinuxgit
    1.什么是LazyLoading？在现代软件开发中，性能和资源管理是至关重要的。尤其是在处理大量数据或资源时，如何高效地加载和使用资源，直接影响到程序的性能和用户体验。今天，我们就来深入探讨一种非常实用的技术——LazyLoading（懒加载）。LazyLoading，即懒加载，是一种延迟加载资源的策略。它的核心思想是：“只有在真正需要使用某个资源时，才去加载它”。与传统的“即时加载”（Eager
  • JAVA面试_进阶部分_23种设计模式总结 茂茂在长安 JAVAjava面试设计模式
    1.单例模式：确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。（1）懒汉式public class Singleton {      /* 持有私有静态实例，防止被引用，此处赋值为null，目的是实现延迟加载 */      private static Singleton instance = null;      /* 私有构造方法，防止被实例化 */     private
  • C++设计模式|结构型 代理模式 只需倾听 C++设计模式c++设计模式代理模式
    1.什么是代理模式？代理模式ProxyPattern是一种结构型设计模式，用于控制对其他对象的访问。在代理模式中，允许一个对象（代理）充当另一个对象（真实对象）的接口，以控制对这个对象的访问。通常用于在访问某个对象时引入一些间接层(中介的作用)，这样可以在访问对象时添加额外的控制逻辑，比如限制访问权限，延迟加载。比如说有一个文件加载的场景，为了避免直接访问“文件”对象，我们可以新增一个代理对象，代
  • Mybatis面试总结（中）：MyBatis是否支持延迟加载，其原理是什么？不同xml映射文件，id是否可重复？有哪些Executor执行器？是否可映射 Enum 枚举类？TypeHandler作用？ shanshandeisu Mybatis面试总结mybatis面试xmljava延迟加载
    仅供自学使用，大部分内容来自javaGuide，请支持原版书籍。MyBatis是否支持延迟加载？如果支持，它的实现原理是什么？MyBatis仅支持association关联对象和collection关联集合对象的延迟加载，association指的就是一对一，collection指的就是一对多查询。在MyBatis配置文件中，可以配置是否启用延迟加载：lazyLoadingEnabled=true
  • Java 代理模式 (Proxy)详解 冰糖心书房 设计模式java代理模式
    一、什么是代理模式？定义：代理模式是一种结构型设计模式。它为另一个对象（目标对象/被代理对象）提供一个代理（或占位符），以控制对这个对象的访问。核心思想：通过引入一个代理对象，客户端不直接访问目标对象，而是通过代理对象来间接访问目标对象。代理对象可以控制对目标对象的访问，并可以在访问前后添加额外的操作。意图：控制对一个对象的访问，可以延迟加载、访问控制、增强功能等。二、代理模式的结构代理模式通常包
  • angular 新语法糖学习一
    延迟视图@defer是Angularv16引入的一项功能，用于优化组件的加载和渲染。它提供了一种延迟加载组件的方法，可以减少初始渲染时的开销，延迟加载（LazyLoading）主要是通过路由实现的。通过路由配置中的loadChildren属性，可以在需要时加载特定的模块。这种方式适合处理大型应用程序中的模块划分问题，但不能直接用于组件级别的延迟加载。随着angular的发展，在angularv16
  • 前端性能优化全面指南：从基础到进阶 尤山海 前端性能优化
    前端性能优化全面指南：从基础到进阶欢迎来到前端性能优化的全面指南！本文将带你深入了解从基础到进阶的各种优化策略，帮助你全面提升网页的加载速度和用户体验。1.关键渲染路径（CriticalRenderingPath）优化最小化关键资源：确保页面加载的初始请求尽可能少，合并CSS和JavaScript文件，使用内联CSS和JavaScript（对于非常小的脚本和样式）。异步/延迟加载非关键资源：使用a
  • C#Lazy 实现延迟加载详解与示例 白话Learning C#/.netc#开发语言
    在C#中，Lazy类是一个非常有用的工具，它可以用于延迟加载值，尤其是在创建对象时可能很昂贵，或者你想要延迟初始化直到真正需要该值的情况下。在本文中，我们将详细介绍Lazy的实现机制和用法，并提供一些示例来展示它的优势。1、Lazy的工作原理Lazy类是.NET框架中的一个并发类，它允许你延迟初始化一个对象，直到这个对象被第一次使用时才进行。这意味着，如果多个线程需要访问同一个延迟初始化的对象，L
  • 13.代理模式（Proxy Pattern） Tiantangbujimo7 基础代理模式
    定义代理模式（ProxyPattern）是一种结构型设计模式，它通过提供一个代理对象来控制对目标对象的访问。代理对象作为客户端与目标对象之间的中介，间接地访问目标对象的功能。代理模式可以在不改变目标对象的情况下增加一些额外的功能，如延迟加载、安全控制、日志记录等。基本思想代理对象：代理模式引入了一个中介对象（代理对象）来访问真实的对象。代理对象控制对真实对象的访问，并可以在访问真实对象之前或之后加
  • 002 mapper代理开发方式-xml方式 简 洁 冬冬 mybatismybatis
    文章目录代理xml方式UserMapper.javaUser.javadb.propertiesSqlMapConfig.xmlUserMapper.xmlUserMapperTest.javapom.xml代理此处使用的是JDK的动态代理方式，延迟加载使用的cglib动态代理方式代理分为静态代理和动态代理。此处先不说静态代理，因为Mybatis中使用的代理方式是动态代理。动态代理分为两种方式：基
  • Spring ObjectFactory：不只是工厂，更是Bean生命周期的掌舵者 码农技术栈 springcloudspringspringboot后端微服务
    在Spring中，ObjectFactory就像是一个“对象工厂”，它的主要作用是延迟加载和创建对象。想象一下，你正在开发一个应用，其中有些对象在启动时并不需要立即创建，而是等到真正需要使用时再创建。这时候，如果一开始就创建所有对象，不仅会浪费资源，还可能影响应用的启动速度。ObjectFactory就是为了解决这个问题而存在的。它允许你在需要对象时，再通过调用getObject()方法来创建对象
  • Mybatis初步了解 孙尚香蕉 mybatismybatisoracle数据库
    mysql缓存：根据sql语句进入缓存，如果sql语句多加一个空格就进入不到同一个缓存，另外数据库数据发生了更新，缓存中的数据不会同步。延迟加载：先查询基本信息，再查询其他信息，而不是一次就查询出来。mybatis的框架概述数据库厂商都会有自己的驱动包，上面一层对jdbc进行接口规范（对jdbc进行封装），再上一层mybatis框架MyBatis是一个优秀的基于Java的持久层框架，内部对JDBC
  • vue异步组件使用及加载失败重新加载 小白路过 vue.js前端
    引言在构建大型单页应用时，组件的按需加载和延迟加载对于性能优化至关重要。Vue.js提供了一种实现这个需求的方式，那就是异步组件。异步组件允许我们将组件的加载延迟到实际需要的时候，而不是一开始就全部加载。这不仅可以减少首屏加载时间，还可以提高应用的响应速度。本文将介绍Vue2中异步组件的概念、使用方法以及一些技巧，重点介绍一下高阶异步组件及高阶异步组件加载失败后，如何实现重新加载。什么是异步组件在
  • 前端开发设计模式——单例模式 夜月还山岚 JavaScript设计模式设计模式单例模式前端javascript
    目录一、单例模式的定义和特点：1.定义：2.特点：二、单例模式的实现方式：1.立即执行函数结合闭包实现：2.ES6类实现：三、单例模式的应用场景1.全局状态管理：2.日志记录器：3.数据库连接：四、单例模式的优点1.减少资源消耗：2.全局访问：3.易于管理：五、单例模式的缺点1.测试困难：2.违法单一职责原则：3.可能导致内存泄漏：六、单例模式的注意事项1.线程安全：2.延迟加载：3.可扩展性：在
  • 网页性能优化之懒加载与预加载：概念、原理、实现及对比 不在·· javascript前端
    1.什么是懒加载？懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载？很多页面，内容很丰富，页面很长，图片较多。比如说各种商城页面。这些页面图片数量多，而且比较大，少说百来K，多
  • C#性能优化技巧：利用Lazy＜T＞实现集合元素的延迟加载 AitTech C#c#windows开发语言
    一、C#中的LazyC#中的Lazy是一个泛型类，它实现了延迟加载（LazyInitialization）的功能。延迟加载是指对象的创建被推迟，直到第一次被使用时才进行实例化。这对于大型或资源密集型对象的性能优化非常有用，因为它可以避免不必要的初始化和资源消耗。二、Lazy与集合结合使用实现延迟加载Lazy可以与集合结合使用，以实现集合元素的延迟加载。这通常用于那些初始化代价较高或不需要立即初始化
  • Java单例模式详解--七种单例模式实现+单例安全+实际应用场景 飞天葫芦侠 面向对象设计模式单例模式java安全设计模式
    单例模式保证了一个类只有一个实例，并且提供了一个全局访问点。单例模式的主要作用是节省公共资源，方便控制，避免多个实例造成的问题。实现单例模式的三点：私有构造函数私有静态变量维护对象实例公有静态方法提供获取实例对象七种单例模式实现1.静态类：第一次运行初始化，全局使用2.懒汉模式（线程不安全）：懒汉模式是指在第一次获取实例时才创建对象，实现了延迟加载，构造函数返回当前对象实例，但多个访问者同时获取对
  • C#性能优化之利用Lazy＜T＞实现集合元素延迟加载示例 我曾经是个程序员 高阶高效代码c#开发语言
    见过不少人、经过不少事、也吃过不少苦，感悟世事无常、人心多变，靠着回忆将往事串珠成链，聊聊感情、谈谈发展，我慢慢写、你一点一点看......延迟加载是指对象的创建被推迟，直到第一次被使用时才进行实例化。这对于大型或资源密集型对象的性能优化非常有用，因为它可以避免不必要的初始化和资源消耗。class ExpensiveObject{   public ExpensiveObject()  {    
  • 深入理解 Spring 的 Lazy Loading：原理、实现与应用场景 Ray.1998 springjava开发语言后端spring
    延迟加载（LazyLoading）是Spring容器管理Bean的一种策略，指只有在需要时（调用getBean()方法获取Bean时）才会实例化该Bean。这是Spring提供的一种优化机制，用于提高启动效率和降低资源占用。1.延迟加载的含义在延迟加载模式下，Spring容器初始化时不会立即实例化所有Bean，而是等到真正需要使用时（即调用getBean()方法时），才创建Bean实例。如果不启用
  • 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的全
  • SAX解析xml文件 小猪猪08 xml
    1.创建SAXParserFactory实例 2.通过SAXParserFactory对象获取SAXParser实例 3.创建一个类SAXParserHander继续DefaultHandler，并且实例化这个类 4.SAXParser实例的parse来获取文件     public static void main(String[] args) { //
  • 为什么mysql里的ibdata1文件不断的增长？ brotherlamp linuxlinux运维linux资料linux视频linux运维自学
    我们在 Percona 支持栏目经常收到关于 MySQL 的 ibdata1 文件的这个问题。 当监控服务器发送一个关于 MySQL 服务器存储的报警时，恐慌就开始了 —— 就是说磁盘快要满了。 一番调查后你意识到大多数地盘空间被 InnoDB 的共享表空间 ibdata1 使用。而你已经启用了 innodbfileper_table，所以问题是： ibdata1存了什么？ 当你启用了 i
  • Quartz-quartz.properties配置 eksliang quartz
    其实Quartz JAR文件的org.quartz包下就包含了一个quartz.properties属性配置文件并提供了默认设置。如果需要调整默认配置，可以在类路径下建立一个新的quartz.properties，它将自动被Quartz加载并覆盖默认的设置。   下面是这些默认值的解释 #-----集群的配置 org.quartz.scheduler.instanceName =
  • informatica session的使用 18289753290 workflowsessionlogInformatica
    如果希望workflow存储最近20次的log，在session里的Config  Object设置，log  options做配置，save  session log :sessions  run  ;savesessio log for  these runs:20 session下面的source 里面有个tracing 
  • Scrapy抓取网页时出现CRC check failed 0x471e6e9a != 0x7c07b839L的错误 酷的飞上天空 scrapy
    Scrapy版本0.14.4 出现问题现象： ERROR: Error downloading <GET http://xxxxx  CRC check failed   解决方法   1.设置网络请求时的header中的属性'Accept-Encoding': '*;q=0'   明确表示不支持任何形式的压缩格式，避免程序的解压
  • java Swing小集锦 永夜-极光 java swing
    1.关闭窗体弹出确认对话框   1.1   this.setDefaultCloseOperation (JFrame.DO_NOTHING_ON_CLOSE);   1.2   this.addWindowListener ( new WindowAdapter () { public void windo
  • 强制删除.svn文件夹 随便小屋 java
              在windows上，从别处复制的项目中可能带有.svn文件夹，手动删除太麻烦，并且每个文件夹下都有。所以写了个程序进行删除。因为.svn文件夹在windows上是只读的，所以用File中的delete()和deleteOnExist()方法都不能将其删除，所以只能采用windows命令方式进行删除
  • GET和POST有什么区别？及为什么网上的多数答案都是错的。 aijuans get post
        如果有人问你，GET和POST，有什么区别？你会如何回答？ 我的经历      前几天有人问我这个问题。我说GET是用于获取数据的，POST，一般用于将数据发给服务器之用。     这个答案好像并不是他想要的。于是他继续追问有没有别的区别？我说这就是个名字而已，如果服务器支持，他完全可以把G
  • 谈谈新浪微博背后的那些算法 aoyouzi 谈谈新浪微博背后的那些算法
    本文对微博中常见的问题的对应算法进行了简单的介绍，在实际应用中的算法比介绍的要复杂的多。当然，本文覆盖的主题并不全，比如好友推荐、热点跟踪等就没有涉及到。但古人云“窥一斑而见全豹”，希望本文的介绍能帮助大家更好的理解微博这样的社交网络应用。 微博是一个很多人都在用的社交应用。天天刷微博的人每天都会进行着这样几个操作：原创、转发、回复、阅读、关注、@等。其中，前四个是针对短博文，最后的关注和@则针
  • Connection reset 连接被重置的解决方法 百合不是茶 java字符流连接被重置
    流是java的核心部分,,昨天在做android服务器连接服务器的时候出了问题,就将代码放到java中执行,结果还是一样连接被重置   被重置的代码如下;   客户端代码; package 通信软件服务器; import java.io.BufferedWriter; import java.io.OutputStream; import java.io.O
  • web.xml配置详解之filter bijian1013 javaweb.xmlfilter
    一.定义 <filter> <filter-name>encodingfilter</filter-name> <filter-class>com.my.app.EncodingFilter</filter-class> <init-param> <param-name>encoding<
  • Heritrix Bill_chen 多线程xml算法制造配置管理
    作为纯Java语言开发的、功能强大的网络爬虫Heritrix，其功能极其强大，且扩展性良好，深受热爱搜索技术的盆友们的喜爱，但它配置较为复杂，且源码不好理解，最近又使劲看了下，结合自己的学习和理解，跟大家分享Heritrix的点点滴滴。 Heritrix的下载（http://sourceforge.net/projects/archive-crawler/）安装、配置，就不罗嗦了，可以自己找找资
  • 【Zookeeper】FAQ bit1129 zookeeper
    1.脱离IDE，运行简单的Java客户端程序 #ZkClient是简单的Zookeeper~$ java -cp "./:zookeeper-3.4.6.jar:./lib/*" ZKClient    1. Zookeeper是的Watcher回调是同步操作，需要添加异步处理的代码 2. 如果Zookeeper集群跨越多个机房，那么Leader/
  • The user specified as a definer ('aaa'@'localhost') does not exist 白糖_ localhost
    今天遇到一个客户BUG，当前的jdbc连接用户是root，然后部分删除操作都会报下面这个错误：The user specified as a definer ('aaa'@'localhost') does not exist 最后找原因发现删除操作做了触发器，而触发器里面有这样一句 /*!50017 DEFINER = ''aaa@'localhost' */  原来最初
  • javascript中showModelDialog刷新父页面 bozch JavaScript刷新父页面showModalDialog
    在页面中使用showModalDialog打开模式子页面窗口的时候，如果想在子页面中操作父页面中的某个节点，可以通过如下的进行：       window.showModalDialog('url',self,‘status...’); // 首先中间参数使用self       在子页面使用w
  • 编程之美-买书折扣 bylijinnan 编程之美
    import java.util.Arrays; public class BookDiscount { /**编程之美 买书折扣 书上的贪心算法的分析很有意思，我看了半天看不懂，结果作者说，贪心算法在这个问题上是不适用的。。 下面用动态规划实现。 哈利波特这本书一共有五卷，每卷都是8欧元，如果读者一次购买不同的两卷可扣除5%的折扣，三卷10%，四卷20%，五卷
  • 关于struts2.3.4项目跨站执行脚本以及远程执行漏洞修复概要 chenbowen00 strutsWEB安全
    因为近期负责的几个银行系统软件，需要交付客户，因此客户专门请了安全公司对系统进行了安全评测，结果发现了诸如跨站执行脚本，远程执行漏洞以及弱口令等问题。 下面记录下本次解决的过程以便后续 1、首先从最简单的开始处理，服务器的弱口令问题，首先根据安全工具提供的测试描述中发现应用服务器中存在一个匿名用户，默认是不需要密码的，经过分析发现服务器使用了FTP协议， 而使用ftp协议默认会产生一个匿名用
  • [电力与暖气]煤炭燃烧与电力加温 comsci
          在宇宙中,用贝塔射线观测地球某个部分,看上去,好像一个个马蜂窝,又像珊瑚礁一样,原来是某个国家的采煤区.....       不过,这个采煤区的煤炭看来是要用完了.....那么依赖将起燃烧并取暖的城市,在极度严寒的季节中...该怎么办呢?   &nbs
  • oracle O7_DICTIONARY_ACCESSIBILITY参数 daizj oracle
    O7_DICTIONARY_ACCESSIBILITY参数控制对数据字典的访问.设置为true,如果用户被授予了如select any table等any table权限,用户即使不是dba或sysdba用户也可以访问数据字典.在9i及以上版本默认为false,8i及以前版本默认为true.如果设置为true就可能会带来安全上的一些问题.这也就为什么O7_DICTIONARY_ACCESSIBIL
  • 比较全面的MySQL优化参考 dengkane mysql
    本文整理了一些MySQL的通用优化方法，做个简单的总结分享，旨在帮助那些没有专职MySQL DBA的企业做好基本的优化工作，至于具体的SQL优化，大部分通过加适当的索引即可达到效果，更复杂的就需要具体分析了，可以参考本站的一些优化案例或者联系我，下方有我的联系方式。这是上篇。   1、硬件层相关优化   1.1、CPU相关   在服务器的BIOS设置中，可
  • C语言homework2，有一个逆序打印数字的小算法 dcj3sjt126com c
    #h1#   0、完成课堂例子 1、将一个四位数逆序打印 1234 ==> 4321 实现方法一： # include <stdio.h> int main(void) { int i = 1234; int one = i%10; int two = i / 10 % 10; int three = i / 100 % 10;
  • apacheBench对网站进行压力测试 dcj3sjt126com apachebench
       ab 的全称是 ApacheBench ， 是 Apache 附带的一个小工具 ， 专门用于 HTTP Server 的 benchmark testing ， 可以同时模拟多个并发请求。前段时间看到公司的开发人员也在用它作一些测试，看起来也不错，很简单，也很容易使用，所以今天花一点时间看了一下。 通过下面的一个简单的例子和注释，相信大家可以更容易理解这个工具的使用。
  • 2种办法让HashMap线程安全 flyfoxs javajdkjni
    多线程之--2种办法让HashMap线程安全 多线程之--synchronized 和reentrantlock的优缺点 多线程之--2种JAVA乐观锁的比较( NonfairSync VS. FairSync)     HashMap不是线程安全的,往往在写程序时需要通过一些方法来回避.其实JDK原生的提供了2种方法让HashMap支持线程安全.  
  • Spring Security（04）——认证简介 234390216 Spring Security认证过程
    认证简介 目录 1.1     认证过程 1.2     Web应用的认证过程 1.2.1    ExceptionTranslationFilter 1.2.2    在request之间共享SecurityContext   1
  • Java 位运算 Javahuhui java位运算
    // 左移( << ) 低位补0 // 0000 0000 0000 0000 0000 0000 0000 0110 然后左移2位后，低位补0： // 0000 0000 0000 0000 0000 0000 0001 1000 System.out.println(6 << 2);// 运行结果是24 // 右移( >> ) 高位补"
  • mysql免安装版配置 ldzyz007 mysql
    1、my-small.ini是为了小型数据库而设计的。不应该把这个模型用于含有一些常用项目的数据库。 2、my-medium.ini是为中等规模的数据库而设计的。如果你正在企业中使用RHEL,可能会比这个操作系统的最小RAM需求(256MB)明显多得多的物理内存。由此可见，如果有那么多RAM内存可以使用，自然可以在同一台机器上运行其它服务。 3、my-large.ini是为专用于一个SQL数据
  • MFC和ado数据库使用时遇到的问题 你不认识的休道人 sqlC++mfc
    =================================================================== 第一个 =================================================================== try{ CString sql; sql.Format("select * from p
  • 表单重复提交Double Submits rensanning double
    可能发生的场景： *多次点击提交按钮 *刷新页面 *点击浏览器回退按钮 *直接访问收藏夹中的地址 *重复发送HTTP请求（Ajax） （1）点击按钮后disable该按钮一会儿，这样能避免急躁的用户频繁点击按钮。 这种方法确实有些粗暴，友好一点的可以把按钮的文字变一下做个提示，比如Bootstrap的做法： http://getbootstrap.co
  • Java String 十大常见问题 tomcat_oracle java正则表达式
    　1.字符串比较，使用“==”还是equals()? 　　"=="判断两个引用的是不是同一个内存地址(同一个物理对象)。 　　equals()判断两个字符串的值是否相等。 　　除非你想判断两个string引用是否同一个对象，否则应该总是使用equals()方法。 　　如果你了解字符串的驻留(String Interning)则会更好地理解这个问题。 　 　
  • SpringMVC 登陆拦截器实现登陆控制 xp9802 springMVC
    思路，先登陆后，将登陆信息存储在session中，然后通过拦截器，对系统中的页面和资源进行访问拦截，同时对于登陆本身相关的页面和资源不拦截。   实现方法： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他