YooHoeh
YooHoeh

前端优化——懒加载篇

#懒加载

1.什么是懒加载

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。

2.为什么要用懒加载

  • 能提升用户的体验，不妨设想下，用户打开像手机淘宝长页面的时候，如果页面上所有的图片都需要加载，由于图片数目较大，等待时间很长，用户难免会心生抱怨，这就严重影响用户体验。
  • 减少无效资源的加载，这样能明显减少了服务器的压力和流量，也能够减小浏览器的负担。
  • 防止并发加载的资源过多会阻塞js的加载，影响网站的正常使用。

3.懒加载的原理

首先将页面上的图片的 src 属性设为空字符串，而图片的真实路径则设置在data-original属性中， 当页面滚动的时候需要去监听scroll事件，在scroll事件的回调中，判断我们的懒加载的图片是否进入可视区域,如果图片在可视区内将图片的 src 属性设置为data-original 的值，这样就可以实现延迟加载。

4.懒加载实现步骤

    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Lazyloadtitle>
        <style>
          .image-item {
    	    display: block;
    	    margin-bottom: 50px;
    	    height: 200px;//一定记得设置图片高度
    	}
        style>
    head>
    <body>
    <img src="" class="image-item" lazyload="true"  data-original="images/1.png"/>
    <img src="" class="image-item" lazyload="true"  data-original="images/2.png"/>
    <img src="" class="image-item" lazyload="true"  data-original="images/3.png"/>
    <img src="" class="image-item" lazyload="true"  data-original="images/4.png"/>
    <img src="" class="image-item" lazyload="true"  data-original="images/5.png"/>
    <img src="" class="image-item" lazyload="true"  data-original="images/6.png"/>
    <img src="" class="image-item" lazyload="true"  data-original="images/7.png"/>
    <img src="" class="image-item" lazyload="true"  data-original="images/8.png"/>
    <img src="" class="image-item" lazyload="true"  data-original="images/9.png"/>
    <img src="" class="image-item" lazyload="true"  data-original="images/10.png"/>
    <img src="" class="image-item" lazyload="true"  data-original="images/11.png"/>
    <img src="" class="image-item" lazyload="true"  data-original="images/12.png"/>
    <script>
    var viewHeight =document.documentElement.clientHeight//获取可视区高度
    function lazyload(){
    var eles=document.querySelectorAll（'img[data-original][lazyload]'）
    Array.prototype.forEach.call(eles,function(item,index){
    var rect
    if(item.dataset.original==="")
       return
    rect=item.getBoundingClientRect()// 用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置
    if(rect.bottom>=0 && rect.top < viewHeight){
    !function(){
      var img=new Image()
      img.src=item.dataset.url
      img.onload=function(){
        item.src=img.src
        }
    item.removeAttribute（"data-original"）//移除属性，下次不再遍历
    item.removeAttribute（"lazyload"）
       }()
      }
     })
    }
    lazyload()//刚开始还没滚动屏幕时，要先触发一次函数，初始化首页的页面图片
    document.addEventListener（"scroll"，lazyload)
    script>
    body>
    html>

参考文章

详解懒加载和预加载(js)

懒加载和预加载

