lazyload懒加载的使用

1.引用<script src="http://a.tbcdn.cn/apps/baron/js/??lib/tmm/tmm.js,lib/lazyload/lazyload.js?20121015"></script>

2.对于要懒加载的图片进行如下属性设置。<img src="http://a.tbcdn.cn/mw/webapp/fav/img/grey.gif" dataimg="http://img03.taobaocdn.com/tps/i3/T1xl4_FlFaXXcLmU_5-305-317.png" />

其中src为未加载时的图片，dataimg为实际要加载的图片。

3.执行lazyload.init();

4.分tab的懒加载。判断tab把下面的图片有没加载过。根据loaded属性判断，还要对非当前tab所属的图片进行class lazy去掉。对已加载的loaded为true的图片，不加lazy属性

5.注意lazyload.init()的执行时机，如果在dom ready阶段执行，会下载所有图片，不能实现懒加载。要在winow.onload完成这个阶段去执行。

lazyload.js代码解读：

/**
 * 基于jQuery或者zeptoJS的惰性加载
 */
var lazyload = {
  init : function(opt){
    var that = this;
    var op = {
        anim: true,
        extend_height:400
    };
    // 合并对象，已有的{anim:true}+用户自定义对象。也就是op = op + opt
    $.extend(op,opt);
    // 调用lazyload.img.init(op)函数
    that.img.init(op);

  },

  img : {
    init : function(n){

      var that = this;
      console.log(n);

      // 要加载的图片是不是在指定窗口内
      function inViewport( el ) {
          // 当前窗口的顶部
        var top = window.pageYOffset
        // 当前窗口的底部
        var btm = window.pageYOffset + window.innerHeight
        // 元素所在整体页面内的y轴位置
        var elTop = $(el).offset().top;
        // 判断元素，是否在当前窗口，或者当前窗口延伸400像素内
        return elTop >= top && elTop - n.extend_height <= btm
      }

      // 滚动事件里判断，加载图片
       $(window).bind('scroll', function() {
          $('img.lazy').each(function(index,node) {
            var $this = $(this)
            if(!$this.attr('dataimg')){
              return
            }
            if ( !inViewport(this) ) return
            act($this)

          })
        }).trigger('scroll')

       // 展示图片
       function act(_self){
              // 已经加载过了，则中断后续代码
           if (_self.attr('loaded')) return;
            var img = new Image(), original = _self.attr('dataimg')
            // 图片请求完成后的事件，把dataimg指定的图片，放到src里面，浏览器显示
            img.onload = function() {
                _self.attr('src', original).removeClass('lazy');
                n.anim && _self.css({ opacity: .2 }).animate({ opacity: 1 }, 280);
            }
            // 当你设置img.src的时候，浏览器就在发送图片请求了
            original && (img.src = original);
             _self.attr('loaded', true);
       }
    }
  }
};

2015年6月30日添加用例

