Thetimezipsby
Thetimezipsby

原生JS实现无缝轮播效果（自动/手动/焦点）

原生JS实现无缝轮播效果

以下是效果图：
原生JS实现无缝轮播效果（自动/手动/焦点）_第1张图片
以下是代码部分

html结构：

<body>
	
	<div class="carousel">
		
		<div class="cal_list">
			
			<ul class="move_ul">
				<li>1li>
				<li>2li>
				<li>3li>
				<li>1li>
			ul>

			
			<span class="left_btn"><span>
			<span class="right_btn">>span>
			
			<div class="circle_list">
				<span class="circle active">span>
				<span class="circle">span>
				<span class="circle">span>
			div>
		div>
	div>
body>

css样式:

js代码（重点）

<script type="text/javascript">
		/*
			让一个元素移动的功能
				ele 移动的元素
				target 要移动到的目标值
		*/
		function move(ele,target){
     
			//防止连续点击按钮开启多个定时器，先进行清除定时器
			clearInterval(ele.timer)

			//把定时器存储到了元素属性中
			ele.timer = setInterval(function(){
     
				// 当等于目标距离清除定时器
				if(ele.offsetLeft == target){
     
					clearInterval(ele.timer);
				}else{
     

					/*
						这里使用缓动动画
						让速度等于目标值和当前位置之差/10，
						二者之差会越来越小，即速度sped也会越来越小

					*/
					// 目标值-当前值/10
					var step = (target - ele.offsetLeft)/10;

					/*
						二者之差除以十并不总是整数，
						可能会导致物体位置和目标值不能完全相等，
						所以需要对speed进行取整，大于0向上取整，小于0向下取整；
					*/
					step = step > 0?Math.ceil(step):Math.floor(step);
					// 然后把计算好的值赋给元素的left值使其移动
					ele.style.left = ele.offsetLeft +step+'px';
				}
			},10);
		}

		/*
			这里使用了一种思想————排他思想：
				就是先清空所有的，然后单独设置当前的
		*/
		/*
			排他功能
				eles 要操作的元素集合
				num 操作的第几个
		*/ 
		function exclusive(eles,num){
     
			// 小圆点排他
			for(var i = 0; i < eles.length; i++){
     
				eles[i].className = 'circle';
			}
			// 添加样式
			eles[num].className = 'circle active';
		}

		/*
			获取相关的DOM元素
		*/
		var oRight = document.querySelector('.right_btn');// 右边按钮
		var oLeft = document.querySelector('.left_btn');// 左边按钮
		var oMoveUl = document.querySelector('.move_ul');// 获取移动的ul
		var oCircles = document.querySelectorAll('.circle');// 获取小圆点

		var flag = 0;//记录小圆点的位置（看成下标）
		var count = 0;//记录图片移动到第几张（看成下标）

		// 右边按钮绑定单击事件（需要ul往左移动）
		oRight.addEventListener('click',function(){
     
			// 当点击一次进行自加
			flag++;
			count++;

			// 小圆点判断（如果这次的点击是最后一个小圆点，就让这个标记重置）
			if(flag == oCircles.length){
     
				flag = 0;
			}

			// 图片判断（如果这次的点击是最后一张图片（代表第一张））
			if(count == oMoveUl.children.length){
     
				// 让ul迅速拉回
				oMoveUl.style.left = '0px';
				count = 1;//让图片的下标指向第二张
			}

			// 小圆点排他（调用排他功能 传入所有小圆点及当前点击的是第几个）
			exclusive(oCircles,flag);

			// 计算移动到的目标值
			var target = count * -oMoveUl.children[0].offsetWidth;
			// 调用移动方法 传入移动元素ul(oMoveUl) 和目标值
			move(oMoveUl,target);
		});

		// -----------------------------
		// 左边按钮绑定单击事件（需要ul往右移动）
		oLeft.addEventListener('click',function(){
     
			// 如果当前是第一张就拉回到倒数第二张
			if(count == 0){
     
				count = oMoveUl.children.length - 1;
				oMoveUl.style.left = (count * -600) +'px';
			}

			// 当点击一次进行自减
			count--;
			flag--;
			//判断小圆点此时的状态
			if(flag < 0){
     
				flag = oCircles.length -1;
			}
			// 小圆点排他
			exclusive(oCircles,flag);

			//设置移动的距离
			var target = count * -oMoveUl.children[0].offsetWidth;
			move(oMoveUl,target);
		});

		// 鼠标移入清除自动轮播
		document.querySelector('.cal_list').addEventListener('mouseover',function(){
     
			clearInterval(oMoveUl.clear);
		});

		// 鼠标移出则继续轮播
		document.querySelector('.cal_list').addEventListener('mouseout',function(){
     
			auto();
		})

	// 自动轮播功能
	function auto(){
     
		oMoveUl.clear = setInterval(function(){
     
			oRight.click(); //相当于手动点击了右边按钮
		},2000);
	}
	// 界面载入先进行自动轮播
	auto();


	// 焦点轮播
	for(var i = 0; i < oCircles.length; i++){
     
		(function(index){
     
			oCircles[index].addEventListener('click',function(){
     
				// 使焦点轮播的和自动轮播同步（标记改变为点击的那个下标）
				flag = index;
				count = index;

				exclusive(oCircles,index);
				var target = index * -oMoveUl.children[0].offsetWidth;
				move(oMoveUl,target);
			});
		})(i);
	}
