常见效果实现之返回顶部(结合淡入、淡出、减速滚动)

返回顶部是经常会见到的效果，代码比较简单，使用2个对象和一个主函数。职责明确方便复用。在性能方面考虑了由于连续触发onscroll事件，频繁调用回调函数而产生的性能问题。可以将回调函数缓存一段时候后执行，即当这段时间内多次触发了onscroll事件，但回调函数只会执行一次。 

 

<!DOCTYPE html>

<html>

<head>

<meta charset="gb2312" />

<title>结合淡入/淡出/减速运动效果实现的返回顶部功能</title>

<style>

.fixed{

	position:fixed; bottom:100px; width:20px; right:100px; height:80px; font-size:12px;

　　　　 cursor:pointer; background-color:#ccc; opacity:0; filter: alpha(opacity=0); 

}

.placeholder{ height:2000px;}

</style>

</head>

<body>

<div id="gotop" class="fixed">

返回顶部

</div>

<script>

var tool = {	

	//此方法为了避免在 ms 段时间内，多次执行func。常用 resize、scoll、mousemove等连续性事件中

	buffer: function(func, ms, context){

		var buffer;

		return  function(){

		   if(buffer) return;

		   

		   buffer = setTimeout(function(){

				func.call(this)

				buffer = undefined;

			},ms);

		};

	},

	

	/*读取或设置元素的透明度*/

	opacity: function(elem, val){	

		var setting = arguments.length > 1;

		if("opacity" in elem.style){//elem.style["opacity"] 读取不到CSS class中的值

			return setting ? elem.style["opacity"] = val : elem.style["opacity"];

		}else{ 

			if(elem.filters && elem.filters.alpha) {

				return setting ? elem.filters.alpha["opacity"] = val*100 : elem.filters.alpha["opacity"]/100;

			}

		}

	},

	

	//获取或设置文档对象的scrollTop

	//function([val])

	documentScrollTop: function(val){

		var elem = document; 

		return (val!== undefined) ? 

			elem.documentElement.scrollTop = elem.body.scrollTop = val :

			Math.max(elem.documentElement.scrollTop, elem.body.scrollTop);

				

	}

};

//动画效果

var effect = {	

	//淡入

	fadein: function (elem){

		var val = 0;

		var interval = 25;

		

		setTimeout(function(){

			val += 0.1;

			if(val>1){

				tool.opacity(elem, 1)

				return;

			}else {

				tool.opacity(elem, val)

				setTimeout(arguments.callee, interval);

			}

		},interval);

		

	},

	

	//淡出

	fadeout: function (elem){

		var val = 1;

		var interval = 25;

		

		setTimeout(function(){

			val -= 0.1;	

			

			if(val < 0){

				tool.opacity(elem, 0)

				return; 

			}else {

				tool.opacity(elem,val) ;

				setTimeout(arguments.callee, interval);

			}

		},interval);

		

	},

	

	//减速移动滚动条

	move: function(scrollTop){

		setTimeout(function(){

			scrollTop = Math.floor((scrollTop * 0.65));

			tool.documentScrollTop(scrollTop);

			if(scrollTop !=0 ){

				setTimeout(arguments.callee, 25);

			}

		},25);

	}

};



//主程序

(function(){//gotop

	var visible = false;

	var elem = document.getElementById("gotop");

	

	function onscroll(){

		var scrollTop = tool.documentScrollTop();

		if(scrollTop > 0){

			if(!visible){

				effect.fadein(elem)

				visible = true;

			}

		}else{

			if(visible){

				effect.fadeout(elem);

				visible = false;

			}		

		}

		

	}



	function onclick(){

		var scrollTop = tool.documentScrollTop();

		effect.move(scrollTop);

	}

		

	elem.onclick = onclick;

	window.onscroll = tool.buffer(onscroll, 200, this);

})();

</script>

<div class="placeholder">placeholder</div>

</body>

