原生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>

 

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

  • Java 开发必备：Hibernate 实战技巧大揭秘 AI开发架构师 javahibernate开发语言ai
    Java开发必备：Hibernate实战技巧大揭秘关键词：Hibernate、ORM、Session、事务管理、缓存优化、HQL、延迟加载摘要：本文从实战角度出发，结合生活案例与代码示例，深度解析Hibernate核心机制与开发技巧。无论你是Hibernate新手还是需要进阶的开发者，都能通过本文掌握从概念理解到项目落地的全流程技能，重点解决N+1查询、缓存优化、事务管理等高频问题，助你成为Jav
  • 01.单例模式深度解构：从青铜到王者，五种姿势玩转全局唯一对象 zhysunny 设计模式单例模式java
    目录引言：我们为什么需要"孤寡"对象？一、单例模式基础试炼场1.1核心三板斧二、单例模式的五种段位2.1倔强青铜：饿汉式（线程安全但可能浪费）2.2秩序白银：懒汉式（延迟加载但性能差）2.3荣耀黄金：双重校验锁（性能与安全兼备）2.4永恒钻石：静态内部类（优雅延迟加载）2.5最强王者：枚举单例（绝对防御形态）三、突破封印的暗影刺客：如何摧毁单例？3.1反射攻击与防御3.2序列化破解与免疫四、单例宇
  • Typecho Handsome 添加实时QPS图表 - 兼容主题pjax BXCQ_xuan php
    文章目录一、最终效果二、实现原理三、文件准备1.数据读取脚本2.数据更新脚本3.ECharts延迟加载器4.后台数据更新器(JS)四、侧边栏集成五、整合与配置(关键步骤)六、故障排查对于使用TypechoHandsome主题的博主来说，在侧边栏添加一个能实时反馈网站负载的QPS(每秒查询率)图表，是一项非常酷的功能。然而，Handsome主题强大的PJAX无刷新加载特性，也给这类需要持续运行的动态
  • “Java岗八股文”2025版史上最新最全超详细易理解，面试必备（三）MyBatis篇 爱学习的小熊猫_ Java岗八股文速通java面试mybatis后端
    文章目录MyBatis篇1、MyBatis执行流程2、Mybatis是否支持延迟加载？3、什么叫做延迟加载？4、延迟加载的原理5、Mybatis的一级、二级缓存用过吗？MyBatis篇1、MyBatis执行流程读取MyBatis配置文件：mybatis-config.xml加载运行环境和映射文件构造会话工厂SqlSessionFactory会话工厂创建SqlSession对象（包含了执行SQL语句
  • ECMAScript 2025（ES15）核心新特性全面解析 neon1204 新技术ecmascript前端开发语言
    ECMAScript2025（ES15）核心新特性全面解析本文深入探讨ECMAScript2025（ES15）的最新语言特性一、ES2025核心特性概览ECMAScript2025（通常简称为ES15）作为JavaScript的最新年度标准更新，引入了一些新特性，优化了一些问题。这些改进主要体现在以下方向：模块系统增强：原生JSON模块与延迟加载优化数据结构扩展：不可变数据类型与集合操作增强流程控
  • Android WebView 性能优化指南
    AndroidWebView性能优化指南WebView优化需要从多个维度综合考虑：优化维度关键措施预期收益初始化延迟加载、实例复用降低内存峰值渲染硬件加速、合理布局提升流畅度20%+内存独立进程、泄漏防护减少OOM风险网络缓存策略、资源拦截节省流量30%+安全漏洞修复、接口限制提升安全性监控性能埋点、远程调试快速定位问题WebView是Android中用于展示网页内容的组件，但如果不进行优化，可能
  • 【结构型之组合模式】游戏开发实战——Unity技能系统与UI架构的高效实现之道 敲代码的 蜡笔小新 设计模式组合模式unity设计模式c#
    文章目录组合模式（CompositePattern）深度解析一、模式本质与核心价值二、经典UML结构三、Unity实战代码（技能系统）1.定义组件接口2.实现叶子节点与复合节点3.客户端使用四、模式进阶技巧1.延迟加载优化2.组合迭代器3.可视化调试工具五、游戏开发典型应用场景六、性能优化策略七、模式对比与选择八、最佳实践原则九、常见问题解决方案组合模式（CompositePattern）深度解析
  • 《Effective Python》第十一章 性能——延迟加载模块，通过动态导入减少 Python 程序启动时间 不学无术の码农 EffectivePython精读笔记python开发语言
    引言本文基于《EffectivePython:125SpecificWaystoWriteBetterPython,3rdEdition》第11章:性能中的Item98：Lazy-LoadModuleswithDynamicImportstoReduceStartupTime。本文旨在总结书中关于延迟加载模块的核心观点，并结合我自己的开发经验，深入探讨其在实际项目中的应用场景与优化价值。Pytho
  • java微服务-linux单机CPU接近100%优化 showker java微服务linux
    你这个场景：4核16G机器同时运行了8个SpringBoot微服务，每个JAR文件100多MB导致CPU接近100%确实是一个常见但资源紧绷的部署情境。下面是分层的优化建议，包括JVM、系统、服务架构等多个方面，帮助你降CPU、稳运行、可扩展。✅一图总览优化路径（建议按优先级依次考虑）1.JVM调优←性价比最高，立即可做2.服务精简←观察是否可合并、拆分、延迟加载3.资源隔离←多台部署orDock
  • 代理模式 - Flutter中的智能替身，掌控对象访问的每一道关卡！ 明似水 flutter代理模式flutter
    痛点场景：直接加载高清大图假设你的应用需要显示用户相册：NetworkImage('https://example.com/high-res-photo.jpg')面临的问题：网络差时长时间白屏重复下载相同图片浪费流量敏感图片无权限验证内存占用过高导致崩溃代理模式解决方案核心思想：为其他对象提供一种代理以控制对这个对象的访问。三种常见代理类型：虚拟代理：延迟加载大资源（如占位图→高清图）保护代理：
  • Java设计模式之结构型模式（代理模式）介绍与说明 爪哇手记 #Java知识点java开发语言笔记代理模式学习
    一、代理模式的核心概念定义代理模式为对象提供一个代理（或占位符），通过代理对象控制对目标对象的访问，实现权限控制、功能增强或延迟加载等需求。例如，生活中通过中介购房，避免直接与房主接触，即为代理模式的典型应用。核心作用隔离客户端与目标对象：客户端不直接操作目标对象，降低耦合度。功能增强：在调用目标方法前后添加日志、权限校验、缓存等逻辑。控制访问：如远程调用、安全权限过滤、延迟加载等场景。二、代理模
  • JavaScript性能优化实战 黑客飓风 javascript性能优化开发语言
    JavaScript性能优化实战技术文章大纲性能优化的重要性解释为什么性能优化对用户体验和业务指标至关重要讨论核心Web指标（LCP、FID、CLS）与JavaScript性能的关系代码层面优化减少DOM操作，使用文档片段或虚拟DOM避免频繁的重绘和回流，利用CSS动画替代JS动画使用事件委托减少事件监听器数量优化循环结构，减少不必要的计算加载策略优化异步加载和延迟加载非关键JavaScript代
  • Python内置模块之importlib详细功能介绍及示例 demonlg0112 Pythonpythonlinux服务器网络运维云原生经验分享
    Python的importlib模块提供了一套丰富的工具，用于动态管理模块的导入和加载过程。它在插件系统、延迟加载、热重载（热更新）等场景中非常有用。以下是importlib的核心方法及实际场景示例：一、importlib的核心方法方法/类说明import_module(name)动态导入模块（等价于import）reload(module)重新加载已导入的模块（适用于热更新）find_loade
  • Java ORM框架深度解析：Hibernate、MyBatis与Spring Data JPA对比 樽酒ﻬق java面试javahibernatemybatis
    目录JavaORM框架深度解析：Hibernate、MyBatis与SpringDataJPA对比引言：ORM在Java开发中的作用理解对象关系映射（ORM）主流JavaORM框架概览HibernateMyBatisSpringDataJPAEclipseLinkOpenJPA其他值得注意的框架主要特性综合比较易用性和学习曲线性能特点灵活性和定制选项社区支持和文档事务管理缓存机制延迟加载和即时加载
  • 将 Intersection Observer 与自定义 React Hook 结合使用 liangshanbo1215 react.js前端前端框架
    在现代Web开发中，创建响应式和动态的用户界面至关重要。一个常见的要求是确定某些元素是否在视区中，从而启用延迟加载内容或触发动画等操作。在本文中，我们将探讨如何使用TypeScript和React实现这一点，通过自定义Reacthook利用IntersectionObserverAPI。了解IntersectionObserverIntersectionObserver是一个WebAPI，它允许开
  • wpf 控件开发中，OnApplyTemplate 和 OnContentRendered区别 ou.cs wpfwpfc#.net
    文章目录`OnApplyTemplate`与`OnContentRendered`的区别及使用场景一、核心区别对比1.`OnApplyTemplate`阶段2.布局阶段3.`OnContentRendered`阶段4.特殊场景4.1模板动态变更的情况4.2延迟加载的场景4.3Visibility变化二、详细解析1.`OnApplyTemplate`-模板应用通知2.`OnContentRender
  • 前端JavaScript面试题（2） 哈哈小鬼~FE 前端面试题#JS面试题javascript前端开发语言
    ✨✨✨目录1.箭头函数与普通函数的区别？2.箭头函数的this指向哪里？3.扩展运算符的作用及使用场景？4.对对象\数组解构的理解？5.你是怎么理解ES6中Proxy的？使用场景有哪些?6.说说对ES6中rest参数的理解？7.Map和Object的区别？8.Map和WeakMap的区别？9.JavaScript有哪些内置对象？10.正则表达式运用及使用场景？11.JavaScript脚本延迟加载
  • 代理模式（Proxy Pattern） lpfasd123 深入解读软件设计模式代理模式设计模式java
    代理模式（ProxyPattern）是一种结构型设计模式，它为其他对象提供一种代理以控制对这个对象的访问。代理模式可以在访问对象时添加额外的操作，如延迟加载、访问控制、日志记录等。体现的设计原则单一职责原则：代理类负责处理与访问控制相关的任务，而实际的对象则专注于其核心功能。开闭原则：可以在不修改现有代码的情况下扩展系统的功能，通过添加新的代理类来实现新功能。接口隔离原则：代理和实际对象都实现相同
  • MyBatis性能优化指南 - 打造高性能持久层
    目录一、性能优化概述二、SQL优化1.合理使用索引2.避免全表扫描3.SQL语句优化三、缓存优化1.一级缓存优化2.二级缓存优化3.自定义缓存四、连接池优化1.连接池配置2.使用第三方连接池五、批量操作优化1.使用批处理执行器2.使用动态SQL批量操作六、延迟加载优化1.全局延迟加载配置2.按需配置延迟加载七、执行器优化1.选择合适的执行器2.自定义执行器八、性能监控1.SQL日志监控2.使用性能
  • 22.代理模式：思考与解读 智想天开 理解设计模式代理模式设计模式
    原文地址:代理模式：思考与解读更多内容请关注：深入思考与解读设计模式引言在软件开发中，尤其是当对象的访问需要控制时，你是否遇到过这样的问题：某些操作或对象可能需要进行额外的检查、优化或延迟加载，或者你希望控制客户端如何访问一个资源？如果我们有一种方式，可以让客户端通过另一个对象来间接访问原始对象，从而控制这个访问过程，这样的设计是否能提高系统的灵活性和安全性？代理模式正是为了解决这个问题而设计的。
  • 【JVM】Java虚拟机（一）——内存结构 gadiaola JVMjvmjava
    目录一、简介二、程序计数器三、虚拟机栈栈帧结构：特点：四、本地方法栈特点：五、堆堆结构：特点：对象分配过程：六、方法区方法区结构：特点：运行时常量池七、StringTable（一）StringTable核心概念（二）核心特性与机制1.字符串唯一性（Intern机制）2.延迟加载3.不可变性（三）内存位置演变（四）字符串创建流程（五）性能优化建议（六）示例：StringTable与GC交互（七）总结
  • c++设计模式-单例模式（补充） 轩宇^_^ qtc++设计模式单例模式
    C++设计模式-单例模式详解（补充懒汉式和饿汉式）在单例模式的实现中，根据实例化时机的不同，主要分为两种类型：懒汉式（LazyInitialization）和饿汉式（EagerInitialization）。这两种实现方式各有特点，适用于不同的场景。懒汉式单例（LazyInitialization）懒汉式单例的特点是延迟加载，即实例在第一次被使用时才会被创建。这种方式适合资源占用较大、或在程序运行
  • Spring 懒加载的实际应用 Excellent的崽子 SpringBoot面试springboot后端
    引言在Spring框架中，懒加载机制允许你在应用程序运行时延迟加载Bean。这意味着Bean只会在第一次被请求时才实例化，而不是在应用程序启动时就立即创建。这种机制可以提高应用程序的启动速度，并节省内存资源。Spring的懒加载机制懒加载属性：在Spring中，可以通过在Bean定义中设置lazy-init="true"属性来启用懒加载。这告诉Spring容器在启动时不要初始化该Bean，而是在第
  • treeSelect 显示不全问题__插件包treeselete 猫328 vue包开发语言前端
    1.功能支持嵌套选项的单选和多选；模糊匹配；异步搜索；延迟加载（仅在需要时加载深度选项的数据）；键盘支持；丰富的选项和高度可定制的；支持多种浏览器。2.使用npminstall--save@riophae/vue-treeselect{{node.label}}//importthecomponentimportTreeselectfrom'@riophae/vue-treeselect'//im
  • 如何在 Vue 3 中实现懒加载组件？ JJCTO袁龙 Vuevue.jsjavascript前端
    如何在Vue3中实现懒加载组件？随着现代前端框架的发展，懒加载作为一种优秀的性能优化技术，在用户体验和加载速度上扮演着越来越重要的角色。Vue3提供的异步组件功能使得在应用中实现懒加载组件变得极为简单。本文将详细介绍如何在Vue3中实现懒加载组件，确保你能够将这一技术应用到自己的项目中。什么是懒加载？懒加载（LazyLoading）是一种设计模式，它延迟加载资源（如组件、图片等），直到需要时再加载
  • 常见前端项目性能优化方案 -嘻嘻哈哈~ 前端性能优化
    一、页面内容优化减少http请求次数减少DNS查询次数避免页面跳转缓存ajax延迟加载（一般用在图片多的页面中，滚动时才加载）预加载减少DOM元素数量减少iframe数量避免404二、css优化将样式表置顶将（CSS放在HEAD中，防止浏览器有可能还未下载和解析到CSS就已经开始渲染页面）避免css表达式用link代替@import;使用css@import会造成额外的请求避免使用filtersc
  • 深入掌握MyBatis：连接池、动态SQL、多表查询与缓存 wertuiop_ mybatissql缓存
    文章目录一、MyBatis连接池1.1连接池的作用1.2MyBatis连接池分类二、动态SQL2.1if标签2.2where标签2.3foreach标签2.4SQL片段复用三、多表查询3.1多对一查询（一对一）3.2一对多查询四、延迟加载4.1立即加载vs延迟加载4.2配置延迟加载五、MyBatis缓存5.1一级缓存5.2二级缓存5.3一级缓存vs二级缓存：核心差异5.4缓存使用陷阱与最佳实践**
  • MyBatis 延迟加载与缓存 lyrhhhhhhhh mybatis缓存sql
    一、延迟加载策略：按需加载，优化性能1.延迟加载vs立即加载：核心区别立即加载：主查询（如查询用户）执行时，主动关联加载关联数据（如用户的所有账号）。场景：多对一查询（如账号关联用户），需立即获取关联数据。延迟加载：主查询执行时暂不加载关联数据，仅当程序访问关联数据时，再触发子查询。场景：一对多查询（如用户关联多个账号），减少初始查询压力。举个小例子：场景：查询用户信息时不立即加载其订单，仅在需要
  • 【C++动态库】将C++代码封装成dll动态库有哪些好处？ dvlinker C/C++实战专栏C/C++软件开发从入门到实战C++静态库动态库隐式加载与显式加载动态加载延迟加载提升程序启动速度
    目录1、需要了解的相关概念与预备知识1.1、程序的加载与启动过程1.2、代码段内存与数据段内存1.3、静态库与动态库的区别1.4、动态库的隐式加载与显式加载2、将代码封装成dll的诸多好处2.1、便于模块化管理2.2、将公用模块做成dll，可以减少模块大小、减小内存占用2.3、做成dll，可以按需要去动态加载动态库2.4、做成dll，可以动态加载，也可以延迟加载，提升程序启动速度2.5、将底层业务
  • iframe的延迟加载 HarryHY JS
    loading=“lazy”
  • 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其他