u012602393
u012602393

JavaScript 之 图片滚动实例分析

简单案例学习，高手大神请绕行。

最近在学习HTML/CSS的过程中，遇到一个例子，就是简单的图片滚动案例，觉得挺有趣也很实用，就把网友的源码分析了一下，本身就很简单，所以高手大神请绕行。

案例的效果如下图所示：

JavaScript 之 图片滚动实例分析_第1张图片

这个案例的原理很简单，主要用到了scrollLeft和float。先要通过CSS将图片摆放到一个div中而且要摆成一行。然后通过JavaScript动态设置div容器的scrollLeft的值，一直累加，就会出现图片往左移动的效果，最终也就是出现图片滚动了。但是要注意当图片滚动到最后一张图片的时候，会导致右侧空白了，这就需要两个图片集，第二个图片集来补充这些空白，在第一个图片集全部通过后，通过设置scrollLeft值为零，在切换回第一个图片集。

完整代码如下：

<!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">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>
            横向滚动
        </title>
        <style type="text/css">
            body{margin:0 auto; width:900px; padding:0; margin-top:40px;} 
            #demo{
            	border:1px dashed #FF0000; 
            	width:500px; 
            	padding:5px; 
            	overflow:hidden;/*溢出的元素隐藏*/
            	margin:0 auto;
            }
            #demo img{ border:none;} 
            #indemo{
            	float:left; 
            	width:500%; /*使所有图片可以横向摆放在一行中，不会换行，500%是经过图片大小和数量计算得出的*/
            } 
            #demo1{ float:left;}
            #demo2{ float:left;}
        </style>
    </head>
    
    <body>
        <div id="demo">
            <div id="indemo">
                <div id="demo1">
                    <a href="#">
                        <img src="images/biguiy1.jpg" />
                    </a>
                    <a href="#">
                        <img src="images/fengshang1.jpg" />
                    </a>
                    <a href="#">
                        <img src="images/jian1.jpg" />
                    </a>
                    <a href="#">
                        <img src="images/meijiang1.jpg" />
                    </a>
                    <a href="#">
                        <img src="images/wukuang1.jpg" />
                    </a>
                    <a href="#">
                        <img src="images/xinduhui1.jpg" />
                    </a>
                </div>
                <div id="demo2">
                </div>
            </div>
        </div>
        <script type="text/javascript">
            var speed = 10; //设置速度
            var tab = document.getElementById("demo");
            var tab1 = document.getElementById("demo1");
            var tab2 = document.getElementById("demo2");
            tab2.innerHTML = tab1.innerHTML; //将tab1的代码赋值给tab2,tab2是用来补充tab1中最后一张图片后面的空白的。
            /**
            默认tab.scrollLeft = 0;
            tab2.offsetWidth=  988px;
            所以当tab.scrollLeft累加到988时，自动减为0，重新从1开始加起。
            */
            function Marqueen() {
                if (tab2.offsetWidth - tab.scrollLeft <= 0) //scrollLeft累加，会使滚动条向右移动。
                	tab.scrollLeft -= tab1.offsetWidth;//减为0
                else {
                    tab.scrollLeft++; 
                }
            }
           
            var mymar = setInterval(Marqueen, speed);//按照一定的速度调用Marqueen函数

            tab.onmouseover = function() {
                clearInterval(mymar);//鼠标经过时，取消由 setInterval() 设置的 timeout，停止调用Marqueen
            };
            tab.onmouseout = function() {
                mymar = setInterval(Marqueen, speed);//鼠标离开后，重新调用Marqueen
            };
        </script>
    </body>
</html>

具体代码： http://codepen.io/shalilang/pen/nbrCl/

显示效果：http://codepen.io/shalilang/full/nbrCl