<!doctype html>
<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <title>懒加载实例</title>
        <style type="text/css">
        /*一定要有预先高度*/
            img{
                width: 600px;
                height: 260px;
            }
        </style>
    </head>

    <body>
        <div>
            <img class="samLazyImg" src="http://a.tbcdn.cn/mw/webapp/fav/img/grey.gif" dataimg="http://yangege.b0.upaiyun.com/11de79502d0af.jpg!v1sell" alt="" />
        </div>
        <div>
            <img class="samLazyImg" src="http://a.tbcdn.cn/mw/webapp/fav/img/grey.gif" dataimg="http://yangege.b0.upaiyun.com/33f99f823ed3d.jpg!v1sell" alt="" />
        </div>
        <div>
            <img class="samLazyImg" src="http://a.tbcdn.cn/mw/webapp/fav/img/grey.gif" dataimg="http://yangege.b0.upaiyun.com/680120973b82.jpg!v1sell" alt="" />
        </div>
        <div>
            <img class="samLazyImg" src="http://a.tbcdn.cn/mw/webapp/fav/img/grey.gif" dataimg="http://yangege.b0.upaiyun.com/67f87ba08cf0.jpg!v1sell" />
        </div>
        <div>
            <img class="samLazyImg" src="http://a.tbcdn.cn/mw/webapp/fav/img/grey.gif" dataimg="http://yangege.b0.upaiyun.com/22ec075a17c33.jpg!v1sell" alt="" />
        </div>
        <div>
            <img class="samLazyImg" src="http://a.tbcdn.cn/mw/webapp/fav/img/grey.gif" dataimg="http://yangege.b0.upaiyun.com/2e4a699680788.jpg!v1sell" alt="" />
        </div>
        <div>
            <img class="samLazyImg" src="http://a.tbcdn.cn/mw/webapp/fav/img/grey.gif" dataimg="http://yangege.b0.upaiyun.com/c2f4043a4991.jpg!v1sell" alt="" />
        </div>
        <div>
            <img class="samLazyImg" src="http://a.tbcdn.cn/mw/webapp/fav/img/grey.gif" dataimg="http://yangege.b0.upaiyun.com/33f996b4386ab.jpg!v1sell" alt="" />
        </div>
    </body>
    <script src="jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        var lazyload = {
          init : function(opt){
            var that = this,
            op = {
                anim: true,
                extend_height:0,
                selectorName:"img",
                realSrcAtr:"dataimg"
            };
            // 合并对象，已有的{anim:true}+用户自定义对象。也就是op = op + opt
            $.extend(op,opt);
            // 调用lazyload.img.init(op)函数
            that.img.init(op);
        
          },
        
          img : {
            init : function(n){
        
              var that = this,
              selectorName = n.selectorName,
              realSrcAtr = n.realSrcAtr,
              anim = n.anim;
//              console.log(n);
        
              // 要加载的图片是不是在指定窗口内
              function inViewport( el ) {
                  // 当前窗口的顶部
                var top = window.pageYOffset,
                // 当前窗口的底部
               btm = window.pageYOffset + window.innerHeight,
                // 元素所在整体页面内的y轴位置
               elTop = $(el).offset().top;
                // 判断元素，是否在当前窗口，或者当前窗口延伸400像素内
                return elTop >= top && elTop - n.extend_height <= btm;
              }
        
              // 滚动事件里判断，加载图片
               $(window).on('scroll', function() {
                  $(selectorName).each(function(index,node) {
                    var $this = $(this);
                    
                    if(!$this.attr(realSrcAtr) || !inViewport(this)){
                      return;
                    }
                   
                    act($this);
        
                  })
                }).trigger('scroll');
        
               // 展示图片
               function act(_self){
                      // 已经加载过了，则中断后续代码
                   if (_self.attr('lazyImgLoaded')) return;
                    var img = new Image(), 
                    original = _self.attr('dataimg');
                    // 图片请求完成后的事件，把dataimg指定的图片，放到src里面，浏览器显示
                    img.onload = function() {
                        _self.attr('src', original);
                        anim && _self.css({ opacity: .2 }).animate({ opacity: 1 }, 280);
                    };
                    // 当你设置img.src的时候，浏览器就在发送图片请求了
                    original && (img.src = original);
                     _self.attr('lazyImgLoaded', true);
               }
            }
          }
        };
        
        /*
         * selectorName，要懒加载的选择器名称
         * extend_height  扩展高度
         * anim  是否开启动画
         * realSrcAtr  图片真正地址*/
        lazyload.init({
            anim:false,
            selectorName:".samLazyImg"
        });
    </script>

</html>

 

