小白变怪兽
小白变怪兽

视差滚动

  近年来，视差滚动效果越来越流行，之前看到很多好多个地方出现了这个效果感觉特别的炫酷，之后 特意去查看了很多资料学习
  了下，接下来就和大家分享一下我所学习到的。
**首先什么是视差滚动呢？**
简单的说：视差滚动(Parallax Scrolling)就是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。（大家可以
查看QQ浏览器官方网站查看效果）

下面我们就来简单的介绍一下这款未来网页设计的热点趋势之一的“视差滚动”吧。

首先是简单的页面布局(为了方便这里引用的都是网上的图片)：

        <div id="back" class="scene">
        <img id="img01" src="http://www.alloyteam.com/wp-content/uploads/2014/01/001.png">
        <img id="img04" src="http://www.alloyteam.com/wp-content/uploads/2014/01/004.png">
        <img id="img07" src="http://www.alloyteam.com/wp-content/uploads/2014/01/007.png">
    div>
    <div id="center" class="scene">
        <img id="img02" src="http://www.alloyteam.com/wp-content/uploads/2014/01/002.png">
        <img id="img05" src="http://www.alloyteam.com/wp-content/uploads/2014/01/005.png">
        <img id="img08" src="http://www.alloyteam.com/wp-content/uploads/2014/01/008.png">
    div>
    <div id="front" class="scene">
        <img id="img03" src="http://www.alloyteam.com/wp-content/uploads/2014/01/003.png">
        <img id="img06" src="http://www.alloyteam.com/wp-content/uploads/2014/01/006.png">
        <img id="img09" src="http://www.alloyteam.com/wp-content/uploads/2014/01/009.png">
    div>

接下来就是对给它们添加css样式（关键词：定位。另外给每张图片加top和left属性是为了更好的效果展示。）

<style>
body { height:3000px;}
.scene { position:absolute; width:100%; height:100%; }
img { position:absolute; }
#img01 { width:150px; top:200px; left:50px; }
#img02 { width:300px; top:800px; left:450px; }
#img03 { top:600px; left:150px; }
#img04 { width:200px; top:800px; left:400px; }
#img05 { width:300px; top:500px; left:500px; }
#img06 {top:1200px; }
#img07 { width:150px; top:250px; left:550px; }
#img08 { width:300px; top:100px; left:900px; }
#img09 {top:1400px; left:400px; }
style>

最后就是最最重要的js了（eventTarget：执行这个事件的对象，比如div、ul<这里是：window>；
eventType：事件类型<这里是：scroll>；
eventHandler ：函数。<这里是：自定义的onScroll函数>）