你可能感兴趣的:(图片滚动)

  • JS特效第128弹：超流畅漂亮的图片3D旋转滚动JS特效代码 马coder html前端
    超流畅漂亮的图片3D旋转滚动JS特效代码，支持360度图片旋转滚动展示，非常适合产品图片滚动切换展示以及各种产品图片的场景应用，可上下图片倒置切换，滚动非常流畅，先来看看效果：一部分关键的代码如下：超流畅漂亮的图片3D旋转滚动JS特效代码-JS代码网*{margin:0;padding:0;list-style:none;}body{background:black;overflow:hidden
  • 分享76个时间日期JS特效，总有一款适合您 自动化新人 javascript前端
    分享76个时间日期JS特效，总有一款适合您76个时间日期JS特效下载链接：https://pan.baidu.com/s/1s7tPGT_ItK7dNK5_qbZkug?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。简易的中性时钟特效翻页倒计时ui特效逼真的卡西欧手表图形特效原生js图片滚动时钟
  • 分享76个时间日期JS特效，总有一款适合您 记忆的小河 javascript前端
    分享76个时间日期JS特效，总有一款适合您76个时间日期JS特效下载链接：https://pan.baidu.com/s/1s7tPGT_ItK7dNK5_qbZkug?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。简易的中性时钟特效翻页倒计时ui特效逼真的卡西欧手表图形特效原生js图片滚动时钟
  • 鼠标移到到图片，图片向上滑动预览效果 每天都进步一点点 jsJQ
    鼠标移到到图片，图片向上滑动预览效果//图片滚动$(document).ready(function(){functiontemplate($this,img_h,info_h){functionimg1_sin(){$this.find(".img1").find("img").stop(true,true).animate({top:-(img_h-info_h)},(img_h-info_h
  • 大年三十整理的asp.net资料！（不得不收藏） fanhgye JavaScriptASP.Net2.0asp.netsqlserverdatagrid数据库dotnetnukesql
    http://blog.csdn.net/mengyao/archive/2007/02/17/1511356.aspx使用SqlBulkCopy类加载其他源数据到SQL表在数据回发时，维护ASP.NETTree控件的位置vagerent的vs2005网站开发技巧ASP.NET2.0小技巧－－内部控件权限的实现图片滚动代码。css——之三行三列等高布局DatagirdTemplateColumn类
  • 【图片滚动加载】如何解决滚动触发大量事件导致加载性能差 音仔小瓜皮 Web学习笔记JavaScript学习笔记前端
    解决方向：1、节流：特定delay时间内，无法再触发相关功能函数的执行2、防抖：在节流的基础上，避免大量滚动触发事件导致相同的功能函数执行多次，因此设置timeout定时器，在等待执行的定时器有且仅有一个，delay时间后定时器中的内容执行完毕，定时器取消3、两者互相控制：由于有时候网络请求比较快，快于delay时间，那么仅仅使用节流函数，会导致为了满足delay长的等待时间而导致请求挂起；所以，
  • 各种图片滚动/无缝滚动/文字滚动/跑马灯效果/导航/手风琴效果/轮播 季夏梧桐 html前端
    各种图片滚动/无缝滚动/文字滚动/跑马灯效果/导航/手风琴效果各种图片滚动/无缝滚动/文字滚动/跑马灯效果/导航/手风琴效果/轮播-遇见你与你分享
  • 会声会影如何制作图片轮播的视频效果 老衲还俗在即
    当需要进行图片展示时，常常使用图片轮播的形式进行展示，这种效果很常见并且展示效果好，该怎么制作呢？接下来，小编就教大家用视频编辑软件会声会影2020制作图片轮播的视频效果。一、制作单张图片滚动效果图1：视频编辑软件导入素材如图1，首先在视频编辑软件中导入图片素材，将五张猫咪图片添加到覆叠轨1。这里小编选择的是可爱的猫咪图片，大家也可以选择人物的图片作为素材，最后成片效果也很不错。如图2，如果有的图
  • vue-seamless-scroll无缝循环滚动时二轮图片不渲染 可可豆-v vue.jshtml
    关于使用vue-seamless-scroll实现图片无缝循环滚动时出现第二轮图片需要第一轮图片滚动结束后才能渲染出来的问题。1、我遇到的问题很清楚，就是图片应该无缝循环滚动，但是必须得等前一轮图片彻底消失后第二轮图片才会渲染出来，问题就是这样2、看图开始以为时插件的问题，但人家作者都是合适的，所以肯定是自己的问题，经过实验，将elementui框架中对图片的用法改成了img标签，就合适了，写法就
  • html页面双击选中文字,css怎么设置双击不选中文字？ Tengfei Jiang html页面双击选中文字
    在双击左右箭头，快速切换图片滚动时，会经常双击，浏览器就会默认选中你双击的文本，这种感觉有点不太好。该如何取消双击选中文字呢？下面我们来看一下css设置双击不能选中文字的方法。css禁止双击页面选中文本可以使用user-select属性。css代码如下：div{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms
  • jQuery 实现无限滚动轮播图 纯粹的自己 案例jquery
    1、效果展示 视频演示  2、分析由上面这张图片，开始分析:1、图片怎么滚动？可以使图片滚动容器ul滚动，为其设置margin-left，再加上动画效果2、图片用什么来装呢？可以用li，将其设置为block，进行背景图的设置，并且将其浮动并排。（这里也可以在li中包含img标签）3、外层视觉窗口div用做些什么呢？因为外层视觉窗口是父级，那么为其设置overflow:hidden;这样视觉窗口每次
  • v-html 实现图片滚动懒加载 金州 htmljavascript前端css
    实现一个vue单页面滚动懒加载的插件开发工具用的HBuilderX1.先引入组件不然会报错在标签中加入v-lazy-container="{selector:'img'}"后续修改了一个问题（懒加载失效）加上这段css：没加之前：加了之后实现滚动加载：实现效果图可滚动加载：实现懒加载滚动效果完整代码如下：[v-cloak]{display:none;}img{display:block;/*由于源
  • php实现图片的翻滚,css实现图片滚动 - 我是希希呀的个人空间 - OSCHINA - 中文开源技术交流社区... 冰镐供应商 php实现图片的翻滚
    .box{width:440px;white-space:nowrap;overflow:auto;scroll-snap-type:xmandatory;}.boximg{scroll-snap-align:start;}从以上代码，已经可以：当滑动滚动条时，滑到下一张图片的一丢丢，就会平滑定位到下一张图片了scroll-snap-type作用就是确定是水平滚动定位，还是垂直滚动定位。none默
  • web前端js基础------制作滚动图片 搁浅小泽 前端javascript开发语言
    1，要求通过定时器使其出现滚动的效果可以通过按键控制图片滚动的方向（设置两个按钮绑定点击事件）当鼠标悬停时图片停止，鼠标离开时图片继续向前滚动（可以设置鼠标的悬停和离开事件）参考如下content.onmouseenter=function(){//设置鼠标悬停事件key="stop";}content.onmouseleave=function(){//设置鼠标离开事件key="run";}图片
  • CSS实现横向图片滚动播放 风下森林 前端css
    CSS实现横向图片滚动播放以下示例代码拷走即可放到html中即可查看滚动效果:(仅供学习参考),核心代码查看CSS部分ulli{margin-top:20px;}h4{text-align:left;}hr{width:100%;color:#987cb9;SIZE:1px}header{text-align:center;background-color:#00b4ff;}footer{text
  • vue + swiper 的正确使用姿势（附即插即用css、动态更新数据，使用建议） iamlujingtao #Vuevueswiper
    vue+swiper的正确使用姿势（附即插即用css、动态更新数据，使用建议）一、演示效果二、吐槽三、使用建议四、正式使用1、指定安装swiper3版本2、详细代码（具体请看注释）一、演示效果先看看成果，展示了常用的图片滚动样色，以及动态变更数据后插件响应跟新的效果二、吐槽从来没见过这么难用的插件！在结合vue使用情况下，我就想实现简单的图片滚动+数据变更插件响应更新的效果，然而折腾了一天！三、使
  • 心理测试 登泓听香
    请看图是动的还是静止的请看图线条是直的还是斜的请看有几个人像图请看图第一眼看到的是鸭子还是兔子请看图是静止的还是动态的第一眼看图像是女孩还是一个女巫请看图片里是什么请看图片里的白色点有没有黑色点闪动走迷宫从哪个出口出来看图片滚动的速度快慢
  • uni-app快速入门 Crassus
    常用API注意点如果是字符串的图片路劲使用'/'作为相对路劲image.png组件内部图片使用’@/‘image.png发送图片滚动image.png组件之间的通信父组件传递给子组件uni.on('方法名',()=>{//实现})image.pngVuex状态管理，集中式储存管理应用所有的组件状态，并以相应规则保证规则:State:存储状态数据Getter：从状态数据派生数据，相当于state的计
  • uniapp：文本/图片横向滚动播放（非swiper） Mosowe uniappuniapp文字滚动uniapp插件uniapp图片无缝滚动图片无缝滚动
    插件地址平台支持：APPH5微信小程序支付宝小程序百度小程序字节跳动小程序QQ小程序√√√未测未测未测未测插件功能支持文本/图片横向播放，点击选中，扫码体验注意：css样式需要开发者布局props:名称类型默认值说明版本listArray[]需要滚动的列表1.0.0typeStringtext可选：image，纯图片滚动1.0.0textKeyString文字key值1.0.0imageKeySt
  • uni-app 之 图片匀速滑动轮播，animation动画 jun_tong uni-appuni-apphtml
    uni-app之图片匀速滑动轮播，animation动画加个标题，嘎嘎嘎exportdefault{data(){return{}},}/***图片滚动*/.container{width:100%;height:260px;/*图片高度*/overflow:hidden;}.slider{width:200%;/*图片总宽度的两倍*/height:100%;display:flex;animat
  • PMP 第六章 项目进度管理 Leeson1989
    时间的特征：时间不等人、投入有上限、对谁都公平看板工具WIP（workinprocess）在制品图片看板系统特点：拉动式看板的六大核心实践1，可视化工作流程2，限制在制品（WIP）3，管理和度量流动4，显示化流程规则5，建立反馈环路6，协作式改进图片洋葱圈规划图片时间管理的过程图片具有未完项的迭代进度计划：未完成活动或持续性活动敏捷开发图片滚动式开发图片紧前关系绘图法（PDM）紧前关系绘图法（PD
  • Vue 实现图片监听，鼠标滚轮实现图片缩放功能，可拖拽 Wooofe。 vuevue.jsjavascript前端
    Vue实现图片监听，鼠标滚轮实现图片缩放功能，可拖拽其实想要实现功能很简单，就是在一张图片上监听鼠标滑轮滚动的事件，然后根据上滚还是下滚实现图片的缩放。其实就是这种效果：HTML代码：-->@mousewheel.prevent来监听鼠标滑轮滚动。没了，当鼠标在这个图片滚动滑轮的时候就会被这个时间监听到，然后就可以写自己的逻辑代码了。JS代码：//滚轮滑动gunlun(e){//letdirect
  • 【微信小程序创作之路】- 小程序常用页面样式 java小白冲刺者 前端vue微信小程序notepad++小程序
    【微信小程序创作之路】-小程序常用页面样式第四章微信小程序用页面样式文章目录【微信小程序创作之路】-小程序常用页面样式前言一、总体样式--全局样式and局部样式1.全局样式2.局部样式二、Flex布局rpx单位三、样式导入四、常用按钮样式五、图片插入六、图片轮播七、图片滚动八、条件渲染1.2.总结前言本章节主要讲解，小程序中常用样式，涉及到WXML和WXSS文件。例如：页面布局、整体样式、按钮、图
  • JS效果 - 无缝滚动/滚动加停顿 uiswengineer divtablefunctionscrollhtmlborder
    JS效果-无缝滚动/滚动加停顿js效果中的滚动效果应该也是我们在浏览页面中比较常见的一个效果，其中不乏有文字滚动、图片滚动等。在这里我将以循序渐进的方式向大家讲解其滚动方法和原理。首先请看效果图：‍其实做此效果是不需要添加滚动轴的，但是这样却更方便于我们了解方法原理。在叙述方法之前先介绍下此效果所用的一些属性。1、innerHTML：inner(里面，元素)，innerHTML是用来改变对象DH内
  • Uniapp中实战实现左右点击滚动功能 一淘模板 uni-appjavascript前端
    一淘模板56admin.com这里的uniapp是一款基于Vue.js的跨平台应用框架，可以同时开发iOS、Android、H5、小程序等多个平台的应用程序。其中，滚动操作在Uniapp中是一项很常见的操作，今天我们来讨论在Uniapp中如何实现左右点击滚动。一、背景介绍在Uniapp的实际应用中，我们常常会遇到需要在页面中实现左右滚动操作的需求。例如，移动端的导航菜单或者横向的图片滚动，都需要使
  • 大家都看短视频了，写文字还有意义吗？ 彭小六
    你好啊，我是小六。最近我身边很多自媒体的朋友都搅入了一股短视频的骚动中：◆还没开始的人，在纠结要不要做短视频，怎么做；◆已经在做的人，发现陷入了流量困境，苦苦在支撑。甚至一些从来不露脸的朋友，也以图片滚动+字幕的方式在做短视频。我这种坚持写文字的，也有了一个称号叫：“古典自媒体”。意思是倔强的只会写文字，不怎么拍短视频的自媒体。今天我们就聊聊这个话题：大家都在看短视频了，写文字还有意义吗？1我们一
  • vue项目中实现懒加载的方法 十二的故事
    当我们开始做一个项目时，不乏有些页面图片比较多，为了加速页面的加载速度，减轻浏览器的负担，所有很多时候我们需要将页面内未出现在可视区域内的图片先不加载，等到该图片滚动到可视区域后再去加载。这样子对于页面加载性能会有很大的提升，也提高了用户体验实现方法：使用vue中的vue-lazyload插件步骤：1.安装插件npminstallvue-lazy-load-S2.在项目的入口文件main.js中引
  • CSS3关于背景图片应用的总结 读心读书
    背景的基本属性background-color(背景颜色)background-image(背景图片)background-repeat(背景图片展示的方式)background-attachment(背景图片滚动还是固定)background-position(背景图片定位)简写为：background:background-colorbackground-imagebackground-rep
  • SuperSlide轮播插件滚动高度或宽度不对的问题解决 Deshun
    声明：本文由w3h5原创，转载请注明出处：《SuperSlide轮播插件滚动高度或宽度不对的问题解决》SuperSlide是一款比较实用的轮播插件，网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等都能实现，兼容包括IE6的绝大部分浏览器。但是作者写的教程复杂难懂，有时需要摸索好久才能实现效果。问题描述：而且会存在一些问题，没有考虑到。今天就遇到一个问题，轮播的滚动距离出现
  • 心理健康测试 登泓听香
    请看图是动的还是静止的请看图线条是直的还是斜的请看有几个人像图请看图第一眼看到的是鸭子还是兔子请看图是静止的还是动态的第一眼看图像是女孩还是一个女巫请看图片里是什么请看图片里的白色点有没有黑色点闪动走迷宫从哪个出口出来看图片滚动的速度快慢
  • Spring4.1新特性——Spring MVC增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • mysql 性能查询优化 annan211 javasql优化mysql应用服务器
    1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了 检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方 花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
  • windows系统配置 cherishLC windows
    删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns
  • 人体的排毒时间 Array_06 工作
    ======================== ||  人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
  • ZooKeeper cugfy zookeeper
    Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步， 配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea
  • 网络爬虫的乱码处理 随意而生 爬虫网络
    下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文 、俄文、藏文之类的乱码处理，因为他们的解决方式 是一致的，故在此统一说明。     网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理
  • Xcode常用快捷键 张亚雄 xcode
    一、总结的常用命令：     隐藏xcode command+h     退出xcode command+q     关闭窗口 command+w     关闭所有窗口 command+option+w     关闭当前
  • mongoDB索引操作 adminjun mongodb索引
    一、索引基础：    MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令：    > db.test.ensureIndex({"username":1})    可以通过下面的名称查看索引是否已经成功建立： &nbs
  • 成都软件园实习那些话 aijuans 成都 软件园 实习
    无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。 　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都
  • Linux下FTP服务器安装及配置 ayaoxinchao linuxFTP服务器vsftp
    检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed  安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息   安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf
  • 使用mongo-java-driver获取文档id和查找文档 BigBird2012 driver
    注：本文所有代码都使用的mongo-java-driver实现。   在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在
  • JSONObject以及json串 bijian1013 jsonJSONObject
    一.JAR包简介     要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包：     1.commons-lang-2.0.jar     2.commons-beanutils-1.7.0.jar     3.commons-collections-3.1.jar &n
  • [Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性 bit1129 zookeeper
    为了说明问题，看个简单的代码，   import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal
  • 【Scala十二】Scala核心六：Trait bit1129 scala
    Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
  • weblogic version 10.3破解 ronin47 weblogic
    版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录 例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa
  • 求第n个斐波那契数 BrokenDreams
            今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。         自己试了下，搞了好久。。。基础要加强了。           &nbs
  • 读《研磨设计模式》-代码笔记-访问者模式-Visitor bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret
  • MatConvNet的excise 3改为网络配置文件形式 cherishLC matlab
    MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。 主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http
  • ZK Timeout再讨论 chenchao051 zookeepertimeouthbase
    http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
  • CASE WHEN 用法介绍 daizj sqlgroup bycase when
    CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数  CASE sex  WHEN '1' THEN '男'  WHEN '2' THEN '女'  ELSE '其他' END  --Case搜索函数  CASE WHEN sex = '1' THEN
  • PHP技巧汇总:提高PHP性能的53个技巧 dcj3sjt126com PHP
    PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍
  • Yii框架中CGridView的使用方法以及详细示例 dcj3sjt126com yii
    CGridView显示一个数据项的列表中的一个表。 表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。 实例代码如下：
  • Maven项目打包成可执行Jar文件 dyy_gusi assembly
    Maven项目打包成可执行Jar文件 在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin>
  • php常见错误 geeksun PHP
    1.  kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
  • 修改linux的用户名 hongtoushizi linuxchange password
    Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s   具体的操作顺
  • 第五章 常用Lua开发库1-redis、mysql、http客户端 jinnianshilongnian nginxlua
    对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。 一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。   Redis客户端 lua-resty-r
  • zkClient 监控机制实现 liyonghui160com zkClient 监控机制实现
             直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举
  • 在Mysql 众多表中查找一个表名或者字段名的 SQL 语句 pda158 mysql
    在Mysql 众多表中查找一个表名或者字段名的 SQL 语句： 　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum
  • 程序员对英语的依赖 Smile.zeng 英语程序猿
    1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年
  • Oracle学习笔记(8) 使用PLSQL编写触发器 vipbooks oraclesql编程活动Access
        时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！     这是第八章的学习笔记，学习完第七章的子程序和包之后
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他