</script>

如有错误还请指出，希望这篇文章能给予你们帮助！

你可能感兴趣的:(笔记,javascript,css3,html5)

  • JavaScript之OOP基础概念学习总结一：scopes gaoshu883
    这个系列的文章是去年在搭架完静态博客后撰写的（博客已经不再维护啦，哦还能访问）↓最近在探究JavaScript中的scopes概念。经过一番研究，我觉得要从Interpreter的角度，才能更好地理解这个概念。毕竟程序员主要是编写指令，而Interpreter则是把程序员编写的代码一行一行读下去并翻译出来（执行出来），最终结果就会直接反映在Web浏览器的页面上。不过还要注意的是，并不是所有的sco
  • 云霰水吉 读书笔记第6天《从优秀教师到卓越老师》 大树一班
    31—36章教会学生利用错误使自己进步。犯错是学生的常态，但有的学生不敢面对错误，竭力否认自己错误，掩耳盗铃式的自我欺骗，以至于在错误的道路越走越远。为了自己的尊严矢口否认，实在让人痛心。给学生跳过的权利：跳过的机会是确保他们碰到措手不及的情况时不必过于紧张和压抑。但老师要注意运用的方法和技巧，不是让他们占便宜。让学生向家长承认错误。用小纸条带给家长，知道他做了错事，不仅父母能接受这个事实，但家长
  • Puppeteer Heap Snapshot: 探索JavaScript内存世界的利器 金畏战Goddard
    PuppeteerHeapSnapshot:探索JavaScript内存世界的利器puppeteer-heap-snapshotadriancooney/puppeteer-heap-snapshot:puppeteer-heap-snapshot是一个Node.js包，提供了通过Puppeteer获取浏览器内存堆快照的功能，以辅助JavaScript应用的内存泄漏检测和性能优化工作。项目地址:h
  • Puppeteer-Sign：自动化网页签名解决方案 杭臣磊Sibley
    Puppeteer-Sign：自动化网页签名解决方案项目简介是一个基于谷歌的Puppeteer库开发的工具，用于自动化处理网页表单的签名过程。它模拟了真实用户的交互行为，可以用于需要电子签名的各种场景，比如在线合同签署、文档审批等。项目以JavaScript编写，易于集成到Web应用或者CI/CD流程中。技术分析Puppeteer库Puppeteer是由GoogleChrome团队维护的一个Nod
  • 20180804读书笔记第69/90天 wendy_1560
    20180804读书笔记第69/90天隐藏在家庭中的五行系统动力—肖然✅五行系统中，每个家庭成员都有自己的位置，如果某一成员错位，家庭序位就会混乱，进而造成家庭成员之间的关系出现问题，这也会在身体上有对应的症状。✅母亲强势、父亲弱势的女孩，常常后背隆起，就像背负着一座小山，在这样的家庭中长大的孩子，性格往往会比较柔弱。✅五行系统动力就相当于我们的五脏六腑之间的相互制约与相互影响，他们之间有着能量的
  • 《乌合之众-大众心理学研究》读书笔记 奇冴
    这本书是法国心理学家古斯塔夫.勒庞写于19世纪90年代，也就是法国大革命那个时代，这个时代的群体运动此起彼伏，作者有机会通过各种群体运动体会到群体的思想，观念与信仰。所以这本书还是比较有说服力的。人在智力上差异最大，但他们却有相似的本能和情感。在属于情感领域的宗教、政治、道德、爱憎等等上，最杰出的人并不见得比凡夫俗子更高明。------《乌合之众》涉及感情的事，人们往往会失去理智。《三国演义》中，
  • freemarker模板学习笔记 tryCbest freemarkerjavaspringboot
    文章目录freemarker常用指令if-elseif-else指令switch,case,default,break指令list,else,items,sep,break指令指令语法指令指令指令指令include指令基础知识带*的pathimport指令assign指令自定义指令参数嵌套内容宏和循环变量freemarker内置函数字符串内置函数数字内置函数哈希表内置函数序列内置函数循环变量内置函
  • vscode自动生成文件头部注释和函数注释 飞羽殇情 vscode
    vscode笔记(一)-vscode自动生成文件头部注释和函数注释安装插件KoroFileHeader设置在vscode左下角点击设置按钮，选择“设置”，然后输入“fileheader”文件头部注释：Fileheader:customMade函数注释：Fileheader:cursorMode随便点击哪个"在setting.json"中编辑，输入以下设置后保存，然后重启vscode更新设置：//文
  • #读书笔记##3月#《掌控习惯》 元气满满的中二少女三文文在此
    从小到大我都觉得自己是一个意志力很差的人，做事情总是三天打渔两天晒网，还安慰自己起码还打了几天渔。健身房年卡快到期了才想起要去，晨跑了两次就不愿再早起。从小到大，我放弃的东西实在太多了，小到电子琴班，大到考更好的成绩、申请更好的院校。放弃的次数多了，还默默给自己贴上“擅长放弃”的标签。这些失败的经验又反过来影响我做事。总有一个声音在提示我，“放弃吧，像你过去做的那样。你就从来没有成功坚持过”。不禁
  • 这份《演说之法》读书PPT，是否超越了樊登？ 三爷PPT
    大家好，11月13日三爷PPT举办了第二期《演说之法》读书笔记PPT作品征集大赛，截止今天为止我们收到了6份PPT作品。这一期考核的标准是模仿樊登写读书PPT的四种能力：1.像心理专家一样有同理心2.像咨询顾问一样有强大的逻辑思维3.像电影导演一样设计引人入胜的逻辑主线4.像农民一样注重干货产出没有看过樊登是如何制作读书笔记PPT的，请点文章《年利润过亿的樊登读书，居然是从写PPT开始的》。6份作
  • VSCode学习笔记 songyuc 学习笔记
    1.快捷键KeyDescriptionPlatformF1打开命令面板（CommandPalette）Win10Shift+Delete剪切当前光标所在的代码行Win102.文件2.1在文件列表中定位当前文件操作路径：右键单击文件名⇒在右键菜单中点击【RevealinExplorerView】
  • python 笔记 if语句的基本使用 日暮途远z Python自学复习专用python笔记
    if+判断的条件（布尔类型）:条件成立时要做的事if语句后一定要加冒号age=16;if(age>=18):print(f"你已经年满18岁")print(f"即将步入大学生活")else:print(f"快去学习");练习代码：实现按键输入判断年龄是否免票//input获取键盘输入input获取到的所有内容都是字符串我们利用int强制把输入类型转化为整形age=int(input("请输入年龄:
  • 本学期食育结课 黎SU
    今天是雷锋小学本学期最后一节食育课孩子们一起回顾了这学期16节课的内容他们的笔记做的也很漂亮有木有？[调皮]哈哈……跟孩子们分享了茶道里的一句话：一期一会！珍惜在一起的每时每刻！食育教育向孩子们所传递的不光是美食的制作和分享还有对食物的敬畏对大自然的感恩和人与人之间的关系情感链接……一个学期的相处相伴已和孩子们成为了朋友愿明年还有机会再续此缘望你们开心快乐健康的度过每一天~图片发自App图片发自A
  • Fiddler 笔记 Queenie的学习笔记
    1.Fiddler的原理终端设备（如WEB、APP）发出请求，Fiddler作为中间代理，传给服务器；服务器返回数据，Fiddler拦截后，再传给终端设备核心：代理服务运行机制：本机上监听8888端口的HTTP代理（代理地址是127.0.0.1，端口号8888）2.第一次使用Fiddler，如何配置（1）抓取https请求时，先导入证书：①Fiddler设置：Tools>Options>HTTPS
  • AMD GCN GPU微架构简介 jack_201316888 硬件架构微架构
    AMDGCN(GraphicsCoreNext)微架构介绍AMDGCN(GraphicsCoreNext)是AMD公司推出的一种用于图形处理单元（GPU）的微架构。自2012年首次推出以来，GCN架构已成为AMD图形处理器的核心技术之一，广泛应用于桌面显卡、笔记本电脑以及游戏主机（如PlayStation和Xbox）等设备中。本文将详细介绍GCN微架构的设计理念、主要特性及其演变历程。设计理念GC
  • Vue中使用pdfJs预览PDF、图片 viceen vue3+ts-运维vue项目-运维vue.jshtmlhtml5
    Vue中使用pdfJs预览PDF、图片pdf.js是一个使用HTML5构建的可移植文档格式库。它可以帮助我们在浏览器中构建pdf文档，实现在线查看pdf文件的功能。实现步骤如下：1.下载pdfJs到本地（官网下载地址），放到项目根目录下的静态资源目录static文件夹内，将文件命名为pdfJs。如下图使用iframe打开或者需要注意的是：file参数中默认只允许传简单路径比如：http://www
  • python学习笔记08_赋值运算、逻辑运算、表达式、短路原则 flamingocc
    python笔记081.赋值运算符num+=1等价于num=num+1num-=1等价于num=num-1num*=1等价于num=num*1num/=1等价于num=num/1num//2等价于num=num//2num%=2等价于num/2的余数num**2等价于num=num*num2.逻辑运算符逻辑运算符包含：not、and、or2.1and的用法：(且、并且)写法：条件1and条件2eg
  • 一周一总结 shenqimeng
    这一周（3月8日至3月14日）的特殊事件：①3月8号是女神节，还是挺开心的。单位领导给每个人都精心准备了礼物（香水和BB霜）。老公晚上带我和孩子去了人民商场，刷他的卡买了礼物。②老公导师特意来十堰看看老公，让我特别感动。当天来，当天回，真有些辛苦。③这个星期两次舞蹈私教课，已完成。④驾照拿了好久，不敢上路。这周练车两次。下周计划（3月15号至21号）：①完成三月份读书笔记，写读后感。②坚持两次舞蹈
  • 笔记：润总2022年度演讲 罗菊
    若无进化之光，生物学毫无道理！”“进化的力量”——坚持长期做下去的信念！今天我们面临很多的问题、组织的问题、个人的问题、疫情防控的问题：从进化的角度讲，都是进化的历史包袱！提供了成功优势的巨大部分！1、跳出同一个能力圈，去提升自己的技能，去寻找新的生态位！在新的生态位、建立自己的竞争优势，你才有机会活得更好！交流、拜访、探索，坚持做难而有价值的事情！2、职场和岗位，思考：变化中的机会在哪里？变化—
  • 公众号怎么涨粉引流？全方位策略解析 氧惠帮朋友一起省
    在当今数字化时代，微信公众号已成为企业、个人展示品牌形象、传播价值理念的重要平台。然而，对于许多公众号运营者来说，如何有效涨粉引流却成为了一个不小的挑战。本文将围绕这一主题，为您详细解析公众号涨粉引流的全方位策略。公众号流量主就找善士导师（shanshi2024）公众号：「善士笔记」主理人，《我的亲身经历，四个月公众号流量主从0到日入过万！》公司旗下管理800+公众号矩阵账号。代表案例如：爸妈领域
  • 高建忠.读方用方笔记（一四零）临证谈小柴胡汤之小儿病发烧的治疗 火帝养生
    我们总是关注小柴胡汤治疗发热类的病证。小孩的常见病里面发热病证很多，面小柴胡汤确实也是经常用于治疗小孩病。但是，从理上，我们要把它梳理清楚。也就是该用时候，我们能用到，不该用的时候，我们可避开。刘某，男，7岁。5月4日初诊。患儿昨晚开始发热，今日上午来诊，问诊别无所苦。咽不痛，不咳嗽，腹无不适，不恶寒。舌质偏红，舌苔白，脉细缓。我们看这个孩子除了有发烧，好象其他都比较正常，我们在临床上碰到这样的病
  • 《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》 陈在天box 前端htmlcss
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括台式电脑、笔记本电脑、平板电脑、智能手机等。为了确保网站在不同设备上都能呈现出良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够使网页根据不同设备的屏幕尺寸和分辨率自动调整布局和样式的设计方法。本文将重点介绍如何使用纯HTML和CSS实现响应式Web设计的技巧。二、响应式Web设计的基本原则移动优先在设计响应式网
  • 判断PDF与图片是否可以预览 马优晨 判断PDF是否可以预览判断图片是否可以预览PDF是否可以预览图片是否可以预览js判断PDF是否可以预览
    一、判断图片是否可以预览在JavaScript中，可以使用Image对象来判断一个图片URL是否可以访问。如果图片可以被加载，那么load事件会被触发；如果图片无法访问，error事件会被触发。functioncheckImageAccessibility(url,callback){varimg=newImage();img.onload=function(){callback(true);//
  • 读书笔记 郎志安
    幸而戏台上的戏子总算沉着,不为所动,还在那里阿拉阿拉地唱。过了一个时候,那打得热同的也究竟平静了。再说戏台下边也有一些个调情的,那都是南街豆腐房里的嫂嫂,或是碾磨房的官磨官的老婆。碾官的老婆看上了个赶马车的车夫。或是豆腐匠看上了开粮米铺那家的小姑娘。有的是两方面都眉来眼去,有的是一方面股勤,他一方面则表示要拒之千里之外。这样的多半是一边低,一边高,两方面的资财不对。
  • 随笔记录git提交出错和原生js以JSON格式请求接口导出Excel 山丘lemon
    GIT提交代码出错Fileexists.原文链接https://www.cnblogs.com/sweetbullet/p/9889997.html前端js导出,参数以json格式发送post请求原文链接https://www.cnblogs.com/sweetbullet/p/9843178.html
  • Python学习笔记（三）：列表的定义、访问及修改 RANDY_Sw Python入门python
    今天学习了有关列表的定义、访问及修改的方法，在此整理一下。列表的定义与访问name_list=['zhangsan','lisi','wangwu']#创建一个列表name_list[0]='xiaobai'#修改列表中的单个元素print(name_list)#遍历的方式打印列表1foriteminname_list:print(item)#遍历的方式打印列表2i=0foriinrange(le
  • jswebrtc 支持 SRS 的 Webrtc 播放器 王小工 前端webrtcjs
    WebRTCWebRTC（WebReal-TimeCommunication）是一项实时通讯技术，它允许网络应用或站点在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流、音频流或其他任意数据的传输。WebRTC整体架构从上到下一共分为三层：WebAPI层：暴露给开发人员的用于开发WebRTC应用的JavaScriptAPI，如RTCPeerConnecti
  • ECMAScript简介 老四点COM ecmascript前端开发语言
    前言ECMAScript（通常简称为ES）由ECMA国际标准化组织制定的一种脚本语言标准，Netscape最初开发的JavaScript演变而来。ECMAScript为JavaScript提供了基础语言结构和功能。最初设计成一种脚本语言，用来服务Web。作为脚本语言ES同时具备其他脚本语言一样的性质。一、发展历史ECMAScript的历史可以追溯到1995年12月，当时升阳与网景联合推出了Java
  • 学习塔勒布《反脆弱》笔记（三十六） 杨金社
    第四卷：可选择性、技术与反脆弱性的智慧第十二章：泰勒斯的甜葡萄（三）理性我们可以这样描述选择权：选择权=不对称性+理性理性，就是你知道要保留好的，抛弃坏的，知道如何获取利润。正如我们所看到的大自然，它有一个过滤机制来保留优质婴儿、摒弃缺陷婴儿。反脆弱性和脆弱性之间的区别就在于此。脆弱的事物没有选择权，而具有反脆弱性的事物需要选择最好的，即做出最佳选择。大自然最美妙的特性就是，它在做选择以及为自己挑
  • 一口气了解大模型相关通识，基础笔记！ AI小白熊 笔记数据库架构面试职场和发展transformerai
    一、大模型生态有哪些语言类大模型:GPT-3、GPT-3.5、GPT-4系列模型。并且，OpenAl在训练GPT-3的同时训练了参数不同、复杂度各不相同的A、B、C、D四项大模型(基座模型)，用于不同场景的应用;其中，A、B、C、D模型的全称分别是ada、babbage、curie(居里)和davinci（达芬奇），四个模型并不是GPT-3的微调模型，而是独立训练的四个模型;四个模型的参数规模和复
  • SAX解析xml文件 小猪猪08 xml
    1.创建SAXParserFactory实例 2.通过SAXParserFactory对象获取SAXParser实例 3.创建一个类SAXParserHander继续DefaultHandler，并且实例化这个类 4.SAXParser实例的parse来获取文件     public static void main(String[] args) { //
  • 为什么mysql里的ibdata1文件不断的增长？ brotherlamp linuxlinux运维linux资料linux视频linux运维自学
    我们在 Percona 支持栏目经常收到关于 MySQL 的 ibdata1 文件的这个问题。 当监控服务器发送一个关于 MySQL 服务器存储的报警时，恐慌就开始了 —— 就是说磁盘快要满了。 一番调查后你意识到大多数地盘空间被 InnoDB 的共享表空间 ibdata1 使用。而你已经启用了 innodbfileper_table，所以问题是： ibdata1存了什么？ 当你启用了 i
  • Quartz-quartz.properties配置 eksliang quartz
    其实Quartz JAR文件的org.quartz包下就包含了一个quartz.properties属性配置文件并提供了默认设置。如果需要调整默认配置，可以在类路径下建立一个新的quartz.properties，它将自动被Quartz加载并覆盖默认的设置。   下面是这些默认值的解释 #-----集群的配置 org.quartz.scheduler.instanceName =
  • informatica session的使用 18289753290 workflowsessionlogInformatica
    如果希望workflow存储最近20次的log，在session里的Config  Object设置，log  options做配置，save  session log :sessions  run  ;savesessio log for  these runs:20 session下面的source 里面有个tracing 
  • Scrapy抓取网页时出现CRC check failed 0x471e6e9a != 0x7c07b839L的错误 酷的飞上天空 scrapy
    Scrapy版本0.14.4 出现问题现象： ERROR: Error downloading <GET http://xxxxx  CRC check failed   解决方法   1.设置网络请求时的header中的属性'Accept-Encoding': '*;q=0'   明确表示不支持任何形式的压缩格式，避免程序的解压
  • java Swing小集锦 永夜-极光 java swing
    1.关闭窗体弹出确认对话框   1.1   this.setDefaultCloseOperation (JFrame.DO_NOTHING_ON_CLOSE);   1.2   this.addWindowListener ( new WindowAdapter () { public void windo
  • 强制删除.svn文件夹 随便小屋 java
              在windows上，从别处复制的项目中可能带有.svn文件夹，手动删除太麻烦，并且每个文件夹下都有。所以写了个程序进行删除。因为.svn文件夹在windows上是只读的，所以用File中的delete()和deleteOnExist()方法都不能将其删除，所以只能采用windows命令方式进行删除
  • GET和POST有什么区别？及为什么网上的多数答案都是错的。 aijuans get post
        如果有人问你，GET和POST，有什么区别？你会如何回答？ 我的经历      前几天有人问我这个问题。我说GET是用于获取数据的，POST，一般用于将数据发给服务器之用。     这个答案好像并不是他想要的。于是他继续追问有没有别的区别？我说这就是个名字而已，如果服务器支持，他完全可以把G
  • 谈谈新浪微博背后的那些算法 aoyouzi 谈谈新浪微博背后的那些算法
    本文对微博中常见的问题的对应算法进行了简单的介绍，在实际应用中的算法比介绍的要复杂的多。当然，本文覆盖的主题并不全，比如好友推荐、热点跟踪等就没有涉及到。但古人云“窥一斑而见全豹”，希望本文的介绍能帮助大家更好的理解微博这样的社交网络应用。 微博是一个很多人都在用的社交应用。天天刷微博的人每天都会进行着这样几个操作：原创、转发、回复、阅读、关注、@等。其中，前四个是针对短博文，最后的关注和@则针
  • Connection reset 连接被重置的解决方法 百合不是茶 java字符流连接被重置
    流是java的核心部分,,昨天在做android服务器连接服务器的时候出了问题,就将代码放到java中执行,结果还是一样连接被重置   被重置的代码如下;   客户端代码; package 通信软件服务器; import java.io.BufferedWriter; import java.io.OutputStream; import java.io.O
  • web.xml配置详解之filter bijian1013 javaweb.xmlfilter
    一.定义 <filter> <filter-name>encodingfilter</filter-name> <filter-class>com.my.app.EncodingFilter</filter-class> <init-param> <param-name>encoding<
  • Heritrix Bill_chen 多线程xml算法制造配置管理
    作为纯Java语言开发的、功能强大的网络爬虫Heritrix，其功能极其强大，且扩展性良好，深受热爱搜索技术的盆友们的喜爱，但它配置较为复杂，且源码不好理解，最近又使劲看了下，结合自己的学习和理解，跟大家分享Heritrix的点点滴滴。 Heritrix的下载（http://sourceforge.net/projects/archive-crawler/）安装、配置，就不罗嗦了，可以自己找找资
  • 【Zookeeper】FAQ bit1129 zookeeper
    1.脱离IDE，运行简单的Java客户端程序 #ZkClient是简单的Zookeeper~$ java -cp "./:zookeeper-3.4.6.jar:./lib/*" ZKClient    1. Zookeeper是的Watcher回调是同步操作，需要添加异步处理的代码 2. 如果Zookeeper集群跨越多个机房，那么Leader/
  • The user specified as a definer ('aaa'@'localhost') does not exist 白糖_ localhost
    今天遇到一个客户BUG，当前的jdbc连接用户是root，然后部分删除操作都会报下面这个错误：The user specified as a definer ('aaa'@'localhost') does not exist 最后找原因发现删除操作做了触发器，而触发器里面有这样一句 /*!50017 DEFINER = ''aaa@'localhost' */  原来最初
  • javascript中showModelDialog刷新父页面 bozch JavaScript刷新父页面showModalDialog
    在页面中使用showModalDialog打开模式子页面窗口的时候，如果想在子页面中操作父页面中的某个节点，可以通过如下的进行：       window.showModalDialog('url',self,‘status...’); // 首先中间参数使用self       在子页面使用w
  • 编程之美-买书折扣 bylijinnan 编程之美
    import java.util.Arrays; public class BookDiscount { /**编程之美 买书折扣 书上的贪心算法的分析很有意思，我看了半天看不懂，结果作者说，贪心算法在这个问题上是不适用的。。 下面用动态规划实现。 哈利波特这本书一共有五卷，每卷都是8欧元，如果读者一次购买不同的两卷可扣除5%的折扣，三卷10%，四卷20%，五卷
  • 关于struts2.3.4项目跨站执行脚本以及远程执行漏洞修复概要 chenbowen00 strutsWEB安全
    因为近期负责的几个银行系统软件，需要交付客户，因此客户专门请了安全公司对系统进行了安全评测，结果发现了诸如跨站执行脚本，远程执行漏洞以及弱口令等问题。 下面记录下本次解决的过程以便后续 1、首先从最简单的开始处理，服务器的弱口令问题，首先根据安全工具提供的测试描述中发现应用服务器中存在一个匿名用户，默认是不需要密码的，经过分析发现服务器使用了FTP协议， 而使用ftp协议默认会产生一个匿名用
  • [电力与暖气]煤炭燃烧与电力加温 comsci
          在宇宙中,用贝塔射线观测地球某个部分,看上去,好像一个个马蜂窝,又像珊瑚礁一样,原来是某个国家的采煤区.....       不过,这个采煤区的煤炭看来是要用完了.....那么依赖将起燃烧并取暖的城市,在极度严寒的季节中...该怎么办呢?   &nbs
  • oracle O7_DICTIONARY_ACCESSIBILITY参数 daizj oracle
    O7_DICTIONARY_ACCESSIBILITY参数控制对数据字典的访问.设置为true,如果用户被授予了如select any table等any table权限,用户即使不是dba或sysdba用户也可以访问数据字典.在9i及以上版本默认为false,8i及以前版本默认为true.如果设置为true就可能会带来安全上的一些问题.这也就为什么O7_DICTIONARY_ACCESSIBIL
  • 比较全面的MySQL优化参考 dengkane mysql
    本文整理了一些MySQL的通用优化方法，做个简单的总结分享，旨在帮助那些没有专职MySQL DBA的企业做好基本的优化工作，至于具体的SQL优化，大部分通过加适当的索引即可达到效果，更复杂的就需要具体分析了，可以参考本站的一些优化案例或者联系我，下方有我的联系方式。这是上篇。   1、硬件层相关优化   1.1、CPU相关   在服务器的BIOS设置中，可
  • C语言homework2，有一个逆序打印数字的小算法 dcj3sjt126com c
    #h1#   0、完成课堂例子 1、将一个四位数逆序打印 1234 ==> 4321 实现方法一： # include <stdio.h> int main(void) { int i = 1234; int one = i%10; int two = i / 10 % 10; int three = i / 100 % 10;
  • apacheBench对网站进行压力测试 dcj3sjt126com apachebench
       ab 的全称是 ApacheBench ， 是 Apache 附带的一个小工具 ， 专门用于 HTTP Server 的 benchmark testing ， 可以同时模拟多个并发请求。前段时间看到公司的开发人员也在用它作一些测试，看起来也不错，很简单，也很容易使用，所以今天花一点时间看了一下。 通过下面的一个简单的例子和注释，相信大家可以更容易理解这个工具的使用。
  • 2种办法让HashMap线程安全 flyfoxs javajdkjni
    多线程之--2种办法让HashMap线程安全 多线程之--synchronized 和reentrantlock的优缺点 多线程之--2种JAVA乐观锁的比较( NonfairSync VS. FairSync)     HashMap不是线程安全的,往往在写程序时需要通过一些方法来回避.其实JDK原生的提供了2种方法让HashMap支持线程安全.  
  • Spring Security（04）——认证简介 234390216 Spring Security认证过程
    认证简介 目录 1.1     认证过程 1.2     Web应用的认证过程 1.2.1    ExceptionTranslationFilter 1.2.2    在request之间共享SecurityContext   1
  • Java 位运算 Javahuhui java位运算
    // 左移( << ) 低位补0 // 0000 0000 0000 0000 0000 0000 0000 0110 然后左移2位后，低位补0： // 0000 0000 0000 0000 0000 0000 0001 1000 System.out.println(6 << 2);// 运行结果是24 // 右移( >> ) 高位补"
  • mysql免安装版配置 ldzyz007 mysql
    1、my-small.ini是为了小型数据库而设计的。不应该把这个模型用于含有一些常用项目的数据库。 2、my-medium.ini是为中等规模的数据库而设计的。如果你正在企业中使用RHEL,可能会比这个操作系统的最小RAM需求(256MB)明显多得多的物理内存。由此可见，如果有那么多RAM内存可以使用，自然可以在同一台机器上运行其它服务。 3、my-large.ini是为专用于一个SQL数据
  • MFC和ado数据库使用时遇到的问题 你不认识的休道人 sqlC++mfc
    =================================================================== 第一个 =================================================================== try{ CString sql; sql.Format("select * from p
  • 表单重复提交Double Submits rensanning double
    可能发生的场景： *多次点击提交按钮 *刷新页面 *点击浏览器回退按钮 *直接访问收藏夹中的地址 *重复发送HTTP请求（Ajax） （1）点击按钮后disable该按钮一会儿，这样能避免急躁的用户频繁点击按钮。 这种方法确实有些粗暴，友好一点的可以把按钮的文字变一下做个提示，比如Bootstrap的做法： http://getbootstrap.co
  • Java String 十大常见问题 tomcat_oracle java正则表达式
    　1.字符串比较，使用“==”还是equals()? 　　"=="判断两个引用的是不是同一个内存地址(同一个物理对象)。 　　equals()判断两个字符串的值是否相等。 　　除非你想判断两个string引用是否同一个对象，否则应该总是使用equals()方法。 　　如果你了解字符串的驻留(String Interning)则会更好地理解这个问题。 　 　
  • SpringMVC 登陆拦截器实现登陆控制 xp9802 springMVC
    思路，先登陆后，将登陆信息存储在session中，然后通过拦截器，对系统中的页面和资源进行访问拦截，同时对于登陆本身相关的页面和资源不拦截。   实现方法： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他