你可能感兴趣的:(Web性能优化)

  • Web性能优化之如何评估网页性能——性能指标和度量工具介绍 Micheal_Wayne 前端性能优化chromedevtools
    前言用户在访问web网页时，大部分都希望网页能够在一秒完成。事实上，加载时间每多1秒，就会流失7%的用户。如果时间超过8s用户就会感到不耐烦、会放弃访问。这也就是著名的“8秒原则”。虽然当今设备及网络环境都大幅提升，但“带宽低”、“速度慢”、“内存小”的平均情况仍然是web性能瓶颈，特别是在移动端。因此多年以来，web性能优化依旧是一个非常庞大的工程，需要制定指标、确定标准、采用优化手段、进行性能
  • web性能优化 - 重排与重绘 squidbrother
    重排与重绘重排[重构/回流/reflow]：当DOM变化影响了节点的几何属性，浏览器需要重新计算节点的几何属性，并且页面中其他节点的可能受影响，这样渲染树就发生了改变并重新构造渲染树。这个过程称为重排。引起方式：改变页面布局（width,height,left,top等）重绘[repaint或redraw]：重绘是一个节点的外观发生改变的行为，例如改变color、outline等属性。浏览器会根据
  • web性能优化-面试篇 sweetBoy_9126
    分析一个网站从用户按回车的一瞬间经历了哪些跟前端相关的过程先判断页面的缓存DNS查询建立TCP连接发送HTTP请求接收响应接收完成得到一个HTML查看DOCTYPE根据你的DOCTYPE去选择是用html/xml逐行解析（阅读）看到标签看到css(下载css然后继续往下看还有没有css，如果还有旧同时下载第二个，第三个....最ie可以同时下载4个，当超过4个的时候剩下的就得排队，等到其中哪一个下
  • 强制缓存与协商缓存 镜轩夕照
    Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。但是对于很多前端同学来说，仅仅只是知道浏览器会对请求的静态文件进行缓存，但是为什么被缓存，缓存是怎样生效的，却并不是很清楚。在此，我会尝试用简单明了的文字，像大家系统的介绍HTTP缓存机制，期望对各位正确的理解前端缓存有所帮助。使用缓
  • 【转】HTTP 请求头中的 X-Forwarded-For liuwei89757
    原文链接：https://imququ.com/post/x-forwarded-for-header-in-http.html我一直认为，对于从事Web前端开发的同学来说，HTTP协议以及其他常见的网络知识属于必备项。一方面，前端很多工作如Web性能优化，大部分规则都跟HTTP、HTTPS、SPDY和TCP等协议的特点直接对应，如果不从协议本身出发而是一味地照办教条，很可能适得其反。另一方面，随
  • HTTP 请求头中的 X-Forwarded-For 想跑步丶小胖子 http
    HTTP请求头中的X-Forwarded-For我一直认为，对于从事Web前端开发的同学来说，HTTP协议以及其他常见的网络知识属于必备项。一方面，前端很多工作如Web性能优化，大部分规则都跟HTTP、HTTPS、SPDY和TCP等协议的特点直接对应，如果不从协议本身出发而是一味地照办教条，很可能适得其反。另一方面，随着Node.js的发展壮大，越来越多的前端同学开始写服务端程序，甚至是服务端框架
  • web性能优化 F飞凡
    1、请减少HTTP请求基本原理：在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返回相应的信息，浏览器接收到来自服务器的应答信息后，对这
  • 常见的web性能优化方法 相识菩提
    前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?1.从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2.从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。总之，恰当的优化不仅能够改善站
  • Web性能优化的完整资料汇总 weixin_34128501
    为什么80%的码农都做不了架构师？>>>webx性能相关的一些文档和文章荟萃！DocsBlogsArticlesTalksSlidesAnalyzersAnalyzersAPIBenchmark-CSSBenchmark-JSBookmarkletsCDNCDN-MonitorCDN-UtilitiesImageOptimizersLoadersMetricsMonitorMinifiersHTM
  • chrome 如何查看代码利用率？ G_whk
    web性能优化的关键之处在于：减少页面首次加载时，加载资源的数量和体积。我们想要减少一些加载资源，就需要知道页面首次加载资源的利用率，然后采取相应的措施。如何查看代码利用率：通过使用chrome开发者工具可以检测你的web应用，得到当前页面下的代码利用率。1.打开chromeDevTool;2.command+shift+P(mac)3.输入Coverage，选择第一个出现的选项；image.pn
  • Web 性能优化详解 饥人谷_莔
    web性能优化的目的是为了让用户加载网站的速度变快。从地址栏的url按下回车那一刻到页面加载完成，这中间的过程有哪些是前端可以优化的？我们从这个过程说起...DNS解析可以通过meta标签告诉浏览器，页面需要做DNS御解析。域名的发散和收敛浏览器有域名的并发请求限制（chrome为6个）。也就是同一时间最多向同一个域名发送6个请求。如果请求资源多，就将资源分布在不同的域名中。常见办法是使用CDN。
  • HTTP缓存 刘建状 http缓存网络协议
    http缓存前言缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。使用http缓存技术，复用缓存资源，减少客户端等待时间，同时缓解服务器端的压力。可以提升我们的站和应用的性能。http缓存不是必须的，但是重用缓存和资源通常是必要的，http缓存是一个web性能优化的重要手段。http缓存的类型强制缓存解释：强制缓存就是强制直接使用缓存。强制缓存不会向服务器发送请求，直接从缓存中读取资源，在
  • 干货：负载均衡&CDN技术 Java圈子
    曾经见到知乎上有人问“为什么像facebook这类的网站需要上千个工程师维护？”下面的回答多种多样，但总结起来就是：一个高性能的web系统需要从无数个角度去考虑他，大到服务器的布局，小到软件中某个文件的实现，甚至于某个循环内的运算如果出现不严谨都可能导致全盘崩溃。上面提到web性能优化需要多个角度去考虑，我们无法考虑到所有的优化细节，但可以从我们已知的层面去优化，我们就先从网络层面说起。网络请求路
  • 前端性能优化之 Web 性能优化、性能指标和优化目标、RAIL 测量模型和常用的性能测量 APIs 殇陌离tk Javascript前端性能优化Web性能优化性能指标和优化目标RAIL测量模型常用的性能测量APIs
    一、Web性能优化进行Web性能优化，因为性能是Web网站和应用的支柱，流量、搜索、转换率和用户体验的关系。寻找性能瓶颈，如下所示：了解性能指标，多快才算快利用测量工具和APIs优化问题，重新测量迭代移动端挑战多，如下所示：设备硬件、网速、屏幕尺寸、交互方式用户更缺少耐心，大于3秒加载导致53%的跳出率持续增长的移动用户和移动电商业务二、性能指标和优化目标性能优化加载，如下所示：理解加载瀑布图基于
  • 前端性能优化之性能优化的指标和工具（chrome devtools、lighthouse、webpagetest） jieyucx 前端性能优化前端性能优化chromedevtools
    文章目录引言一、为什么要进行web性能优化二、RAIL测量模型1.什么是RAIL2.性能测量工具三、性能测量工具的使用和性能指标以及优化目标1.ChromeDevTools1.打开调试工具方式和配置2.network下的几个性能指标1.requests请求总数2.transferred实际从服务器下载的数据量3.resources资源的总大小4.Finish所有资源加载完毕的时间点5.DOMCon
  • 浏览器的渲染机制 Camilia_yang
    一直对于浏览器的渲染机制一知半解，这种一知半解也导致我对WEB性能优化“一知半解”。为什么JS会阻塞页面，CSS不会？究竟什么叫阻塞？浏览器是如何解析html，css，js文件的，其顺序是如何的？这些问题今天我终于在看到一篇优秀的文章后得到解答。下面我会整理一下我理解的东西，若有不足之处还请提出或者直接参考原作者文章（放在文末）面试中我们一般会被问到两类问题，问题1：为什么样式要放在head里，而
  • Web性能优化 大笑_876c
    1.性能的体现网站的页面加载速度2.常用的优化手段CDN把我们需要被分发的内容分发到世界各地的各个节点上，让世界各地的人都可以在距离最近的网络节点拿到想要拿到的内容，减少网络传输距离从而达到加速的目的。Cache-Control把网站页面所需的静态资源都设置缓存，在设定的时间内浏览器发现请求资源的链接本地缓存了就不会再去请求，而是直接从本地获取。Etag服务器在响应头设置Etag，值为响应内容的m
  • web性能优化监控分析神器【Web Performance Timing API】 JBossOs
    WebPerformanceTimingAPI简介想象一下您正在访问我们的W3C网站，如果Web内容在一定时间内没有显示在屏幕上，那么作为用户，也许您只是关闭选项卡，然后转到其他选项。但是，作为开发人员，您可能希望跟踪请求和导航详细信息中的提示，以便找出导致此网页速度下降的原因。幸运的是，大多数浏览器供应商都愿意公开允许开发人员收集准确性能细节的性能特征。顾名思义，这些性能计时API有助于从不同方
  • Varnish开源HTTP反向代理缓存服务器、部署安装、测试 我还能再学点 服务器缓存运维
    一、概述Varnish是一个高性能的开源HTTP反向代理缓存服务器，它可以加速动态内容的交付并降低服务器的负载。Varnish常被用作HTTP加速器和负载均衡器，通过缓存静态文件、动态内容甚至整个页面来减少请求的数量和服务器响应时间。它支持各种缓存规则，可以针对不同的用户或请求类型缓存不同的信息，并提供丰富的管理工具和API以便于配置和监控。Varnish在Web性能优化和高可用性方面发挥着重要作
  • 对于浏览器的进程线程的认识 浏览器沙盒 无题syl
    简介了解了浏览器原理后对自己前端知识的帮助你可以知道你写的前端代码，是浏览器通过怎么的配合，展示到页面你写的每一行代码将变得有意义，对于浏览器的优化啊对于页面加载速度呀优化页面解析速度了解了web性能优化，写代码过程中有意无意中会尽量优化，而不是一味写代码只是完成工作任务主要内容这篇笔记主要是浏览器渲染进程，进程线程配合展示页面|浏览器对于代码的解析主要是V8引擎的任务浏览器页面是消息队列和事件循
  • WEB性能优化--懒加载、预加载
    WEB性能优化--图片媒体篇目的为了提升客户端效果体验。原生js实现（懒加载）原理：图片的getBoundingClientRect().top高度是否小于当前可视视图高度，小于则把data-src的url替换给src1、第一种方法：获取对应元素举例顶部的距离来判断。//onload是等所有的资源文件加载完毕以后再绑定事件window.onload=function(){//获取图片列表，即img
  • 前端架构分析 大大黄、 前端javascriptwebpack
    前端架构分析前端的价值到底在哪里实现界面交互提升用户体验总结就是能写交互页面，写的交互页面用户用的爽前端的进阶前端不局限于前端【当然优先前端技术需要如何进阶】性能优化推荐阅读掘金文章**《移动web性能优化从入门到进阶》**首先是如何发现问题。发现问题之后，是如何分析其中原因找到原因之后，采用的解决办法。解决之后，是否真实的对用户体验有所提升。对框架的理解流行框架的API调用是最基本的要求，理解框
  • electron启动白屏时间过长优化方案 夜空孤狼啸 桌面开发前端技巧方法JavaScriptelectronjavascriptecmascript
    文章目录1.按需加载模块2.窗口先创建后隐藏，初始化后再展示3.web性能优化4.优化主进程（electron.js）1.按需加载模块把不需要马上用到的模块推迟到要用时候引入，避免头部文件一次性引入过多依赖，页面加载过于臃肿（比如ui组件库，和一些js插件）2.窗口先创建后隐藏，初始化后再展示有点类似于障眼法，没有从根本上去优化速度constoptions={width:500,height:89
  • HTTP缓存机制 金桔柠檬加冰
    HTTP缓存机制前言缓存机制无处不在，有客户端缓存，服务端缓存，代理服务器缓存等。在HTTP中具有缓存功能的是浏览器缓存。HTTP缓存作为web性能优化的重要手段HTTP缓存整理：缓存的规则缓存的方案缓存的优点不同的刷新请求执行过程缓存规则浏览器存在一个缓存数据库，用于存储一些不经常变化的静态文件（图片、css、js等）。缓存分为强制缓存和协商缓存。强制缓存当缓存数据库中已有所请求的数据时，客户端
  • web性能优化基础了解 Alvin千里无风 前端性能优化
    一、概述什么是web性能优化Web性能网站或应用程序的客观度量和可感知的用户体验。性能优化是指通过各种手段和技术，使前端页面在加载、渲染和交互等方面具有更高的性能，以提升用户体验和网站的整体性能。为什么要做性能优化性能优化是为了提高网站或应用的响应速度、页面加载速度、用户交互体验等方面，从而提高用户的满意度和用户留存率。同时，也可以减少服务器负载、提高系统的稳定性和安全性。在当前互联网快速发展的背
  • web性能优化 木子川页心
    1、请减少HTTP请求基本原理：在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返回相应的信息，浏览器接收到来自服务器的应答信息后，对这
  • 嗨，送你一张Web性能优化地图 PHP9年架构师
    我们都知道对于Web应用来说性能很重要。然而性能优化相关的知识却非常的庞大并且杂乱。对于性能优化需要做些什么以及性能瓶颈是什么，通常我们并不清楚（不包括那些对性能优化有丰富经验的高手）。事实上关于Web性能有很多可以优化的点，其中涉及到的知识大致可以划分为几类：度量标准、编码优化、静态资源优化、交付优化、构建优化、性能监控。本文主要介绍性能优化需要做的事以及需要考虑的问题。目的在于给读者脑海中生成
  • 前端项目性能优化（全面解析） f(me) 前端积累前端性能优化
    前言为什么要进行Web性能优化？流量搜索转换率用户体验Amazon发现每100ms延迟导致1%的销量损失寻找性能瓶颈了解性能指标-多快才算快利用测量工具和APIs优化问题，重新测量（迭代）性能优化指标和测量工具行业标准性能优化-加载理解加载瀑布图基于HAR存储于重建性能信息重要测量指标速度指数（SpeedIndex）4秒TTFB衡量请求到响应一共多少时间页面加载时间，页面加载完一共要用多久首次渲染
  • ASP.NET(C#) 面试总结面试题大全 不全 C#相关Asp.netWebFormAsp.netMVC面试C#.net
    一、对于Web性能优化，您有哪些了解和经验吗？出现指数：五颗星主要考点：这道题是博主在博客园的新闻里面看到的，回想之前几年的面试经历，发现此题出现概率还是比较高的。因为它的考面灰常广，可以让面试官很快了解你的技术涉及面以及这些技术面的深度。参考答案：这个问题可以分前端和后端来说。1、前端优化（1）减少HTTP请求的次数。我们知道每次发送http请求，建立连接和等待相应会花去相当一部分时间，所以在发
  • web性能优化 屠龙de小熊猫
    原则：空间换时间压缩图片合并代码，减少http请求使用localStorage或sessionStorage缓存数据，减少http请求图片懒加载
  • ViewController添加button按钮解析。（翻译） 张亚雄 c
    <div class="it610-blog-content-contain" style="font-size: 14px"></div>//  ViewController.m //  Reservation software // //  Created by 张亚雄 on 15/6/2.
  • mongoDB 简单的增删改查 开窍的石头 mongodb
       在上一篇文章中我们已经讲了mongodb怎么安装和数据库/表的创建。在这里我们讲mongoDB的数据库操作       在mongo中对于不存在的表当你用db.表名 他会自动统计 下边用到的user是表明，db代表的是数据库       添加(insert):
  • log4j配置 0624chenhong log4j
    1) 新建java项目 2) 导入jar包，项目右击，properties—java build path—libraries—Add External jar，加入log4j.jar包。 3) 新建一个类com.hand.Log4jTest package com.hand; import org.apache.log4j.Logger; public class
  • 多点触摸(图片缩放为例) 不懂事的小屁孩 多点触摸
    多点触摸的事件跟单点是大同小异的，上个图片缩放的代码，供大家参考一下 import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener
  • 有关浏览器窗口宽度高度几个值的解析 换个号韩国红果果 JavaScripthtml
    1 元素的 offsetWidth 包括border padding  content  整体的宽度。 clientWidth  只包括内容区 padding 不包括border。 clientLeft =  offsetWidth -clientWidth  即这个元素border的值 offsetLeft  若无已定位的包裹元素
  • 数据库产品巡礼：IBM DB2概览 蓝儿唯美 db2
    IBM DB2是一个支持了NoSQL功能的关系数据库管理系统，其包含了对XML，图像存储和Java脚本对象表示（JSON）的支持。DB2可被各种类型的企 业使用，它提供了一个数据平台，同时支持事务和分析操作，通过提供持续的数据流来保持事务工作流和分析操作的高效性。 DB2支持的操作系统 DB2可应用于以下三个主要的平台:   工作站，DB2可在Linus、Unix、Windo
  • java笔记5 a-john java
    控制执行流程： 1，true和false    利用条件表达式的真或假来决定执行路径。例：（a==b）。它利用条件操作符“==”来判断a值是否等于b值，返回true或false。java不允许我们将一个数字作为布尔值使用，虽然这在C和C++里是允许的。如果想在布尔测试中使用一个非布尔值，那么首先必须用一个条件表达式将其转化成布尔值，例如if(a!=0)。 2，if-els
  • Web开发常用手册汇总 aijuans PHP
    一门技术，如果没有好的参考手册指导,很难普及大众。这其实就是为什么很多技术，非常好，却得不到普遍运用的原因。 正如我们学习一门技术，过程大概是这个样子： ①我们日常工作中，遇到了问题，困难。寻找解决方案，即寻找新的技术； ②为什么要学习这门技术？这门技术是不是很好的解决了我们遇到的难题，困惑。这个问题，非常重要，我们不是为了学习技术而学习技术，而是为了更好的处理我们遇到的问题，才需要学习新的
  • 今天帮助人解决的一个sql问题 asialee sql
                今天有个人问了一个问题，如下： type     AD      value          A  
  • 意图对象传递数据 百合不是茶 android意图IntentBundle对象数据的传递
    学习意图将数据传递给目标活动; 初学者需要好好研究的       1,将下面的代码添加到main.xml中    <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:/
  • oracle查询锁表解锁语句 bijian1013 oracleobjectsessionkill
    一.查询锁定的表 如下语句，都可以查询锁定的表 语句一： select a.sid, a.serial#, p.spid, c.object_name, b.session_id, b.oracle_username, b.os_user_name from v$process p, v$s
  • mac osx 10.10 下安装 mysql 5.6 二进制文件［tar.gz］ 征客丶 mysqlosx
    场景：在 mac osx 10.10 下安装 mysql 5.6 的二进制文件。 环境：mac osx 10.10、mysql 5.6 的二进制文件 步骤：[所有目录请从根“/”目录开始取，以免层级弄错导致找不到目录] 1、下载 mysql 5.6 的二进制文件，下载目录下面称之为 mysql5.6SourceDir； 下载地址：http://dev.mysql.com/downl
  • 分布式系统与框架 bit1129 分布式
    RPC框架 Dubbo 什么是Dubbo   Dubbo是一个分布式服务框架，致力于提供高性能和透明化的RPC远程服务调用方案，以及SOA服务治理方案。其核心部分包含:    远程通讯: 提供对多种基于长连接的NIO框架抽象封装，包括多种线程模型，序列化，以及“请求-响应”模式的信息交换方式。    集群容错: 提供基于接
  • 那些令人蛋痛的专业术语 白糖_ springWebSSOIOC
    spring 【控制反转(IOC)/依赖注入(DI)】： 由容器控制程序之间的关系，而非传统实现中，由程序代码直接操控。这也就是所谓“控制反转”的概念所在：控制权由应用代码中转到了外部容器，控制权的转移，是所谓反转。 简单的说：对象的创建又容器(比如spring容器)来执行，程序里不直接new对象。 Web 【单点登录(SSO)】：SSO的定义是在多个应用系统中，用户
  • 《给大忙人看的java8》摘抄 braveCS java8
    函数式接口：只包含一个抽象方法的接口 lambda表达式：是一段可以传递的代码       你最好将一个lambda表达式想象成一个函数，而不是一个对象，并记住它可以被转换为一个函数式接口。 事实上，函数式接口的转换是你在Java中使用lambda表达式能做的唯一一件事。   方法引用：又是要传递给其他代码的操作已经有实现的方法了，这时可以使
  • 编程之美-计算字符串的相似度 bylijinnan java算法编程之美
    public class StringDistance { /** * 编程之美 计算字符串的相似度 * 我们定义一套操作方法来把两个不相同的字符串变得相同，具体的操作方法为： * 1.修改一个字符（如把“a”替换为“b”）; * 2.增加一个字符（如把“abdd”变为“aebdd”）; * 3.删除一个字符（如把“travelling”变为“trav
  • 上传、下载压缩图片 chengxuyuancsdn 下载
    /** * * @param uploadImage --本地路径(tomacat路径) * @param serverDir --服务器路径 * @param imageType --文件或图片类型 * 此方法可以上传文件或图片.txt,.jpg,.gif等 */ public void upload(String uploadImage,Str
  • bellman-ford(贝尔曼-福特)算法 comsci 算法F#
    Bellman-Ford算法(根据发明者 Richard Bellman 和 Lester Ford 命名)是求解单源最短路径问题的一种算法。单源点的最短路径问题是指：给定一个加权有向图G和源点s，对于图G中的任意一点v，求从s到v的最短路径。有时候这种算法也被称为 Moore-Bellman-Ford 算法，因为 Edward F. Moore zu 也为这个算法的发展做出了贡献。 与迪科
  • oracle ASM中ASM_POWER_LIMIT参数 daizj ASMoracleASM_POWER_LIMIT磁盘平衡
    ASM_POWER_LIMIT 该初始化参数用于指定ASM例程平衡磁盘所用的最大权值，其数值范围为0~11，默认值为1。该初始化参数是动态参数，可以使用ALTER  SESSION或ALTER  SYSTEM命令进行修改。示例如下： SQL>ALTER  SESSION  SET   Asm_power_limit=2;
  • 高级排序:快速排序 dieslrae 快速排序
    public void quickSort(int[] array){ this.quickSort(array, 0, array.length - 1); } public void quickSort(int[] array,int left,int right){ if(right - left <= 0
  • C语言学习六指针_何谓变量的地址 一个指针变量到底占几个字节 dcj3sjt126com C语言
    # include <stdio.h> int main(void) { /* 1、一个变量的地址只用第一个字节表示 2、虽然他只使用了第一个字节表示，但是他本身指针变量类型就可以确定出他指向的指针变量占几个字节了 3、他都只存了第一个字节地址，为什么只需要存一个字节的地址，却占了4个字节，虽然只有一个字节， 但是这些字节比较多，所以编号就比较大，
  • phpize使用方法 dcj3sjt126com PHP
    phpize是用来扩展php扩展模块的，通过phpize可以建立php的外挂模块,下面介绍一个它的使用方法,需要的朋友可以参考下 安装（fastcgi模式）的时候，常常有这样一句命令： 代码如下: /usr/local/webserver/php/bin/phpize   一、phpize是干嘛的？ phpize是什么？ phpize是用来扩展php扩展模块的，通过phpi
  • Java虚拟机学习 - 对象引用强度 shuizhaosi888 JAVA虚拟机
    本文原文链接：http://blog.csdn.net/java2000_wl/article/details/8090276 转载请注明出处！ 无论是通过计数算法判断对象的引用数量，还是通过根搜索算法判断对象引用链是否可达，判定对象是否存活都与“引用”相关。 引用主要分为 ：强引用(Strong Reference)、软引用(Soft Reference)、弱引用(Wea
  • .NET Framework 3.5 Service Pack 1（完整软件包）下载地址 happyqing .net下载framework
      Microsoft .NET Framework 3.5 Service Pack 1（完整软件包）  http://www.microsoft.com/zh-cn/download/details.aspx?id=25150 Microsoft .NET Framework 3.5 Service Pack 1 是一个累积更新，包含很多基于 .NET Framewo
  • JAVA定时器的使用 jingjing0907 javatimer线程定时器
    1、在应用开发中，经常需要一些周期性的操作，比如每5分钟执行某一操作等。 对于这样的操作最方便、高效的实现方式就是使用java.util.Timer工具类。 privatejava.util.Timer timer; timer = newTimer(true); timer.schedule( newjava.util.TimerTask() { public void run()
  • Webbench 流浪鱼 webbench
    首页下载地址 http://home.tiscali.cz/~cz210552/webbench.html Webbench是知名的网站压力测试工具，它是由Lionbridge公司（http://www.lionbridge.com）开发。 Webbench能测试处在相同硬件上，不同服务的性能以及不同硬件上同一个服务的运行状况。webbench的标准测试可以向我们展示服务器的两项内容：每秒钟相
  • 第11章 动画效果（中） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • windows下制作bat启动脚本. sanyecao2314 javacmd脚本bat
    java -classpath C:\dwjj\commons-dbcp.jar;C:\dwjj\commons-pool.jar;C:\dwjj\log4j-1.2.16.jar;C:\dwjj\poi-3.9-20121203.jar;C:\dwjj\sqljdbc4.jar;C:\dwjj\voucherimp.jar com.citsamex.core.startup.MainStart
  • Java进行RSA加解密的例子 tomcat_oracle java
    加密是保证数据安全的手段之一。加密是将纯文本数据转换为难以理解的密文；解密是将密文转换回纯文本。 　　数据的加解密属于密码学的范畴。通常，加密和解密都需要使用一些秘密信息，这些秘密信息叫做密钥，将纯文本转为密文或者转回的时候都要用到这些密钥。 　　对称加密指的是发送者和接收者共用同一个密钥的加解密方法。 　　非对称加密(又称公钥加密)指的是需要一个私有密钥一个公开密钥，两个不同的密钥的
  • Android_ViewStub 阿尔萨斯 ViewStub
    public final class ViewStub extends View java.lang.Object android.view.View android.view.ViewStub 类摘要： ViewStub 是一个隐藏的，不占用内存空间的视图对象，它可以在运行时延迟加载布局资源文件。当 ViewSt
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他