杨小剑
杨小剑

图片的延时加载

对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。这里用的插件Lazy Load

这里提供教程网站：http://code.ciaoca.com/jquery/lazyload/

这里只需要引入  jquery-1.11.1.min.js和jquery.lazyload.min.js

注意 ：将真实图片地址写在 data-original 属性中，而 src 属性中的图片换成占位符的图片（例如 1x1 像素的灰色图片或者 loading 的 gif 图片） 添加 class="lazy" 用于区别哪些图片需要延时加载，当然你也可以换成别的关键词，修改的同时记得修改调用时的 jQuery 选择器，添加width 和height属性有助于在图片未加载时沾满所需的空间。

这样就可以实现了，是不是很easy。哈哈 
<html><head>
<meta charset="utf-8">
<title>图片延迟加载 </title>
</head>
<body>      
    <div class="example content">
        <img width="765" height="574" alt="BMW M1 Hood" data-original="img/bmw_m1_hood.jpg" src="img/bmw_m1_hood.jpg" style="display: block;">
        <img width="765" height="574" alt="BMW M1 Side" data-original="img/bmw_m1_side.jpg" src="img/bmw_m1_side.jpg" style="display: block;">
        <img width="765" height="574" alt="Viper 1" data-original="img/viper_1.jpg" src="img/grey.gif"><br>
        <img width="765" height="574" alt="Viper Corner" data-original="img/viper_corner.jpg" src="img/grey.gif"><br>
        <img width="765" height="574" alt="BMW M3 GT" data-original="img/bmw_m3_gt.jpg" src="img/grey.gif"><br>
        <img width="765" height="574" alt="Corvette Pitstop" data-original="img/corvette_pitstop.jpg" src="img/grey.gif"><br>
    </div>      
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.lazyload.min.js"></script>
<script>
$(function(){
  $('img').lazyload({
    effect:'fadeIn',
    //event: 'scrollstop',
    appear:function(elements_left, settings) {
      console.log('appear');
      console.log(elements_left);
      //console.log(this, elements_left, settings);
    },
    load:function(elements_left, settings) {
      console.log('load');
      console.log(elements_left);
      //console.log(this, elements_left, settings);
    }
    
  });
});
</script>
</body>
</html>

效果的话，我们可以用360浏览器保存网页图片功能进行观看