你可能感兴趣的:(lazyload)

  • 16. MyBatis的延迟加载机制是什么？如何配置？有哪些优缺点？ 这孩子叫逆 Mybatis笔记oracle数据库mybatis
    延迟加载（LazyLoading）是MyBatis提供的一种机制，用于优化数据库查询性能。在启用延迟加载时，某些关联对象或集合只有在被实际访问时才会触发数据库查询，而不是在主对象加载时立即加载。这种机制可以减少不必要的数据库查询，特别是在处理多表关联关系时非常有用。延迟加载的配置在MyBatis中，延迟加载可以通过配置文件中的设置来启用。主要有以下几个步骤：1.启用全局延迟加载在MyBatis的全
  • npm阿里云制品仓库 愤怒的苹果ext nodejsjavaScriptnpm前端node.js仓库前端仓库loginsupported
    配置配置仓库地址，可以再在仓库指南看到npmconfigsetregistry=xxxxx#登录，帐户密码可以在仓库指南看到npmlogin注意：npm>=9的版本npmlogin目前有问题verbosewebloginnotsupported,tryingcouch，暂时没试验到解决方案推送项目我用https://github.com/hilongjw/vue-lazyload做个试验。clon
  • 关于UITableView的Cell复用 bidianzhang iOS工作数据结构iphoneios手机
    UITableView是ios开发中使用率极高的一个控件，就我个人来说，几乎我做的每一个View上都有她的身影。但是很长一段时间，我对她的理解都很肤浅。对我来说触动较大的两个东西，一个是前面提到的自定义UITableViewCell，再有就是今天要提的这个复用了。