你可能感兴趣的:(视差滚动)

  • CSS3 视差滚动相册 懒羊羊大王呀 css3css3cssjavascript
    一个基于CSS3的视差滚动相册，采用网格布局（主要）与弹性布局。视差滚动相册源代码如下：旋转视差相册*{margin:0;padding:0;}.content{width:300px;height:300px;margin:0auto;margin-top:100px;display:grid;/*列*3，每列占1/3，repeat的添加与否效果一致*//*grid-template-colum
  • pixi 平铺精灵 demo (一) DigitMagic魔数实验室
    引言本篇是在学习pixi平铺精灵的时候联想起的一个视差滚动加碰撞检测的demo以及遇到的一个问题。目录平铺精灵1.1创建方式1.2区别1.3偏移值1.4纹理偏移代码视差滚动2.1纹理精度偏差碰撞检测demo总结了解更多1、平铺精灵1.1创建方式pixi平铺精灵的创建方式：//第一种newPIXI.extras.TilingSprite(texture,width,height);//第二种newP
  • 来写一个gsap的视差滚动效果 _GuGu_ 前端
    gsap是一个很齐全的动画效果包官网文档地址为：ScrollTrigger|GSAP|Docs&Learning在使用gsap是要先进行安装：cnpminstallgsapscrolltrigger--saveimport{onMounted}from'vue';importgsapfrom'gsap'importScrollTriggerfrom'gsap/ScrollTrigger'impor
  • 视差滚动特效 你的美，让我痴迷 css
    Documenthtml,body{margin:0;font-family:Helvetica,"PingFangSC","MicrosoftYahei",sans-serif;}*{box-sizing:border-box;}html{/*需要影藏最外层滚动条以使视差生效*/overflow:hidden;}body{overflow-x:hidden;overflow-y:auto;hei
  • html5页面滚动视差效果特,34个网页视差滚动插件和视差特效教程分享 几乎太累了 html5页面滚动视差效果特
    34个网页视差滚动插件和视差特效教程分享Sponsor视差滚动这个设计趋势从去年开始一直流行到现在，这个特效的视觉体验非常不错，比如前面分享的《19个创意网页设计欣赏》文章，有很多使视差滚动加上HTML5来实现出非常棒的网页设计作品。可以说视差滚动是个时髦的技术，我们通过创建水平或垂直滚动来实现多种很Cool的视觉特效，让人叹为观止。至于视差idea，可以参考《30+漂亮的视差滚动网页设计欣赏》这
  • css 各种特效实现方法 海胆Sur #CSScss动画css3
    图片背景渐隐通过伪元素线性渐变背景遮盖掉一部分内容div::before{content:'';position:absolute;bottom:0;width:100%;height:100px；background:linear-gradient(totop,black,transparent);z-index:100;}要求遮盖颜色与外部背景色相同视差滚动实现方式：监听浏览器滚动事件分别改变
  • 想要吸引用户的眼球？试试CSS视差滚动，给你带来超级视觉盛宴 江城开朗的豌豆 css前端前端面试题css前端
    江城开朗的豌豆：个人主页个人专栏:《VUE》《javaScript》个人网站:《江城开朗的豌豆》⛺️生活的理想，就是为了理想的生活!目录⭐专栏简介文章引言一、是什么二、实现方式background-attachmenttransform:translate3D⭐写在最后⭐专栏简介欢迎来到前端入门之旅！这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的
  • 精通CSS读书笔记（第四章 背景图像效果） 未至佳期 精通CSS精通CSS
    第四章背景图像效果本章内容：固定宽度和可变宽度圆角框滑动门技术多个背景图像和border-radius的属性CSS投影不透明度和RGBa让PNG适用于IE老版本视差滚动图像替换4.1图像背景基础body{background-image:url(xxx.jpg);}默认平铺，可以选择垂直平铺、水平平铺和不平铺。body{background-image:url(xxx.jpg);/*backgro
  • CoordinatorLayout 的基本使用 万里国度 AndroidAppbarLayoutcoordinator折叠悬浮效果CollapsingToolbar
    目录一、基本概念1.1CoordinatorLayout1.2AppBarLayout二、使用方法2.1用法2.2layout_scrollFlags三、Toolbar四、CollapsingToolbarLayout4.1CollapsingTitle（折叠标题）4.2Contentscrim（内容纱布）4.3Statusbarscrim（状态栏纱布）4.4子View的视差滚动行为和子类的位置固
  • 02-iScroll 七分之二十四
    iScrolliScroll是一个高性能,资源占用少,无依赖,多平台的JavaScript滚动插件iScroll不仅仅是滚动,在你的项目中包含仅仅4kb大小的iScorll,能让你的项目便拥有滚动,缩放,平移,无限滚动,视差滚动,旋转功能iScroll基本使用按照iScroll的规定搭建HTML结构引入iScroll创建iScroll对象,告诉它谁需要滚动SwiperSwiper是纯JavaScr
  • VUE笔记：视差滚动（Parallax Scrolling）的基本实现 Yun丶Lei
    vue视差滚动视差滚动（ParallaxScrolling）指网页滚动过程中，多层次的元素进行不同程度的移动。原理传统的网页的文字、图片、背景都是一起按照相同方向相同速度滚动的，而视差滚动则是在滚动的时候，内容和多层次的背景实现或不同速度，或不同方向的运动。有的时候也可以加上一些透明度、大小的动画来优化显示。视差滚动这个概念出来已经多年了，有很多现成的JQ库，如parallax、stellar等。
  • 利用css实现视差滚动和抖动效果 lilly呀 CSS记录篇csscss3前端
    背景：前端的设计效果，越来越炫酷，而这些炫酷的效果，利用css3的动画效果和js就可以实现，简单的代码就能实现非常炫酷的效果。原理：利用js监控scrollTop的位置，通过top定位图片的位置，实现视差的滚动；当滚动到目标位置时，通过css3的animation属性，实现抖动效果。一、预览效果视差抖动相关素材照片：二、相关代码style部分：.index-module--nftBox--3H_A
  • 如何用css做出酷炫的视差滚动效果 花开花落的博客 css前端
    Documentdiv{height:100vh;background:rgba(0,0,0,.7);color:#fff;line-height:100vh;text-align:center;font-size:20vh;}.a-img1{background-image:url(https://images.pexels.com/photos/1097491/pexels-photo-109
  • 写给你的前端滚动视差设计指南（附7个神级案例） long_songs 前端javascriptcss
    设计师应该要了解网页上各种效果的实现能力，才能给用户创造出非常吸引人的视觉体验。滚动页面是一个很常规的操作，结合这个交互行为可以在设计上有哪些可以发挥的点呢？可能这对很多人来说，算是一块知识盲区，那么就跟着这篇文章一起来学习吧！视差滚动特效是用户在滚动页面的过程当中，页面中不同元素随之进行不同速率的运动，所营造出的接近3D的视觉效果。设计中增添音频和视觉为内容赋予了更多的生机，传达出许多纯文字无法
  • canvas制作无限视差滚动背景图 infi_
    我们都知道传统的js控制div的滚动其实用canvas也一样可以实现效果如下代码如下背景滚动body{background:#dddddd;}#canvas{position:absolute;top:30px;left:10px;background:#ffffff;cursor:crosshair;margin-left:10px;margin-top:10px;-webkit-box-sha
  • vue-parallaxy插件使用心得 smiliing
    1、这个插件实现的是视差滚动效果2、在使用的时候通过自定义属性修改插件的默认值3、用vuessr开发时要将插件使用的组件外层包裹一层4、若最外层盒子使用vue-scroller（实现下拉刷新的插件）会造成vue-parallaxy失效5、可以通过监听scroll事件来实现视差滚动效果
  • 44.【javascript】——css动画，js动画(2021-09-27) IT成长空间
    JS动画：•优点：1.过程控制，可以在动画播放过程中对动画进行控制：开始、暂停、回放、终止、取消都是可以做到的。2.动画效果比css3动画丰富,有些动画效果，比如曲线运动,冲击闪烁,视差滚动效果，只有JavaScript动画才能完成。3.CSS3有兼容性问题，而JS大多时候没有兼容性问题。•缺点：1.JavaScript在浏览器的主线程中运行，而主线程中还有其它需要运行的JavaScript脚本、
  • 视差滚动(Parallax Scrolling)效果的原理和实现 better_huo
    https://www.cnblogs.com/JoannaQ/archive/2013/02/08/2909111.html
  • 前端精美插件 littlesunn
    element-ui,echart耳熟能详的就不说的,以下推荐使用场景不那么频繁,但用到方恨少的插件!数字翻滚动画https://github.com/gitWhatever/vue-digitrollhtml元素连线,两点连线带方向,可以是曲线https://github.com/anseki/leader-line视差滚动https://github.com/Prinzhorn/skrollr
  • 探究几种CSS视差动画实现方案及原理
    滚动视差介绍视差滚动（ParallaxScrolling）是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。实现原理方式一：利用background-attachment属性，我们可以把网页解刨成：背景层、内容层、悬浮层background-attachment的作用是设置背景图像随着页面滚动的时候固定，即使一个元素有滚动机制，背景也不会随着元素的内容而滚动，它的值有以下三
  • Android中实现视差滚动示例介绍
    什么是视差滚动？视差滚动原本是一个天文学术语，当我们观察星空的时候，离我们比较远的星星移动速度比较慢，离我们比较近的星星移动速度比较快，当我们坐在车上向车窗外看的时候也会有这种体验，远处的群山似乎没有移动，但近处的行道树却在飞速掠过。在工程设计中，视差滚动是指通过为背景图像设定比前景图像更慢的移动速度模拟现实世界中人类的视觉体验，从而在2D场景中产生深度的错觉，增加沉浸感。以下是几个设计实例：如何
  • 关于js动画和css3动画的差异性你了解吗？请简单谈一下 黄一倚
    css3动画：css3之后添加了transform动画计算函数，所以实现动画更为简单方便，并且transform矩阵是C++级的计算，所以速度会快很多。但是动画控制上不是特别灵活，部分动画无法实现（比如轮播图，视差滚动都需要js去参与）并且兼容性也存在一定问题。js动画：一般可以使用requestAnimationFrame去实现，js动画相对css3动画来说，控制力更强一些，可以单帧的控制变换，
  • pixi 平铺精灵 demo (二) DigitMagic魔数实验室
    引言上篇主要讲述了pixi平铺精灵的创建与使用及视差滚动，这篇主要讲述的是基于上篇demo的优化与新增的功能。目录新增功能1.1分数&&速度1.2上方障碍1.3碰撞检测1.4二段跳1.5血量1.6配乐setup代码总结了解更多1、新增功能1.1分数&&速度分数这里是偷了个小懒，这里是直接在ticker中做了个累加1的操作，想的是通过分数达到多少分，游戏整体速度会提升一个阶段，当然也可以是避开障碍物
  • 那些超屌的网站 elvis1121
    看了Cellier写的我眼中神级的网页设计，觉得有必要发一些我收藏的那些超屌网站了，部分需要*翻*墙或配合webkit内核的浏览器1n.o.1必须是sonybe-moved专题啊，视差滚动做到极致就是电影大片有木有，索尼大法好be-moved2eyesinspace，vr设备看很爽，比如cardboardeyesinspace3revelator动效真的很赞revelator4codesketch
  • 干货：整屏滚动插件fullPage使用 柯琦
    pc-a3e1637a-7960-11e4-bf1d-00163e001348.png作为前端开发，页面修改是难免的，这不本来好好地首页，UI妹子告知首页需要调整整屏滚动，没办法只能修改了（可惜了之前为了视差滚动写的代码了）；虽说这类交互，手写代码对自己最有利了，可是为了开发效率（其实就是我懒）所以利用插件了，毕竟一个优秀的插件功能是很齐全的，使用起来是方便的很哪！因此我就开始寻找理想的中的插件了
  • 面试官：如何使用CSS完成视差滚动效果? 动感超人， csshtmlcss3jssvg
    一、是什么视差滚动（ParallaxScrolling）是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验我们可以把网页解刨成：背景层、内容层、悬浮层当滚动鼠标滑轮的时候，各个图层以不同的速度移动，形成视觉差的效果二、实现方式使用css形式实现视觉差滚动效果的方式有：background-attachmenttransform:translate3Dbackground-at
  • HTML5 canvas双缓存实例 努力的人运气不会差 html5
    转自：http://www.108js.com/article/article3/30046.html?id=255下面是用HTML5的标签写的一个视差滚动动画的示例。采用了制作动画或者游戏编程中常用的双缓冲技术：获取到页面中的Canvas对象之后，创建了一个与页面Canvas同样大小的Canvas对象。绘图时先将图像绘制到缓冲Canvas中，等到每一桢的图像绘制完全后在把整个缓冲Canvas绘制
  • html5的经典特效思路 暮志未晚Webgl html5
    其实特效（SpecialEffect）的概念很宽泛，无论电影、电视还是游戏，需要特技处理的效果都能被叫做特效。那H5特效呢？简单地说，就是在网页中实现各种具有想象力的技法，比如触摸碎屏、画卷收缩、冰块撞击、视差滚动等等。这份H5特效创作大全，整理出与H5特效有关的各种实用干货，包括制作技巧、场景应用和网站资源等，篇幅较长，因此分上下两期。以下讲述如何使用iH5的10个特殊功能，实现上万种H5特效。
  • WEB开发会用到的一些特效 azun31128
    超炫的页面切换动画效果今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。源码下载在线演示美！视差滚动在图片滑块中的应用视差滚动（ParallaxScrolling）已经被广泛应用于网页设计中，这种技术能够让原本平面的网页界面产生动感的立体效果。美女很养眼吧源码下载在线演示网页边栏过渡动画以细微的过渡动画显示一些隐藏
  • 自制一个UIView代替ViewController的导航栏视图跟随scrollview滑动而改变大小并且图片移动交错效果，列表的Header View中的图片产生视差滚动效果... di92175104
    #import@interfaceELHeaderView:UIView@property(nonatomic,weak)UIViewController*viewController;@property(nonatomic,weak)UIScrollView*scrollView;-(id)initWithFrame:(CGRect)framebackGroudImageURL:(NSStrin
  • 算法 单链的创建与删除 换个号韩国红果果 c算法
    先创建结构体 struct student { int data; //int tag;//标记这是第几个 struct student *next; }; // addone 用于将一个数插入已从小到大排好序的链中 struct student *addone(struct student *h,int x){ if(h==NULL) //??????
  • 《大型网站系统与Java中间件实践》第2章读后感 白糖_ java中间件
           断断续续花了两天时间试读了《大型网站系统与Java中间件实践》的第2章，这章总述了从一个小型单机构建的网站发展到大型网站的演化过程---整个过程会遇到很多困难，但每一个屏障都会有解决方案，最终就是依靠这些个解决方案汇聚到一起组成了一个健壮稳定高效的大型系统。          看完整章内容，
  • zeus持久层spring事务单元测试 deng520159 javaDAOspringjdbc
    今天把zeus事务单元测试放出来,让大家指出他的毛病, 1.ZeusTransactionTest.java 单元测试   package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Test; import
  • Rss 订阅 开发 周凡杨 htmlxml订阅rss规范
                    RSS是 Really Simple Syndication的缩写（对rss2.0而言，是这三个词的缩写，对rss1.0而言则是RDF Site Summary的缩写，1.0与2.0走的是两个体系）。   RSS
  • 分页查询实现 g21121 分页查询
    在查询列表时我们常常会用到分页，分页的好处就是减少数据交换，每次查询一定数量减少数据库压力等等。 按实现形式分前台分页和服务器分页： 前台分页就是一次查询出所有记录，在页面中用js进行虚拟分页，这种形式在数据量较小时优势比较明显，一次加载就不必再访问服务器了，但当数据量较大时会对页面造成压力，传输速度也会大幅下降。 服务器分页就是每次请求相同数量记录，按一定规则排序，每次取一定序号直接的数据
  • spring jms异步消息处理 510888780 jms
    spring JMS对于异步消息处理基本上只需配置下就能进行高效的处理。其核心就是消息侦听器容器，常用的类就是DefaultMessageListenerContainer。该容器可配置侦听器的并发数量，以及配合MessageListenerAdapter使用消息驱动POJO进行消息处理。且消息驱动POJO是放入TaskExecutor中进行处理，进一步提高性能，减少侦听器的阻塞。具体配置如下：
  • highCharts柱状图 布衣凌宇 hightCharts柱图
    第一步：导入 exporting.js,grid.js,highcharts.js;第二步：写controller   @Controller@RequestMapping(value="${adminPath}/statistick")public class StatistickController {  private UserServi
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans springmvcSpring 教程spring3 教程Spring 入门
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • TLS java简单实现 antlove javasslkeystoretlssecure
      1. SSLServer.java package ssl; import java.io.FileInputStream; import java.io.InputStream; import java.net.ServerSocket; import java.net.Socket; import java.security.KeyStore; import
  • Zip解压压缩文件 百合不是茶 Zip格式解压Zip流的使用文件解压
       ZIP文件的解压缩实质上就是从输入流中读取数据。Java.util.zip包提供了类ZipInputStream来读取ZIP文件,下面的代码段创建了一个输入流来读取ZIP格式的文件; ZipInputStream in = new ZipInputStream(new FileInputStream(zipFileName));     &n
  • underscore.js 学习（一） bijian1013 JavaScriptunderscore
            工作中需要用到underscore.js，发现这是一个包括了很多基本功能函数的js库，里面有很多实用的函数。而且它没有扩展 javascript的原生对象。主要涉及对Collection、Object、Array、Function的操作。       学
  • java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon) bijian1013 javajvmjstatd
    1.介绍         jstatd是一个基于RMI（Remove Method Invocation）的服务程序，它用于监控基于HotSpot的JVM中资源的创建及销毁，并且提供了一个远程接口允许远程的监控工具连接到本地的JVM执行命令。         jstatd是基于RMI的，所以在运行jstatd的服务
  • 【Spring框架三】Spring常用注解之Transactional bit1129 transactional
    Spring可以通过注解@Transactional来为业务逻辑层的方法(调用DAO完成持久化动作)添加事务能力，如下是@Transactional注解的定义：   /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version
  • 我(程序员)的前进方向 bitray 程序员
    作为一个普通的程序员,我一直游走在java语言中,java也确实让我有了很多的体会.不过随着学习的深入,java语言的新技术产生的越来越多,从最初期的javase,我逐渐开始转变到ssh,ssi,这种主流的码农,.过了几天为了解决新问题,webservice的大旗也被我祭出来了,又过了些日子jms架构的activemq也开始必须学习了.再后来开始了一系列技术学习,osgi,restful.....
  • nginx lua开发经验总结 ronin47
    使用nginx lua已经两三个月了，项目接开发完毕了，这几天准备上线并且跟高德地图对接。回顾下来lua在项目中占得必中还是比较大的，跟PHP的占比差不多持平了，因此在开发中遇到一些问题备忘一下 1：content_by_lua中代码容量有限制，一般不要写太多代码，正常编写代码一般在100行左右（具体容量没有细心测哈哈，在4kb左右），如果超出了则重启nginx的时候会报 too long pa
  • java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。颠倒之后的栈为{5,4,3,2,1}，5处在栈顶 bylijinnan java
    import java.util.Stack; public class ReverseStackRecursive { /** * Q 66.颠倒栈。 * 题目：用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。 * 颠倒之后的栈为{5,4,3,2,1}，5处在栈顶。 *1. Pop the top element *2. Revers
  • 正确理解Linux内存占用过高的问题 cfyme linux
    Linux开机后，使用top命令查看，4G物理内存发现已使用的多大3.2G，占用率高达80%以上： Mem:   3889836k total,  3341868k used,   547968k free,   286044k buffers Swap:  6127608k total,&nb
  • [JWFD开源工作流]当前流程引擎设计的一个急需解决的问题 comsci 工作流
         当我们的流程引擎进入IRC阶段的时候，当循环反馈模型出现之后，每次循环都会导致一大堆节点内存数据残留在系统内存中，循环的次数越多，这些残留数据将导致系统内存溢出，并使得引擎崩溃。。。。。。       而解决办法就是利用汇编语言或者其它系统编程语言，在引擎运行时，把这些残留数据清除掉。
  • 自定义类的equals函数 dai_lm equals
    仅作笔记使用 public class VectorQueue { private final Vector<VectorItem> queue; private class VectorItem { private final Object item; private final int quantity; public VectorI
  • Linux下安装R语言 datageek R语言 linux
    命令如下：sudo gedit  /etc/apt/sources.list1、deb http://mirrors.ustc.edu.cn/CRAN/bin/linux/ubuntu/ precise/ 2、deb http://dk.archive.ubuntu.com/ubuntu hardy universesudo apt-key adv --keyserver ke
  • 如何修改mysql 并发数(连接数)最大值 dcj3sjt126com mysql
    MySQL的连接数最大值跟MySQL没关系，主要看系统和业务逻辑了   方法一：进入MYSQL安装目录 打开MYSQL配置文件 my.ini 或 my.cnf查找 max_connections=100 修改为 max_connections=1000 服务里重起MYSQL即可 　　方法二：MySQL的最大连接数默认是100客户端登录：mysql -uusername -ppass
  • 单一功能原则 dcj3sjt126com 面向对象的程序设计软件设计编程原则
    单一功能原则[ 编辑]     SOLID 原则 单一功能原则 开闭原则 Liskov代换原则 接口隔离原则 依赖反转原则 查   论   编 在面向对象编程领域中，单一功能原则（Single responsibility principle）规定每个类都应该有
  • POJO、VO和JavaBean区别和联系 fanmingxing VOPOJOjavabean
    POJO和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Plain Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比POJO复杂很多，JavaBean是一种组件技术，就好像你做了一个扳子，而这个扳子会在很多地方被
  • SpringSecurity3.X--LDAP：AD配置 hanqunfeng SpringSecurity
    前面介绍过基于本地数据库验证的方式，参考http://hanqunfeng.iteye.com/blog/1155226，这里说一下如何修改为使用AD进行身份验证【只对用户名和密码进行验证，权限依旧存储在本地数据库中】。   将配置文件中的如下部分删除： <!-- 认证管理器，使用自定义的UserDetailsService，并对密码采用md5加密-->
  • mac mysql 修改密码 IXHONG mysql
    $ sudo /usr/local/mysql/bin/mysqld_safe –user=root & //启动MySQL(也可以通过偏好设置面板来启动)$ sudo /usr/local/mysql/bin/mysqladmin -uroot password yourpassword //设置MySQL密码（注意，这是第一次MySQL密码为空的时候的设置命令，如果是修改密码，还需在-
  • 设计模式--抽象工厂模式 kerryg 设计模式
    抽象工厂模式：     工厂模式有一个问题就是，类的创建依赖于工厂类，也就是说，如果想要拓展程序，必须对工厂类进行修改，这违背了闭包原则。我们采用抽象工厂模式，创建多个工厂类，这样一旦需要增加新的功能，直接增加新的工厂类就可以了，不需要修改之前的代码。     总结：这个模式的好处就是，如果想增加一个功能，就需要做一个实现类，
  • 评"高中女生军训期跳楼” nannan408
       首先，先抛出我的观点，各位看官少点砖头。那就是，中国的差异化教育必须做起来。    孔圣人有云：有教无类。不同类型的人，都应该有对应的教育方法。目前中国的一体化教育，不知道已经扼杀了多少创造性人才。我们出不了爱迪生，出不了爱因斯坦，很大原因，是我们的培养思路错了，我们是第一要“顺从”。如果不顺从，我们的学校，就会用各种方法，罚站，罚写作业，各种罚。军
  • scala如何读取和写入文件内容？ qindongliang1922 javajvmscala
    直接看如下代码： package file import java.io.RandomAccessFile import java.nio.charset.Charset import scala.io.Source import scala.reflect.io.{File, Path} /** * Created by qindongliang on 2015/
  • C语言算法之百元买百鸡 qiufeihu c算法
    中国古代数学家张丘建在他的《算经》中提出了一个著名的“百钱买百鸡问题”，鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，问翁，母，雏各几何？ 代码如下： #include <stdio.h> int main() { int cock,hen,chick; /*定义变量为基本整型*/ for(coc
  • Hadoop集群安全性：Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode wyz2009107220 NameNode
    正如大家所知，NameNode在Hadoop系统中存在单点故障问题，这个对于标榜高可用性的Hadoop来说一直是个软肋。本文讨论一下为了解决这个问题而存在的几个solution。 1. Secondary NameNode 原理：Secondary NN会定期的从NN中读取editlog，与自己存储的Image进行合并形成新的metadata image 优点：Hadoop较早的版本都自带，