你可能感兴趣的:(图片的延时加载)

  • C++的auto_ptr智能指针：从诞生到被弃用的历程 码事漫谈 c++c++开发语言
    C++作为一种功能强大的编程语言，为开发者提供了众多便捷的特性和工具，其中智能指针是其重要特性之一。智能指针能够自动管理内存，有效避免内存泄漏等常见问题。然而，并非所有智能指针都尽善尽美，auto_ptr便是其中的一个例子。本文将深入剖析auto_ptr的诞生、发展以及最终被弃用和移除的历程，帮助你更好地理解这一智能指针的兴衰史。auto_ptr的诞生背景与初衷在C++98标准中，auto_ptr
  • 网络名称解析：IP，掩码（netmask），网关(gateway)，DNS？ 章鱼丸仔 网络网络
    文章目录一、IP地址A、IP地址格式B、网络号码与主机号码C、广播地址、网段地址二、IP地址分配三、子网掩码四、CIDR什么是CIDR？CIDR表示法五、gateway默认网关六、dns-nameserve域名服务器一、IP地址每个IP地址都是由“网络号+主机号”两部分组成。IP地址管理机构在分配IP地址时，只分配网络号，而剩下的主机号则由得到该网络号的单位自行分配。IP地址由32位二进制数组成，
  • Python进阶实战：利用元组作为字典键的巧妙策略 Yori_22 Python编程python开发语言
    在Python编程中，字典（dictionary）是一种非常强大且灵活的数据结构，它允许我们通过键（key）来快速访问和存储值（value）。通常，字典的键可以是任何不可变的数据类型，如整数、浮点数、字符串或元组。在这篇文章中，我们将深入探讨如何利用元组作为字典键的巧妙策略，特别是在处理复杂数据时，这种策略能够带来意想不到的便利和效率。一、元组作为字典键的基础在Python中，元组（tuple）是
  • 贪心与动规（动态规划） programming expert 动态规划算法
    1.贪心与动规的区别贪心算法和动态规划的主要区别在于它们解决问题的方式、能否保证得到最优解以及算法复杂度‌。‌解决问题的方式‌：贪心算法：在每一步选择中都采取当前状态下最优的选择，从而希望导致结果是全局最优的。它通常不考虑未来后果，只关注当前的最优解‌。动态规划：将原问题分解为子问题，通过解决子问题，并将子问题的解存储下来（通常是存储在一个表格中），在解决原问题时利用这些子问题的解。它通常以自底向
  • Python基础06（字符串格式化/操作方法） XYX的Blog Pythonpython开发语言
    字符串在Python中，字符串属于不可变有序序列，使用单引号、双引号、三单引号或三双引号作为定界符，并且不同的定界符之间可以互相嵌套。除了支持序列通用方法（包括双向索引、比较大小、计算长度、元素访问、切片、成员测试等操作）以外，字符串类型还支持一些特有的操作方法，例如字符串格式化、查找、替换、排版等等。字符串属于不可变序列，不能直接对字符串对象进行元素增加、修改与删除等操作，切片操作也只能访问其中
  • Python基础02（Python序列结构/列表/元组/集合/字典/序列解包） XYX的Blog Pythonpython
    Python序列结构序列结构的分类：1.有无顺序（是否可以通过索引访问序列结构的元素）：有序：列表，元组，字符串无序：字典，集合2.是否可变（是否可以增加或删除元素）：可变：列表，字典，集合不可变：元组，字符串1.List列表列表（list）是最重要的Python内置对象之一，是包含若干元素的有序连续内存空间。在形式上，列表的所有元素放在一对[]中，元素之间使用逗号分隔。在Python中，同一个列
  • 图论06-飞地的数量(Java) XYX的Blog 算法学习图论算法java
    6.飞地的数量题目描述给你一个大小为mxn的二进制矩阵grid，其中0表示一个海洋单元格、1表示一个陆地单元格。一次移动是指从一个陆地单元格走到另一个相邻（上、下、左、右）的陆地单元格或跨过grid的边界。返回网格中无法在任意次数的移动中离开网格边界的陆地单元格的数量。示例1：输入：grid=[[0,0,0,0],[1,0,1,0],[0,1,1,0],[0,0,0,0]]输出：3解释：有三个1被
  • 改进yolov8缺陷检测+swin+transformer QQ_1309399183 计算机视觉实战项目集锦YOLOtransformer深度学习人工智能计算机视觉opencv机器学习
    使用NEU-DET数据集进行缺陷检测的YOLOv8改进模型应用详解在现代工业生产过程中，质量控制是至关重要的一个环节。随着机器视觉技术和人工智能算法的发展，基于深度学习的方法已经成为自动化缺陷检测的重要工具。本篇将介绍一种基于NEU-DET数据集，利用YOLOv8及其改进版本（包含坐标注意力机制和SwinTransformer）进行缺陷检测的应用开发过程。我们将详细探讨从数据准备到模型训练，再到最
  • 自建 MongoDB 实战 | MongoDB 文档查询 新钛云服 mongodb数据库nosql
    新钛云服已累计为您分享703篇技术干货专题介绍：八篇文章，近五万字。自建MongoDB实践系列文章，为您阐述日常工作中常用的NoSQL产品——MongoDB运维相关的日常实战。主要涉及到：·MongoDB的安装及基本使用（点击进入）·MongoDB文档查询（本期内容）·MongoDB复制集的介绍及搭建（后续更新）·MongoDB分片集群的介绍及搭建（后续更新）·MongoDB的备份及恢复（后续更新
  • 智能眼镜火热发展 AI+AR或将成为主流趋势？ MILI元宇宙 人工智能ar
    日前，TheVerge发布消息称，AI智能音频眼镜Ray-BanMeta的销量可能已突破100万。Meta在博客中也指出，Ray-BanMeta取得了超预期的市场表现，眼镜的销售速度比生产速度还要快，目前团队正着手于推出更多新款式。Ray-BanMeta被称为AI眼镜是在其MetaAI功能上线后的事情，而在这之前大家称它为智能眼镜或是智能音频眼镜。事实上，眼镜的前身是智能音频眼镜，其厂商更多的是知
  • 全网最全Stable diffusion保姆级教程「安装-配置-画图」，小白必收藏！！ AI想象家 stablediffusionAI作画midjourney人工智能深度学习
    随着chatgpt爆火之后，越来越多的人开始关注人工智能，人工智能相关的其他应用如AI绘画，也再次得到人们的关注。AI绘画的确很上头，最近几天小编也研究一下，这里把研究的过程以及中间遇到的问题整理一下，我这里遇到的问题，相信新入门的小白也会遇到，希望本文对你能有一定的帮助。给大家带来了全新保姆级教程资料包（文末可获取）目前常用的AI绘画工具主要有两种：stablediffusion和midjour
  • Prometheus监控数据类型 xianyuLuo. kubernetesprometheus
    Prometheus监控数据类型类型特点常用命名常用函数Counter计数器，只增不减*_total*_sum*_countrate：求增长率topk：Top前N的信息Gauge反映当前状态，可增可减一般不带后缀直接使用指标，表示当前状态delta：可以获取样本在一段时间返回内的变化情况predict_linear：数据的变化趋势进行预测Histogram/Summary数据分区间计算带指标的总和
  • （贪心）快速过河问题——算法笔记 JeffyGao C++算法笔记
    首先对数组进行排序，速度快的在前面(过河速度取决于慢者)。记速度最快的依次为a,b,c,d...左侧是渡河的起点，left表示左边剩余人数由数学知：当2*b不等于a+c时需要判断min(s1,s2)s1,s2表示把cd带走所需的秒数。12出发，1返回；34出发，2返回；12过去s1=speed[1]+speed[0]+speed[left-1]+speed[1];13出发，1返回；14出发，1返回
  • 分布式二级缓存组件实战（Redis+Caffeine实现） 鸨哥学JAVA 程序员Java编程redis缓存分布式
    所谓二级缓存缓存就是将数据从读取较慢的介质上读取出来放到读取较快的介质上，如磁盘-->内存。平时我们会将数据存储到磁盘上，如：数据库。如果每次都从数据库里去读取，会因为磁盘本身的IO影响读取速度，所以就有了像redis这种的内存缓存。可以将数据读取出来放到内存里，这样当需要获取数据时，就能够直接从内存中拿到数据返回，能够很大程度的提高速度。但是一般redis是单独部署成集群，所以会有网络IO上的消
  • Golang 生态学习 蚂蚁在飞- golang人工智能自然语言处理
    1.Go语言基础在深入Go语言的生态之前，首先需要掌握Go语言本身的核心特性。•Go语言官方文档：https://golang.org/doc/Go官方文档是学习语言基础和标准库的首选资源。•学习内容：•基础语法：数据类型、控制流、函数、结构体、接口、错误处理等。•并发编程：Go的并发模型（goroutines和channels）是Go的强项，学习并发编程是使用Go的重要步骤。•内存管理：Go的垃
  • 一文讲解常见API开发工具 蚂蚁在飞- 运维人工智能
    1.Hoppscotch•简介:•Hoppscotch是一个开源的、基于浏览器的API请求工具。•设计简单轻量，适合快速测试和调试HTTP请求。•特点:•开源免费:基于Web的开源工具，可在浏览器中直接使用。•支持多种协议:包括REST、GraphQL、WebSocket、Socket.IO和MQTT。•实时调试:提供实时响应查看。•无需安装:无需安装客户端，只需打开浏览器即可。•适合团队协作:提
  • Go Web 框架集合 蚂蚁在飞- golang开发语言后端
    1.Gin•简介：Gin是一个高性能的GoWeb框架，设计目标是提供速度和高效性。它是Go语言中最受欢迎的Web框架之一。•特点：•极高的性能，基于httprouter。•支持中间件、JSON渲染、路由分组等功能。•丰富的错误处理和请求验证功能。•良好的文档和社区支持。•适用场景：适合需要高性能和灵活性的Web服务或RESTfulAPI。官方网站：https://gin-gonic.com/2.E
  • 一文讲解Mysql中常见排查追踪方案 蚂蚁在飞- mysql数据库
    1.EXPLAIN语句EXPLAIN可以显示MySQL执行SQL查询时的执行计划。通过执行计划，可以了解查询中各个表的访问方式、连接方式、使用的索引等，从而帮助优化查询。EXPLAINSELECT*FROMtable_nameWHEREcondition;•输出字段：•id：查询的执行顺序。•select_type：查询类型，例如简单查询、子查询、联合查询等。•table：查询涉及的表。•type
  • 分享两个网络大热的百万字天涯神帖 《人间》凯文日记的最新下载地址（珍稀文件，下载收藏，妥善保存） 天涯小k 学习
    分享两个网络大热的百万字天涯神帖《人间》凯文日记的免密下载地址：（珍稀资源，下载收藏）：、下载地址1：文叔叔-传文件，找文叔叔（永不限速）下载地址2：文叔叔-传文件，找文叔叔（永不限速）
  • 数据结构(Java版)第二期：包装类和泛型 手握风云- 数据结构(Java版)数据结构java开发语言
    目录一、包装类1.1.基本类型和对应的包装类1.2.装箱和拆箱1.3.自动装箱和自动拆箱二、泛型的概念三、引出泛型3.1.语法规则3.2.泛型的优点四、类型擦除4.1.擦除的机制五、泛型的上界5.1.泛型的上界的定义5.2.语法规则六、泛型方法6.1.定义语法6.2.交换方法的实例七、通配符包装类和泛型我们在Java语法中，我们在基本数据类型里面涉及过，但是我们在语法里面用不到，而在数据结构里面我
  • 【java小灶课】详解java与python的不同之处 wit_@ pythonjavabigdataweb
    以下是一篇详细的博客，全面介绍了Java与Python在多方面的区别，包括语法、类型系统、内存管理、面向对象特性、并发编程以及常见应用场景等，希望能帮助你深入理解这两门语言的异同，为学习或实际应用提供指导。目录语言概述语法对比类型系统内存管理与垃圾回收面向对象特性函数式编程与Lambda表达式异常处理标准库与第三方库生态并发和多线程运行效率与性能优化常见应用场景学习曲线与社区支持总结1.语言概述J
  • JS中const有没有变量提升 lvbb66 javascript前端开发语言
    在JavaScript中，const关键字用于声明一个只读的常量，其值在初始化后不能被重新赋值。关于变量提升（Hoisting），它是JavaScript中一个重要的概念，指的是无论变量或函数声明在何处，它们都会被“提升”到其所在作用域的最顶部。但是，这个规则不完全适用于const和let声明的变量。变量提升（Hoisting）的传统理解在ES6之前，JavaScript只有var关键字用于声明变
  • 贪心算法：求过河的最短时间 2301_81758904 算法
    描述：N位旅行者在夜里过桥需要借助手电筒。但N个人中只有一个手电筒，而且桥同时只能让两个人过。每个人单独过桥所需时间已知，但如果两个人同时过桥则所需时间是走得慢的那个人单独过桥所需的时间。要求：设计一个方案，让这N个人尽快过桥，计算这N个人的最短过桥时间。此如：有甲乙丙丁四个人，他们过河所需的时间分别是1，2，5，10。让最快的2个人先过桥，然后让跑的最快的人回去接剩下的人。例如：先让甲乙过去(2
  • 数据库的DQL(1) 比特知识工坊 MySQL专栏数据库
    数据库的DQLDQL是sql中的一种重要语言类型，用于查询数据库中表的记录。DQL的主要关键字是select，用于从数据库中检索数据。常见的查询操作包括基本查询，条件查询，排序查询，分组查询，聚合函数等；在MySQL中，可以使用select语句来查询数据。查询数据是指从数据库总根据需求，使用不同的查询方式来获取不同的数据。SELECTFROM表名WHERE表达式在练习之前，导入准备好的sql文件。
  • 常见哈希表相关题目 我要学编程(ಥ_ಥ) 优选算法专题算法数据结构哈希表
    找往期文章包括但不限于本期文章中不懂的知识点：个人主页：我要学编程(ಥ_ಥ)-CSDN博客所属专栏：优选算法专题目录1.两数之和面试题01.02.判定是否互为字符重排217.存在重复元素219.存在重复元素II49.字母异位词分组哈希表我们在数据结构阶段也是重点学习了，并且也已经刷了一部分的题目了。下面还练习一部分题目即可。1.两数之和题目：给定一个整数数组nums和一个整数目标值target，请
  • 使用 Caffeine 和 Redis 实现高效的二级缓存架构 微技术 redis架构数据库缓存
    在现代应用开发中，缓存是提升系统性能的关键手段。为了兼顾本地缓存的高性能和分布式缓存的扩展能力，常见的实现方式是结合使用Caffeine和Redis实现二级缓存架构。本文将详细介绍如何通过SpringBoot实现一个Caffeine+Redis二级缓存，并通过合理的架构设计和代码实现，确保缓存的一致性、性能和容错性。一、需求与挑战1.多级缓存的需求：•一级缓存（Caffeine）：快速响应，存储本
  • Wi-Fi 7、Wi-Fi 6 与 5G、4G 的全方位对比 微凉的衣柜 科技头条5G网段
    随着无线通信技术的飞速发展，Wi-Fi7、Wi-Fi6，以及5G、4G已经成为人们生活和工作中不可或缺的网络技术。无论是家庭网络、高速移动通信，还是工业物联网，这些技术都在发挥各自的作用。那么，它们之间有什么区别？适用的场景又有哪些呢？本文将从速度、延迟、覆盖范围、网络架构和应用场景等多方面为大家做一个详细的对比分析。1.技术基本概念Wi-Fi7（802.11be）：最新一代Wi-Fi标准，主打超
  • 华为OD机试E卷 --找数字--24年OD统一考试（Java & JS & Python & C & C++） 飞码创造者 最新华为OD机试题库2024华为odjavajavascriptc语言python
    文章目录题目描述输入描述输出描述用例题目解析JS算法源码Java算法源码python算法源码c算法源码c++算法源码题目描述小扇和小船今天又玩起来了数字游戏，小船给小扇一个正整数n（1≤n≤1e9），小扇需要找到一个比n大的数字m，使得m和n对应的二进制中1的个数要相同，如：4对应二进制1008对应二进制1000其中1的个数都为1个现在求m的最小值。输入描述输入一个正整数n（1≤n≤1e9）输出描
  • 【Python】成功解决ValueError: zero-size array to reduction operation minimum which has no identity 高斯小哥 BUG解决方案合集python新手入门学习debug
    【Python】成功解决ValueError:zero-sizearraytoreductionoperationminimumwhichhasnoidentity个人主页：高斯小哥高质量专栏：Matplotlib之旅：零基础精通数据可视化、Python基础【高质量合集】、PyTorch零基础入门教程希望得到您的订阅和支持~创作高质量博文(平均质量分92+)，分享更多关于深度学习、PyTorch、
  • docker运行Java项目，Kaptcha因为字体缺失没法显示验证码图片 商鼎云技术 dockerjava容器
    2015工作至今，10年资深全栈工程师，CTO，擅长带团队、攻克各种技术难题、研发各类软件产品，我的代码态度：代码虐我千百遍，我待代码如初恋，我的工作态度：极致，责任，死磕！欢迎点赞、收藏、关注，更多分享请进我主页。Java项目在开发主机以及宿主服务器，Kaptcha都可以正常显示验证码图片，而docker运行Java项目，Kaptcha会因为字体缺失而没法显示验证码图片，报错如下java.lan
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他