所谓复用表面意思来理解就是重复利用了。大致的工作原理就是：UITableView属于lazyloading，也就是只加载会在界面上显示
  • js 手写图片懒加载插件 人间小趴菜 vue.js前端javascript
    一、目标模仿vue-lazyload插件只需将img标签的src属性名替换为自定义属性v-lazy，即可实现图片懒加载功能例如：二、实现不清楚图片懒加载原理的参考我的上一篇博客1.封装自定义插件：暴露一个对象，包含一个install方法先介绍一下自定义插件使用方法和通用写法：//main.jsimportcreateAppfrom'vue';importAppfrom'./App.vue';imp
  • 联级选择联级选择 dongsdh vue.jselementuijavascript
    areaList:[],props:{lazy:true,label:"shortName",value:"id",lazyLoad(node,resolve){letnodes=[];if(node.level==1){getListCityList(node.value).then((res)=>{nodes=res.dataresolve(nodes);})}elseif(node.leve
  • 【ASP.NET Core 基础知识】--最佳实践和进阶主题--性能调优和缓存 喵叔哟 ASP.NETCore基础知识asp.net缓存后端
    一、性能调优在ASP.NETCore中进行性能调优，代码优化是至关重要的一部分。以下是一些常见的ASP.NETCore代码优化技巧：减少数据库查询：尽可能地减少数据库查询次数，可以通过使用合适的ORM（对象关系映射）工具来避免重复查询相同的数据。考虑使用延迟加载（LazyLoading）或预加载（EagerLoading）等技术，以减少不必要的数据库查询。使用异步编程：利用异步编程模式（如asyn
  • 【Java中23种设计模式-单例模式2--懒汉式2线程安全】 Hello World呀 javajava设计模式单例模式
    加油，新时代打工人！简单粗暴，学习Java设计模式。23种设计模式定义介绍Java中23种设计模式-单例模式Java中23种设计模式-单例模式2–懒汉式线程不安全packagemode;/***@authorwenhao*@date2024/02/1909:38*@description单例模式--懒汉式线程安全*是否Lazy初始化：是*是否多线程安全：是*这种方式具备很好的lazyloading
  • jq 图片懒加载 + Vue-Lazyload 阿金要当大魔王~~ vue问题面试啊前端
    jq原生图片懒加载Document//先调用，保证可视区域的图片显示lazy();functionlazy(){varimgS=Array.from($('img'));//获取页面img元素数组//console.log(imgS)varimgL=$('img').length;//获取页面img元素数量//console.log(imgL)varseeHeight=$(window).heig
  • 自定义指令懒加载 HTAO濤
    v-LazyLoad背景：在类电商类项目，往往存在大量的图片，如banner广告图，菜单导航图，美团等商家列表头图等。图片众多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以进行图片懒加载优化势在必行。需求：实现一个图片懒加载指令，只加载浏览器可见区域的图片。思路：图片懒加载的原理主要是判断当前图片是否到了可视区域这一核心逻辑实现的拿到所有的图片Dom，遍历每个图片判断当前图片是否
  • Mybatis是否支持延迟加载？ 张万森的救赎 mybatisjava
    前言随着互联网应用的不断发展，数据库访问成为了应用开发中的一个重要环节。在这个背景下，MyBatis作为一种优秀的持久层框架，提供了灵活的SQL映射配置和强大的功能，为开发者提供了便捷的数据库访问解决方案。本文将深入探讨MyBatis的延迟加载特性，了解如何通过全局配置或按需设置，实现对数据的精准加载，提高应用性能和效率。正文是的，MyBatis支持延迟加载（LazyLoading）。延迟加载是一
  • 图片懒加载方法封装 旧时日月明
    letimgList=[...document.querySelectorAll('img')]letlength=imgList.lengthconstimgLazyLoad=function(){letcount=0return(function(){letdeleteIndexList=[]imgList.forEach((img,index)=>{letrect=img.getBoundi
  • 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%;}$
  • el-cascader 懒加载数据与自动回显完整代码 zxo_apple vue.js前端javascript
    import{PDD}from'@/apis';exportdefault{props:['detail'],data(){return{cat_ids:[],catOptions:[],showCascader:false,props:{lazy:true,lazyLoad:this.catLazyLoad}}},mounted(){},watch:{detail(val){constparam
  • react-lazyload 的介绍、安装、使用。 大聪明码农徐 Reactreact.js前端前端框架
    目录基本介绍安装使用基本使用详细属性基本介绍react-lazyload是一个React组件，用于延迟加载（懒加载）页面上的图片或其他资源。懒加载是一种优化手段，它允许页面在初次加载时只加载可视区域内的内容，而在用户滚动页面时再加载其他部分的内容，从而提高页面加载性能。Github:GitHub-twobin/react-lazyload:Lazyloadyourcomponent,imageor
  • React和Vue实现路由懒加载 无妄的罪 vue.jsreact.jsjavascript
    在React和Vue中，实现路由懒加载（LazyLoading）的方法和代码示例如下：React在React中，你可以使用React.lazy和Suspense组件来实现路由懒加载。下面是一个简单的示例：importReact,{Suspense}from'react';import{BrowserRouterasRouter,Route,Switch}from'react-router-dom'
  • flutter 数据加载_使用flutter实时从Firestore延迟加载数据 吴雄辉 pythonjava人工智能大数据vueViewUI
    flutter数据加载Fetchingdatafromadatabaseanddisplayingitonalistisaverycommontaskinappdevelopment.Onecrucialtaskthat’softenneglectedwhendoingthis,especiallybynewdevelopers,islazyloadingthedatatoavoidfetchin
  • Vue打包后放到服务器出现Loading chunk * failed 错误 web星孑
    解决偶现问题Loadingchunk**failed原因：路由异步加载组件报错，错误来源webpack进行codespilt之后某些bundle文件lazyloading失败解决方案：错误在一个路由守卫函数中被同步抛出错误在一个路由守卫函数中通过调用next(err)的方式异步捕获并处理渲染一个路由的过程中，需要尝试解析一个异步组件时发生错误将异步组件改为同步组件router.onError(er
  • SAP 电商云 Spartacus UI 4.1 版本的延迟加载技术介绍 JerryWang_汪子熙
    延迟加载，也称为代码拆分，可让您将JavaScript代码分成多个块。结果是当用户访问第一页时，您不必加载完整应用程序的所有JavaScript。相反，只加载给定页面所需的块。在浏览店面时，会在真正需要使用到某些功能时，再加载这些功能块的实现模块。这种方法可以显着改善“交互时间”，尤其是在低端移动设备访问复杂Web应用程序的情况下。SpartacusApproachtoLazyLoading代码拆
  • Vue-lazy 重复刷新问题。 唐_亮
    在用vue-lazy来做，懒加载的时候，每次v-show的变量改变的时候用到v-lazy的图片都会刷新一下。研究了下Vue-Lazyload.jsv1.2.6的代码发现update的时候重新调用了add。本代码上面还有一堆vue的源码，所以有好几千行，要研究所以没压缩。下载下来的js本地修改的没有用脚手架所以本地改了（vue+apicloud项目）这里应该判断下当前的src值是否和新的data-s
  • mall 项目随笔 coderlion
    项目介绍技术栈Vue2.0(核心框架)Vue-CLI4.0(Vue脚手架)Vue-Router(SPA页面路由)Vuex(状态管理)Axios(网络请求)ES6(JavaScript语言的下一代标准)Less(CSS预处理器)Better-Scroll(让移动端的滚动更为流畅)FastClick(解决移动端点击300ms延迟)Vue-Lazyload(懒加载工具)PostCss(css代码转化工具
  • React中实现图片懒加载 laurfei react.jsjavascript前端
    1.下载安装懒加载模块cnpmireact-lazyload--save2.在src/assets/目录下放入懒加载占位图placeholder.gif3.在需要使用懒加载的组件中导入懒加载模块和占位图importLazyLoadfrom'react-lazyload';importplaceholderfrom"../../asset/placeholder.gif"4.在组件rander函数中
  • 【懒加载】 久靥_ vue前端
    懒加载即：LazyLoad（也称为按需加载）是一种优化的设计原则，用于改善用户体验和降低应用程序的总体成本。懒加载是一种通过延迟加载对网页性能进行优化的方法。它是通过将代码分割成逻辑上独立的部分，并在这些部分完成后，仅在必要时加载其他相关部分的代码来实现的。这种方法可以减少初始加载时的负担，并减小应用程序的总大小，因为它允许某些不经常使用的代码块不被加载。懒加载技术的应用场景包括但不限于：数据库访
  • el-select选项过多导致卡顿的解决方案 qq_47858671 vue.jsjavascriptecmascript
    卡顿原因：DOM中数据过多，超过内存限制解决思路可以使用自定义指令，让el-select弹窗下拉到最底部时触发加载自定义指令创建select-load-more.jsimportVuefrom'vue';constselectLazyLoad=function(Vue){//el-select组件数据过多，使用翻页加载数据指令Vue.directive('selectLazyLoad',{bind
  • mui图片懒加载 - 动态加载数据 一个记事本
    准备工作：必须引入两个js文件：1、mui.lazyload.js2、mui.lazyload.img.js//当数据动态加载时要展示的img元素写法;//该方法在数据加载完成后调用就行。mui(document).imageLazyload({});
  • 预加载 lazyload 每天都进步一点点 jsJQ
    placeholder.png为占位符小图片/upload/images/1.png为数据图片//正常图片window.addEventListener("load",function(event){lazyload();});//针对背景图$(function(){$("div.lazyload").lazyload();//$("a.lazyload").lazyload();});
  • vue 如何合并两个 项目_Vue 项目中使用 webpack 将多个组件合并打包并实现按需加载... weixin_39773239 vue如何合并两个项目
    使用Vue开发项目时，如果要使用其单文件组件特性，必然要使用webpack或者Browserify进行打包，对于大型应用，为了提升加载速度，可以使用webpack的codesplitting功能进行分割打包，生成较小的模块并按需加载，这在Vue文档及vue-router文档中均有介绍：AsyncComponents、LazyLoading。webpack的codesplitting可以使用webp
  • 如何解决在R中安装`RTCGA.clinical`出现的问题 沙卡巴卡
    本方法适用于Windows系统出现的一小部分问题下载Rtools为什么要下载Rtools？因为在楼主多次尝试安装后，发现了一个错误lazyloadingfailedforpackage'RTCGA.clinical'经过上网检索后发现是因为没有安装Rtools所导致的，安装网址如果是3.6版本以前的R，请点击这里噢安装的过程可以参考这一篇文章PuttingRtoolsonthePATH这一步我个人
  • el-cascader动态加载多级数据 没有天赋的搬砖者 elementuivue.jsjavascript
     importaxiosfrom"axios";exportdefault{ data(){  return{   props:{    value:"id",    label:"name",    expandTrigger:"hover",    lazy:true,    checkStrictly:true,    lazyLoad(node,resolve){     console.
  • Vant-ui图片懒加载 橙-极纪元JJY.Cheng VUEvue.jsjavascript前端Vant-uiVant-ui图片懒加载
    核心代码在你的全局顶部引入和初始化Vue.use(vant.Lazyload,{loading:'/StaticFile/img/jiazai.jpg',error:'/StaticFile/img/jiazai.jpg',lazyComponent:false,});//图片懒加载重要的话说三遍如果你的v-lazy属性里写的不是变量，而是具体路径的话，具体路径一定要用引号包住；具体路径一定要用引
  • VUE常用的自定义指令 无名之辈程序媛 vue自定义指令vue前端
    v-directives基于vue的自定义指令集合，包含复制粘贴指令v-copy长按指令v-longpress输入框防抖指令v-debounce禁止表情及特殊字符v-emoji图片懒加载v-LazyLoad权限校验指令v-premission实现页面水印v-waterMarker拖拽指令v-draggablev-copy需求：实现一键复制文本内容，用于鼠标右键粘贴。思路：动态创建textarea标
  • HttpClient 4.3与4.3版本以下版本比较 spjich javahttpclient
    网上利用java发送http请求的代码很多，一搜一大把，有的利用的是java.net.*下的HttpURLConnection，有的用httpclient，而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。 httpclient又可分为 httpclient3.x httpclient4.x到httpclient4.3以下 httpclient4.3
  • Essential Studio Enterprise Edition 2015 v1新功能体验 Axiba .net
    概述：Essential Studio已全线升级至2015 v1版本了！新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件，还有其他一些控件功能升级，精彩不容错过，让我们一起来看看吧！ syncfusion公司是世界领先的Windows开发组件提供商，该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
  • [宇宙与天文]微波背景辐射值与地球温度 comsci 背景
            宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢?      如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢?   &nbs
  • lvs-server 男人50 server
    #!/bin/bash # # LVS script for VS/DR # #./etc/rc.d/init.d/functions # VIP=10.10.6.252 RIP1=10.10.6.101 RIP2=10.10.6.13 PORT=80 case $1 in start)   /sbin/ifconfig eth2:0 $VIP broadca
  • java的WebCollector爬虫框架 oloz 爬虫
    WebCollector主页： https://github.com/CrawlScript/WebCollector 下载：webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。 接下来看demo package org.spider.myspider; import cn.edu.hfut.dmic.webcollector.cra
  • jQuery append 与 after 的区别 小猪猪08
    1、after函数 定义和用法： after() 方法在被选元素后插入指定的内容。 语法： $(selector).after(content) 实例： <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></scr
  • mysql知识充电 香水浓 mysql
    索引 索引是在存储引擎中实现的，因此每种存储引擎的索引都不一定完全相同，并且每种存储引擎也不一定支持所有索引类型。 根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引，总索引长度至少为256字节。 大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种：BTREE和HASH，具体和表的存储引擎相关； MYISAM和InnoDB存储引擎
  • 我的架构经验系列文章索引 agevs 架构
    下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。 要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。 （内容是前几天写的，现附上索引）   前端架构 http://www.
  • Android so lib库远程http下载和动态注册 aijuans andorid
    一、背景      在开发Android应用程序的实现，有时候需要引入第三方so lib库，但第三方so库比较大，例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验，发现通过远程下载so文件，然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。   二、主要
  • linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法 baalwolf option
    在客户端访问subversion版本库时出现这个错误： svnserve.conf:12: Option expected 为什么会出现这个错误呢，就是因为subversion读取配置文件svnserve.conf时，无法识别有前置空格的配置文件，如### This file controls the configuration of the svnserve daemon, if you##
  • MongoDB的连接池和连接管理 BigCat2013 mongodb
    在关系型数据库中，我们总是需要关闭使用的数据库连接，不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制，如果正对此有疑惑的朋友可以看一下。 通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧，mongoDB中当我们new一个Mongo的时候，会发现它也
  • AngularJS使用Socket.IO bijian1013 JavaScriptAngularJSSocket.IO
            目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。         Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实
  • [Maven学习笔记四]Maven依赖特性 bit1129 maven
    三个模块 为了说明问题，以用户登陆小web应用为例。通常一个web应用分为三个模块，模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web， user-service依赖于user-core user-web依赖于user-core和user-service   依赖作用范围  Maven的dependency定义
  • 【Akka一】Akka入门 bit1129 akka
    什么是Akka Message-Driven Runtime is the Foundation to Reactive Applications In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
  • zabbix_api之perl语言写法 ronin47 zabbix_api之perl
    zabbix_api网上比较多的写法是python或curl。上次我用java－－http://bossr.iteye.com/blog/2195679，这次用perl。for example: #!/usr/bin/perl use 5.010 ; use strict ; use warnings ; use JSON :: RPC :: Client ; use
  • 比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ brotherlamp linux运维工程师linux运维工程师教程linux运维工程师视频linux运维工程师资料linux运维工程师自学
    比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！   ----------------------------------------------------- 兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1 链接：http://pan.baidu.com/s/1i3GQtGL 密码：bl65   兄弟连Lin
  • bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y( bylijinnan java
    import java.util.Random; /** * 题目： * 给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5)， * 使得他们的哈密顿距离（d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|）最大
  • map的三种遍历方法 chicony map
    package com.test; import java.util.Collection; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Set; public class TestMap { public static v
  • Linux安装mysql的一些坑 chenchao051 linux
    1、mysql不建议在root用户下运行   2、出现服务启动不了，111错误，注意要用chown来赋予权限， 我在root用户下装的mysql，我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf)  chown -R cc /etc/init.d/mysql
  • Sublime Text 3 配置 daizj 配置Sublime Text
    Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和
  • MySQL server has gone away 问题的解决方法 dcj3sjt126com SQL Server
    MySQL server has gone away 问题解决方法，需要的朋友可以参考下。 应用程序（比如PHP）长时间的执行批量的MYSQL语句。执行一个SQL，但SQL语句过大或者语句中含有BLOB或者longblob字段。比如，图片数据的处理。都容易引起MySQL server has gone away。 今天遇到类似的情景，MySQL只是冷冷的说：MySQL server h
  • javascript/dom:固定居中效果 dcj3sjt126com JavaScript
    <!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/1999/xhtml&
  • 使用 Spring 2.5 注释驱动的 IoC 功能 e200702084 springbean配置管理IOCOffice
    使用 Spring 2.5 注释驱动的 IoC 功能 developerWorks 文档选项 将打印机的版面设置成横向打印模式 打印本页 将此页作为电子邮件发送 将此页作为电子邮件发送 级别： 初级 陈 雄华 ([email protected]), 技术总监, 宝宝淘网络科技有限公司 2008 年 2 月 28 日  &nb
  • MongoDB常用操作命令 geeksun mongodb
    1.   基本操作 db.AddUser(username,password)               添加用户 db.auth(usrename,password)      设置数据库连接验证 db.cloneDataBase(fromhost)    
  • php写守护进程（Daemon） hongtoushizi PHP
    转载自： http://blog.csdn.net/tengzhaorong/article/details/9764655   守护进程（Daemon）是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。   1、基本概念   &nbs
  • spring整合mybatis,关于注入Dao对象出错问题 jonsvien DAOspringbeanmybatisprototype
    今天在公司测试功能时发现一问题： 先进行代码说明： 1，controller配置了Scope="prototype"（表明每一次请求都是原子型）    @resource/@autowired service对象都可以（两种注解都可以）。 2，service 配置了Scope="prototype"（表明每一次请求都是原子型）
  • 对象关系行为模式之标识映射 home198979 PHP架构企业应用对象关系标识映射
    HELLO!架构   一、概念 identity Map:通过在映射中保存每个已经加载的对象，确保每个对象只加载一次，当要访问对象的时候，通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射，Mapper类的getFromMap方法就是实现标识映射的实现。     二、为什么要使用标识映射？ 在数据源架构模式之数据映射器中 //c
  • Linux下hosts文件详解 pda158 linux
    　1、主机名： 　　无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。 　　公网：IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。 　　局域网：每台机器都有一个主机名，用于主机与主机之间的便于区分，就可以为每台机器设置主机
  • nginx配置文件粗解 spjich javanginx
    #运行用户#user  nobody;#启动进程,通常设置成和cpu的数量相等worker_processes  2;#全局错误日志及PID文件#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/error.log  inf
  • 数学函数 w54653520 java
    public  class  S {        // 传入两个整数，进行比较，返回两个数中的最大值的方法。      public  int  get( int  num1, int  nu
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他