</html>

 兼容性和bugs相关问题： 

1 opacity: function(elem, val){
　　if(val){//使用这种判断方式当传0，空字符串时会产生BUG 。
2：document.documentElement.scrollTop chrome取不到值 。
3： elem.style.opacity 读取不到在CSS Class中定义的值。
4：IE6不支持fixed定位，虽然可以使用absolute模拟。不过很有很多网站都它进行了降级处理。

你可能感兴趣的:(返回顶部)

  • JS特效第141弹：jquery制作非常可爱的火箭筒返回顶部代码 马coder javascript开发语言ecmascript
    jquery星空火箭置顶，网页返回页面顶部，有动画效果，先来看看效果：一部分关键的代码如下：超可爱的星空火箭置顶jquery特效body{background:url(images/blog7year_videobg.png);}/*actGotop*/.actGotop{position:fixed;top:0;margin:480px000;right:50px;width:150px;hei
  • 滚动条事件,当页面滚动到距顶部一定高度时某DIV自动隐藏和显示（案例）（返回顶部） 友人！ 代码案例
    $(function(){//绑定滚动条事件//绑定滚动条事件$(window).bind("scroll",function(){varsTop=$(window).scrollTop();varsTop=parseInt(sTop);if(sTop>=400){if(!$("#float-top").is(":visible")){try{$("#float-top").slideDown()
  • 3.ElementUI之backtop组件的使用。 似朝朝我心
    官网给出的方案很有意思，直接copy没啥反应的，然后去找别人的代码看看，几乎也没人写能清楚，这个组件到底应该怎么使用。UP返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶部返回顶
  • CSS3：教程 weixin_30737363
    ylbtech-CSS3：教程1.返回顶部1、CSS3教程CSS用于控制网页的样式和布局。CSS3是最新的CSS标准。本教程向您讲解CSS3中的新特性。开始学习CSS3!CSS3实例div{transform:rotate(30deg);}尝试一下»点击"尝试一下"按钮查看在线实例。CSS3参考手册在菜鸟教程中，我们提供完整的CSS3参考手册，包括所有属性和选择器的语法、实例、浏览器支持信息。CS
  • HTML02 ae7e2869e671
    一、锚点链接主要作品主要作品返回顶部二、特殊字符： 空格>大于号<小于号三、表格作用：展示数据四大天王姓名性别年龄刘德华男56郭富城男51表格属性：写到table标签里面。align:center居中，（写在table里面会让整个表格居中，不会影响表格里面的文字，写在表格的tr里面会让tr这一行的文字居中）。border:设置表格的边框。cellpadding:设置单元格边框
  • 101条UX原则 - #27 在页脚或视图下方再放置一次菜单项 Tomi_Wong
    你网站的导航栏目位于视图的顶部，但是用户在浏览中已在视图中滚动——毫无疑问，他们沉迷于你提供的精彩且引人入胜的内容中。那么，他们如何回到页面顶部？大多数移动浏览器都提供了一个快捷方式，点按应用程序的顶部栏会向上滚动页面。没有必要提供一个浮动在页面上的“返回顶部”的链接，那是在浪费空间。另一个很好的解决方案是在页脚处重复放置主菜单项，或者至少为站点的常用部分添加一些快捷方式。“迷你面包屑”都要比“返
  • uniapp：scroll-view触底加载、下拉刷新、返回顶部 FIRE uniappuni-appjavascript开发语言
    1.swiper禁止滑动//禁止swiper滑动stopTouchMove(){returnfalse},2.scroll-view触底加载uniapp-scrollView顺便解决了ios下拉，顶部和底部有白屏的问题{"path":"pages/index/index","style":{"enablePullDownRefresh":false,"disableScroll":true//pa
  • 防抖和节流2020-08-26 猴逃逃
    防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。从滚动条监听的例子说起先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个功能需求--监听浏览器滚动事件，返回当前滚条与顶部的距离这个需求很简单，直接写:functionshowT
  • css3 纯代码案例 TechWJ css3css3前端css
    css3纯代码案例前言渐变之美1.1纯CSS3实现的渐变背景1.2使用多重颜色和方向打造丰富渐变效果1.3渐变色停留动画的巧妙运用纯CSS图形绘制2.1使用border属性制作三角形、梯形等形状伪类箭头图标2.2利用transform创建旋转、缩放的图形浮动的阴影敲代码css准备reset样式复位表base公共类样式表常用代码自动跳转至手网返回顶部返回上一步结语前言在前端的舞台上，CSS3是一位无
  • 历史更新记录 - DarkVoxel Wiki Wormwaker DarkVoxelC++DarkVoxel游戏
    V2.0.1.7正在开发中按Home键返回顶部，按End键跳转至底部[首页]V2.0.1.61.添加了实体：火箭弹I、火箭弹II、火箭弹III、火箭弹IV、丛林史莱姆、丛林僵尸、冰雪史莱姆2.添加了物品:火箭炮、火箭弹I、火箭弹II、火箭弹III、火箭弹IV、沙岩、沙漠化石、流沙、沙化石块、硬沙岩、冻土、薄冰块、覆冰石、苔藓块、青石头、青石、石灰石、石灰石块、石笋、荷花、荷叶3.添加了方块：沙岩、
  • 快速前端开发02-CSS快速入门 李小狗儿 前端开发css前端开发语言
    CSS快速入门1.CSS案例1.1内容回顾1.2案例：二级菜单1.2.1划分区域1.2.2搭建骨架1.2.3Logo区域1.2.4菜单部分1.3案例：顶部菜单+二级菜单小结1.4案例：推荐区域1.4.1划分区域1.4.2搭建骨架1.4.3案例的实现小结2.CSS知识点2.1hover（伪类）2.2after（伪类）2.3position1.fixed案例：返回顶部案例：对话框2.relative和
  • 关于：必应搜索页面自动返回顶部 Gutie_bartholomew 故障&错误html前端
    最近用bing用得比较多，有一个现象特别影响使用体验，使用Bing搜索引擎进行搜索时，查看搜索结果后返回上一页，搜索结果页面会显示到顶部。也就是说，我如果看完了某一条结果，现在我想返回去搜索页进入另外一个结果，那么我只能从顶上继续翻到刚刚得位置，翻得多了，很容易会记不到刚刚查看的位置。我上网查了下，万能得网友已经解决了这个问题，我试了下，亲测有效。必应搜索页打开其他网页过一会直接回到顶部-Micr
  • uniapp 学习笔记九 使用自定义异步方法请求并渲染banner ggome uni-appuni-app学习前端
    homee.vue//局部引入封装的promise$httpimport{$http}from'@/utils/request.js'exportdefault{data(){return{isShowGoTop:false,topItem:'',//返回顶部的标记点banner:[]}},methods:{handleScroll(ev){//console.log(ev.detail);let
  • css3浮动定位 TechWJ css3前端css3csshtmlhtml5
    css3浮动定位前言浮动float的基本概念浮动的使用浮动的顺序贴靠特性浮动的元素一定能设置宽高使用浮动实现网页布局BFC规范和浏览器差异如何创建BFCBFC的其他作用浏览器差异清除浮动相对定位relative绝对定位absolute绝对定位脱离标准文档流绝对定位的参考盒子绝对定位的盒子垂直居中堆叠顺序z-index属性绝对定位的用途固定定位fixed固定定位的常用用途返回顶部楼层导航结语前言在网
  • 2 快速前端开发 笛秋白 前端开发HTMLCSS前端快速入门python
    CSS快速入门1.CSS案例1.1内容回顾1.2案例：二级菜单1.2.1划分区域1.2.2搭建骨架1.2.3Logo区域1.2.4菜单部分1.3案例：顶部菜单+二级菜单小结1.4案例：推荐区域1.4.1划分区域1.4.2搭建骨架1.4.3案例的实现小结2.CSS知识点2.1hover（伪类）2.2after（伪类）2.3position1.fixed案例：返回顶部案例：对话框2.relative和
  • 前端day-08 右耳要加油 前端前端javascripthtml
    目录每日测试昨日内容回顾js事件jQuery简介jQuery选择器今日内容概要今日内容详细jQuery练习题操作标签事件克隆事件自定义模态框左侧菜单返回顶部自定义登录校验input实时监控hover事件键盘按键事件今日作业每日测试"""今日考题:1.有一个列表[3,4,1,2,5,6,6,5,4,3,3]请写出一个函数，找出该列表中没有重复的数的总和2.简述数据库表设计中一对一、一对多、多对多的应
  • uniapp z-paging简单使用——笔记 前端榴脆骨 uni-app学习笔记
    根据官网学习，记录一下笔记介绍一个uni-app(opensnewwindow)分页组件。全平台兼容，支持自定义下拉刷新、上拉加载更多，支持虚拟列表，支持自动管理空数据图、点击返回顶部，支持聊天分页、本地分页，支持展示最后更新时间，支持国际化等等。插件下载：【z-paging下拉刷新、上拉加载】高性能，全平台兼容。支持虚拟列表，支持nvue、vue3-DCloud插件市场使用搜索{{item}}这
  • vue 实现返回顶部功能-指定盒子滚动区域 跳跳的小古风 vue.jsjavascriptecmascript
    vue实现返回顶部功能-指定盒子滚动区域html代码css代码返回顶部显示/隐藏返回标志html代码css代码.top{height:35px;width:37px;position:fixed;right:5%;bottom:5%;text-align:center;line-height:45px;font-size:20px;background-color:#fff;border-radi
  • 滚动条置顶常用方法 meloeyLeo 前端javascripthtml
    如果自己网上搜了试了一遍发现都不行，直接翻到最后一种。【1】锚点使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置放置位置在标签之后随便找个地方放都可以，只要靠近顶部即可。页面底部放置：返回顶部回到顶部【2】scrollTopscrollTop属性表示被隐藏在内容区域上方
  • emoji符号大全，emoji大全 h130666 前端javascripthtml
    --2024-0104``````````````````````````emoji表情(非图片可复制)↑返回顶部☺emoji人物(非图片可复制)↑返回顶部emoji手势(非图片可复制)↑返回顶部☝✌✋✊✍emoji日常(非图片可复制)↑返回顶部emoji手机(非图片可复制)↑返回顶部☎emoji公共(非图片可复制)↑返回顶部♻♿⚠⛔emoji动物(非图片可复制)↑返回顶部emoji植物(非图片可
  • 给WordPress网站添加返回顶部按钮 wodrpress资源分享 wordpresswordpress
    给WordPress网站底部添加一个按钮，点它就可以现实快速返回到顶部。有两种方法可以现实，一种是通过安装相关插件来实现。另外一种方式就是以纯属代码的方式来实现。给WordPress网站底部添加一个按钮，点它就可以现实快速返回到顶部。有两种方法可以现实，一种是通过安装相关插件来实现。另外一种方式就是以纯属代码的方式来实现。不废话，直接上代码。1、将下面这段代码添加加到footer.php标签后2、
  • uniapp+uview开发企业微信应用的问题及解决记录 八岐大兔吼啦吼啦 uni-appuni-app前端
    目录一、已解决问题1、uview的Tabs标签做顶部导航，样式错误2、列表滚动到底部，下拉刷新报错3、uniapp动态获取元素高度不能使用ref4、uniapp的在scroll-x模式下，ios显示异常5、列表页含有子组件时，点击子组件的卡片进入操作页，【提交】表单后返回上一页，不重新请求并渲染数据二、暂未解决问题，先做记录1、u-Picker选择器，选择某项2、uview的BackTop返回顶部
  • 【前端案例】17 - 案例：仿淘宝固定右侧侧边栏 itlu
    原先侧边栏是绝对定位；当页面滚动到一定位置，侧边栏改为固定定位；页面继续滚动，会让返回顶部显示出来。案例分析:需要用到页面滚动事件scroll因为是页面滚动，所以事件源是document；滚动到某个位置，就是判断页面被卷去的上部值；页面被卷去的头部：可以通过window.pageYOffset获得如果是被卷去的左侧window.pageXOffset；注意，元素被卷去的头部是element.scr
  • Linux-audit sztomarch
    导航(返回顶部)1.Audit_framework原文翻译1.1添加规则1.2搜索日志1.3寻找异常1.4哪些文件或系统调用值得审核？2.manauditctl译文2.1CONFIGURATIONOPTIONS2.2STATUSOPTIONS2.3RULEOPTIONS2.4PERFORMANCETIPS性能提示2.5EXAMPLES3.manauditd译文3.1OPTIONS3.2SIGNAL
  • PHP函数里面写JQ CSS HTML的写法案例 linlinlove2 phpcsshtml
    /***@description:返回顶部*@param{*}*@return{*}*/publicfunctiongotop(){global$_L,$COMCFG;$plugin=$COMCFG['plugin']['gotop']?:[];$plugin=array_merge(["right"=>30,"bottom"=>80,"color"=>"rgba(255,255,255,1)",
  • uniapp返回顶部的方法 芷琪 i vueuniapp前端vue.js
    script：exportdefault{data(){return{flag:false,}},methods:{//点击事件：返回顶部toTop(){document.documentElement.scrollTop=0;//返回顶部},//滑动超过200时显示按钮handleScroll(){letscrollTop=document.documentElement.scrollTop;/
  • 从零开始学习 JavaScript APl（七）：实例解析关于京东案例头部案例和放大镜效果！ 阿猫的故乡 webAPLJavaScript前端学习前端javascripthtml
    大家好关于JSAPl知识点已经全部总结了，第七部部分全部都是案例部分呢！！（素材的可以去百度网盘去下载！！！）目录前言一、个人实战文档放大镜效果思路分析：关于其它模块一个：返回顶部模块总结前言欢迎来到JSAPL（JavaScriptAlgorithmsandDataStructuresProjects）学习项目！这个项目旨在为学习JavaScript算法和数据结构提供一个实践平台。通过完成这些项目
  • iOS MVC实例讲解 无敌大闸蟹
    MVC是一种设计模式面试的时候也经常被问到一般都会说Model-View-Controller三者的关系今天没事就写篇文章用实际的开发运用MVC先看效果图image.png这是个答题的页面首先进来请求接口返回顶部的轮播图图片数组中间的标题中间的内容答题奖励价格投放和剩余数量等等信息还有下面的题目信息然后底部有一个提交按钮提交答案很典型的接口---展示数据----提交数据的常见开发场景首先页面分解下
  • JavaScript实现返回顶部按钮 呵呵呵★ 前端开发javascript
    利用滚动事件（scroll)和点击事件(onclick)实现返回顶部按钮1.当滚动的到某个位置出现返回顶部按钮2.点击返回顶部按钮，立即跳到最顶部。代码实现如下Document*{padding:0;margin:0;font-size:30px;}.box{width:1000px;height:100px;margin:0auto;background:#0f9;}.box1{width:10
  • js浏览器回到顶部方法_js 返回顶部按钮 影小白养成记 js浏览器回到顶部方法
    要求：当鼠标从顶部滚动后，显示返回顶部按钮，点击按钮，页面平滑滚动到顶部，按钮隐藏。1.css#scrollTop{position:fixed;bottom:20px;right:20px;height:0px;width:45px;line-height:45px;text-align:center;background-color:rgba(0,0,0,.7);color:#fff;font
  • 关于旗正规则引擎中的MD5加密问题 何必如此 jspMD5规则加密
    一般情况下，为了防止个人隐私的泄露，我们都会对用户登录密码进行加密，使数据库相应字段保存的是加密后的字符串，而非原始密码。 在旗正规则引擎中，通过外部调用，可以实现MD5的加密，具体步骤如下： 1.在对象库中选择外部调用，选择“com.flagleader.util.MD5”，在子选项中选择“com.flagleader.util.MD5.getMD5ofStr({arg1})”； 2.在规
  • 【Spark101】Scala Promise/Future在Spark中的应用 bit1129 Promise
    Promise和Future是Scala用于异步调用并实现结果汇集的并发原语，Scala的Future同JUC里面的Future接口含义相同，Promise理解起来就有些绕。等有时间了再仔细的研究下Promise和Future的语义以及应用场景，具体参见Scala在线文档：http://docs.scala-lang.org/sips/completed/futures-promises.html
  • spark sql 访问hive数据的配置详解 daizj spark sqlhivethriftserver
    spark sql 能够通过thriftserver 访问hive数据，默认spark编译的版本是不支持访问hive，因为hive依赖比较多，因此打的包中不包含hive和thriftserver,因此需要自己下载源码进行编译，将hive，thriftserver打包进去才能够访问，详细配置步骤如下：   1、下载源码   2、下载Maven,并配置 此配置简单，就略过
  • HTTP 协议通信 周凡杨 javahttpclienthttp通信
                            一：简介  HTTPCLIENT，通过JAVA基于HTTP协议进行点与点间的通信！     二： 代码举例      测试类： import java
  • java unix时间戳转换 g21121 java
    把java时间戳转换成unix时间戳： Timestamp appointTime=Timestamp.valueOf(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date())) SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd hh:m
  • web报表工具FineReport常用函数的用法总结（报表函数） 老A不折腾 web报表finereport总结
    说明：本次总结中，凡是以tableName或viewName作为参数因子的。函数在调用的时候均按照先从私有数据源中查找，然后再从公有数据源中查找的顺序。   CLASS CLASS(object):返回object对象的所属的类。   CNMONEY CNMONEY(number,unit)返回人民币大写。 number:需要转换的数值型的数。 unit:单位，
  • java jni调用c++ 代码 报错 墙头上一根草 javaC++jni
    # # A fatal error has been detected by the Java Runtime Environment: # #  EXCEPTION_ACCESS_VIOLATION (0xc0000005) at pc=0x00000000777c3290, pid=5632, tid=6656 # # JRE version: Java(TM) SE Ru
  • Spring中事件处理de小技巧 aijuans springSpring 教程Spring 实例Spring 入门Spring3
    Spring 中提供一些Aware相关de接口，BeanFactoryAware、 ApplicationContextAware、ResourceLoaderAware、ServletContextAware等等，其中最常用到de匙ApplicationContextAware.实现ApplicationContextAwaredeBean，在Bean被初始后，将会被注入 Applicati
  • linux shell ls脚本样例 annan211 linuxlinux ls源码linux 源码
    #! /bin/sh - #查找输入文件的路径 #在查找路径下寻找一个或多个原始文件或文件模式 # 查找路径由特定的环境变量所定义 #标准输出所产生的结果 通常是查找路径下找到的每个文件的第一个实体的完整路径 # 或是filename :not found 的标准错误输出。 #如果文件没有找到 则退出码为0 #否则 即为找不到的文件个数 #语法 pathfind [--
  • List,Set,Map遍历方式 (收集的资源,值得看一下) 百合不是茶 listsetMap遍历方式
    List特点：元素有放入顺序，元素可重复 Map特点：元素按键值对存储，无放入顺序 Set特点：元素无放入顺序，元素不可重复（注意：元素虽然无放入顺序，但是元素在set中的位置是有该元素的HashCode决定的，其位置其实是固定的） List接口有三个实现类：LinkedList，ArrayList，Vector LinkedList：底层基于链表实现，链表内存是散乱的，每一个元素存储本身
  • 解决SimpleDateFormat的线程不安全问题的方法 bijian1013 javathread线程安全
    在Java项目中，我们通常会自己写一个DateUtil类，处理日期和字符串的转换，如下所示： public class DateUtil01 { private SimpleDateFormat dateformat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); public void format(Date d
  • http请求测试实例（采用fastjson解析） bijian1013 http测试
            在实际开发中，我们经常会去做http请求的开发，下面则是如何请求的单元测试小实例，仅供参考。 import java.util.HashMap; import java.util.Map; import org.apache.commons.httpclient.HttpClient; import
  • 【RPC框架Hessian三】Hessian 异常处理 bit1129 hessian
    RPC异常处理概述   RPC异常处理指是，当客户端调用远端的服务，如果服务执行过程中发生异常，这个异常能否序列到客户端？   如果服务在执行过程中可能发生异常，那么在服务接口的声明中，就该声明该接口可能抛出的异常。   在Hessian中，服务器端发生异常，可以将异常信息从服务器端序列化到客户端，因为Exception本身是实现了Serializable的
  • 【日志分析】日志分析工具 bit1129 日志分析
    1. 网站日志实时分析工具 GoAccess http://www.vpsee.com/2014/02/a-real-time-web-log-analyzer-goaccess/ 2. 通过日志监控并收集 Java 应用程序性能数据(Perf4J) http://www.ibm.com/developerworks/cn/java/j-lo-logforperf/ 3.log.io 和
  • nginx优化加强战斗力及遇到的坑解决 ronin47 nginx 优化
    　　　先说遇到个坑，第一个是负载问题，这个问题与架构有关，由于我设计架构多了两层，结果导致会话负载只转向一个。解决这样的问题思路有两个：一是改变负载策略，二是更改架构设计。 　　　由于采用动静分离部署，而nginx又设计了静态，结果客户端去读nginx静态，访问量上来，页面加载很慢。解决：二者留其一。最好是保留apache服务器。   　　　来以下优化：   　　　
  • java-50-输入两棵二叉树A和B，判断树B是不是A的子结构 bylijinnan java
    思路来自： http://zhedahht.blog.163.com/blog/static/25411174201011445550396/ import ljn.help.*; public class HasSubtree { /**Q50. * 输入两棵二叉树A和B，判断树B是不是A的子结构。 例如，下图中的两棵树A和B，由于A中有一部分子树的结构和B是一
  • mongoDB 备份与恢复 开窍的石头 mongDB备份与恢复
    Mongodb导出与导入 1: 导入/导出可以操作的是本地的mongodb服务器,也可以是远程的. 所以,都有如下通用选项: -h host   主机 --port port    端口 -u username 用户名 -p passwd   密码 2: mongoexport 导出json格式的文件
  • [网络与通讯]椭圆轨道计算的一些问题 comsci 网络
         如果按照中国古代农历的历法，现在应该是某个季节的开始，但是由于农历历法是3000年前的天文观测数据，如果按照现在的天文学记录来进行修正的话，这个季节已经过去一段时间了。。。。。       也就是说，还要再等3000年。才有机会了，太阳系的行星的椭圆轨道受到外来天体的干扰，轨道次序发生了变
  • 软件专利如何申请 cuiyadll 软件专利申请
    软件技术可以申请软件著作权以保护软件源代码，也可以申请发明专利以保护软件流程中的步骤执行方式。专利保护的是软件解决问题的思想，而软件著作权保护的是软件代码（即软件思想的表达形式）。例如，离线传送文件，那发明专利保护是如何实现离线传送文件。基于相同的软件思想，但实现离线传送的程序代码有千千万万种，每种代码都可以享有各自的软件著作权。申请一个软件发明专利的代理费大概需要5000-8000申请发明专利可
  • Android学习笔记 darrenzhu android
    1.启动一个AVD 2.命令行运行adb shell可连接到AVD,这也就是命令行客户端 3.如何启动一个程序   am start -n package name/.activityName   am start -n com.example.helloworld/.MainActivity 启动Android设置工具的命令如下所示： # am start -
  • apache虚拟机配置，本地多域名访问本地网站 dcj3sjt126com apache
    现在假定你有两个目录，一个存在于 /htdocs/a，另一个存在于 /htdocs/b 。 现在你想要在本地测试的时候访问 www.freeman.com 对应的目录是 /xampp/htdocs/freeman ,访问 www.duchengjiu.com 对应的目录是 /htdocs/duchengjiu。 1、首先修改C盘WINDOWS\system32\drivers\etc目录下的
  • yii2 restful web服务[速率限制] dcj3sjt126com PHPyii2
    速率限制 为防止滥用，你应该考虑增加速率限制到您的API。 例如，您可以限制每个用户的API的使用是在10分钟内最多100次的API调用。 如果一个用户同一个时间段内太多的请求被接收， 将返回响应状态代码 429 (这意味着过多的请求)。 要启用速率限制, [[yii\web\User::identityClass|user identity class]] 应该实现 [[yii\filter
  • Hadoop2.5.2安装——单机模式 eksliang hadoophadoop单机部署
    转载请出自出处：http://eksliang.iteye.com/blog/2185414 一、概述        Hadoop有三种模式 单机模式、伪分布模式和完全分布模式，这里先简单介绍单机模式 ，默认情况下，Hadoop被配置成一个非分布式模式，独立运行JAVA进程，适合开始做调试工作。   二、下载地址 Hadoop 网址http:
  • LoadMoreListView+SwipeRefreshLayout（分页下拉）基本结构 gundumw100 android
    一切为了快速迭代 import java.util.ArrayList; import org.json.JSONObject; import android.animation.ObjectAnimator; import android.os.Bundle; import android.support.v4.widget.SwipeRefreshLayo
  • 三道简单的前端HTML/CSS题目 ini htmlWeb前端css题目
    使用CSS为多个网页进行相同风格的布局和外观设置时，为了方便对这些网页进行修改，最好使用（ ）。http://hovertree.com/shortanswer/bjae/7bd72acca3206862.htm   在HTML中加入<table style=”color:red; font-size:10pt”>，此为（ ）。http://hovertree.com/s
  • overrided方法编译错误 kane_xie override
    问题描述： 在实现类中的某一或某几个Override方法发生编译错误如下： Name clash: The method put(String) of type XXXServiceImpl has the same erasure as put(String) of type XXXService but does not override it   当去掉@Over
  • Java中使用代理IP获取网址内容（防IP被封，做数据爬虫） mcj8089 免费代理IP代理IP数据爬虫JAVA设置代理IP爬虫封IP
    推荐两个代理IP网站：   1. 全网代理IP：http://proxy.goubanjia.com/   2. 敲代码免费IP：http://ip.qiaodm.com/   Java语言有两种方式使用代理IP访问网址并获取内容，   方式一，设置System系统属性   // 设置代理IP System.getProper
  • Nodejs Express 报错之 listen EADDRINUSE qiaolevip 每天进步一点点学习永无止境nodejs纵观千象
    当你启动 nodejs服务报错： >node app Express server listening on port 80 events.js:85 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE at exports._errnoException (
  • C++中三种new的用法 _荆棘鸟_ C++new
    转载自：http://news.ccidnet.com/art/32855/20100713/2114025_1.html 作者: mt 其一是new operator，也叫new表达式；其二是operator new，也叫new操作符。这两个英文名称起的也太绝了，很容易搞混，那就记中文名称吧。new表达式比较常见，也最常用，例如： string* ps = new string("
  • Ruby深入研究笔记1 wudixiaotie Ruby
    module是可以定义private方法的 module MTest def aaa puts "aaa" private_method end private def private_method puts "this is private_method" end end
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他