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)

  • 平平淡淡，简简单单 HH_木又寸
    你可以幼稚，可以内向，可以女汉子，可以玛丽苏，可以洒脱，可以浪漫，你的存在本身就是一件很美好的事。你的独一无二没人可以代替！看到自己睡觉（打瞌睡）做出的笔记还是挺可爱的，莫名笑出声来哈哈哈哈我总是习惯性的原谅别人，我后悔了好多人，我遇到的很好的人。
  • Leetcode刷题笔记——哈希表篇 code_lover_forever Leetcode刷题笔记leetcode笔记散列表python
    Leetcode刷题笔记——哈希表篇一、哈希表在面试中的高频考题第一题：两数之和Leetcode1:两数之和：中等题（详情点击链接见原题）给定一个整数数组nums和一个整数目标值target，请你在该数组中找出和为目标值target的那两个整数，并返回它们的数组下标python代码解法classSolution:deftwoSum(self,nums:List[int],target:int)->
  • 20200526读书笔记 龙套哥萨克海龙
    阅读1小时，总计1247小时，第1192日阅读《长安与河北之间》第7章通过对魏博的个案研究，探讨在安史乱后一直以兵雄天下著称的河朔三镇为何未能在唐末五代的历史巨变中继续扮演主要角色。魏博是安史乱后唐廷为招抚安史降将所置的河朔三镇之一。之后经代宗、德宗、宪宗等朝，虽屡经叛顺，不过自穆宗以后，魏博与唐廷之间基本形成了以共同承认“河朔故事”为基础的稳定关系。这一中唐以来形成的奉唐天子为正朔，各个藩镇依据
  • 《唤醒老虎——启动自我疗愈本能。全书读书总结（君子成人之美——成成） 大道之心
    经过20多天的阅读。终于把《唤醒老虎启动自我疗愈本能》这本书读完了。昨天晚上举行了结营典礼。只是网络结营典礼，但我还是觉得有很重的仪式感。让人意外的是，我和我的搭档居然还获得了将金50元，实在是意外之喜。回顾这20多天的历程。从开始的认真看书，认真写读书笔记。到后来的有些懒散，敷衍。其实我自己都为自己捏了把汗。中间出了一个状况，就是我居然读着读着，把书给弄丢了。全靠着电子书和喜马拉雅听书啃完了中间
  • 2019-09-12郑渊洁家庭教育课-读书笔记 szli2019
    家庭教育不是管理。是示范和引导。父母觉得孩子不行，实际上是爸妈自己不行。如果没有合格的父母，你的孩子是不可能优秀的。家庭教育比学校教育重要，家庭教育能决定孩子的一生。孩子有三个很突出的特点：1、模仿能力强；2、逆反心理强；3、想象力丰富。想要孩子做到任何事情，你先做给他看，你不用说话。教育孩子最忌讳的就是用嘴。闭上你的嘴，抬起你的腿，走你的人生路，演示给孩子看。身教非常重要。你发现孩子有什么问题，
  • 【TypeScript学习笔记】TypeScript 核心知识点 Zaly. Vue学习笔记typescript学习笔记
    目录前言TypeScript核心概念基本类型与高级类型常用内置工具类型类型断言与类型守卫TypeScript在Vue3中的应用Vue3中TypeScript的作用范围Props和Emits的类型定义CompositionAPI中的类型支持前言TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编
  • 《Vue3笔记》第38节：Vue3项目集成TinyMCE富文本编辑器 Mr.小朱同学 【Vue3项目开发】笔记vue.js前端TinyMCE富文本编辑器tinymcetinymce编辑器Vue3集成tinymce
    前一个小节的内容中，已经介绍了Vue3项目中Quill如何配置highlight.js代码高亮的插件。这个小节来学一个新的富文本编辑器，叫做：TinyMCE。Vue3项目开发（微信文章集合）1.1、运行效果TinyMCE编辑器的效果，如下所示：1.2、安装TinyMCE依赖首先，需要安装tinymce依赖，执行下面命令：#安装依赖npminstalltinymce--save
  • 浅析Vue3(vue3笔记之进阶篇) 唆键盘的小前端 Javascript前端vue笔记vue.js前端前端框架javascriptwindows
    本文是结合实践中和学习技术文章总结出来的笔记(个人使用),如有雷同纯属正常((✿◠‿◠))喜欢的话点个赞,谢谢!有问题欢迎指正!!前面已经讲了基本的Vue生命周期和入门知识,本篇重点介绍Vue3的一些进阶知识1.vue-router路由Vue的路由对比React真是舒服太多了,路由守卫不需要自己配置,还可以方便自己添加一些自定义逻辑,比如在beforeEach加载进度条之类的,这里以Hash路由为
  • 入门指南：Vue.js的基本概念和用法 是小韩呀 vue.jsjavascript前端
    引言：Vue.js是一种流行的JavaScript框架，用于构建现代化的Web应用程序。它以其简洁易用的API和响应式的数据绑定而闻名，使得开发人员能够更轻松地构建交互性强大的用户界面。本文将介绍Vue.js的基本概念和用法，帮助初学者快速入门。一、Vue.js是一个轻量级、渐进式的JavaScript框架，用于构建用户界面。它的设计目标是通过尽可能简单的API，让开发者能够更高效地开发交互性强大
  • nodejs关于后端服务开发的探究 墨水白云 node.js
    前提在当前的环境中关于webserver的主流开发基本上都是java、php之类的，其中javaspring系列基本上占了大头，而python之流也在奋起直追，但别忘了nodejs也是可以做这个服务的，只是位置有点尴尬，现在就来探究下nodejs做webserver的当前现状。nodejs简介Node.js是一个基于ChromeV8引擎的JavaScript运行环境。Node.js使用了一个事件驱
  • 【K8s】专题四（4）：Kubernetes 控制器之 StatefulSet
    本文内容均来自个人笔记并重新梳理，如有错误欢迎指正！如果对您有帮助，烦请点赞、关注、转发、订阅专栏！专栏订阅入口Linux专栏|Docker专栏|Kubernetes专栏往期精彩文章【Docker】（全网首发）KylinV10下MySQL容器内存占用异常的解决方法【Docker】（全网首发）KylinV10下MySQL容器内存占用异常的解决方法（续）【Docker】MySQL源码构建Docker镜
  • 探索图形知识梳理[3.29] 虫zi
    【课题名称】人教版数学五年级下册第三单元——探索图形【学习时间】2022年3月29日上午8：30-9：10【学习平台】国家中小学网络云平台(https://ykt.eduyun.cn/)【学习准备】准备笔记本和草稿本，边观看边记录。适时控制播放，按老师指令完成相应的课上练习。【学习任务】（1）进一步认识和理解正方体的特征。（2）通过观察、列表、想象等活动，经历发现正方体涂色和位置的规律的全过程，获
  • IA IP笔记 金麟༒ tcp/ip笔记网络协议
    OSI参考模型应用层-----用来接收用户数据，人机交互接口表示层-----将逻辑语言转换为机器语言会话层-----针对传输的每一种数据建立一条独立的通道。数据的整合控制层面—上三层----不会对数据本身进行修改数据层面—下四层----对数据进行加工传输层-----区分流量信息，定义数据传输方式。TCP协议、UDP协议网络层-----通过IP地址进行逻辑寻址，IP协议数据链路层-----逻辑链路控
  • 你的云边是否有小卖部？ 0e1d1f4192ce
    山这边是刘十三的童年，山那边是外婆的海。——题记新书刚出来，就在网易蜗牛读书上用最快的速度看完这本书。让我不禁感慨，我们何曾不都是书中的刘十三。从前面的毛头少年默默在泛黄的笔记本上写下我要考清华北大到后来同村伙伴骑车送他去一所毫不知名的大学期间经历的糗事，从《悲伤和希望都是一缕光》到《云下丢失的人，月下团圆的饭》开始有了而一点悲伤的预感。外婆王莺莺为了刘十三的保险任务量开始小卖部的优惠活动，刘十三
  • Linux笔记8 web服务器的部署及优化 月熊 笔记linux
    用户常用关于web的信息www概念www是worldwideweb的缩写，及万维网，也就是全球信息广播的意思通常说的上网就是使用www来查询用户所需要的信息。www可以结合文字、图形、影像以及声音等多媒体，超链接的方式将信息以Internet传递到世界各处去。当你连接www网站，该网站会提供一些数据，客户端要使用可以解析这些数据的软件来处理，那就是浏览器网址URI：UniformResourceI
  • Linux笔记9 DNS域名解析服务器 月熊 服务器linux笔记
    简介DNS（DomainNameSystem）是互联网上的一项服务，它作为将域名和IP地址相互映射的一个分布式数据库，能够使人更方便的访问互联网。DNS使用的是53端口，通常DNS是以UDP这个较快速的数据传输协议来查询的，但是没有查询到完整的信息时，就会再次以TCP这个协议来重新查询所以启动DNS时，会同时启动TCP以及UDP的port53。因特网的域名结构由于因特网的用户数量较多，所以因特网在
  • 2023-08-21 de5ea6d11ab2
    易佳npdp学习笔记NPDP（NewProductDevelopmentProfessional）是产品经理国际资格认证。NPDP由美国产品开发与管理协会（PDMA）所发起，是国际公认的唯一的新产品开发专业认证，集理论、方法与实践为一体的全方位知识体系，为公司组织层级进行规划、决策、执行提供良好的方法体系支撑。经IBM采用后来被华为公司引入并取得巨大商业成功的IPD（IntegratedProdu
  • 打车优惠券领取公众号？滴滴出行优惠券领取方式 氧惠评测
    滴滴出行优惠券的领取方式多种多样，以下是几种常见的领取途径：月入十万必看！都在挣钱！推荐几个月入几千到几万的靠谱副业项目！（公众号：善士思维笔记）氧惠APP是与以往完全不同的抖客+淘客app！2024全新模式，我的直推也会放到你下面。主打：带货高补贴，深受各位带货团队长喜爱（训练营导师每天出单带货几万单）。注册即可享受高补贴+0撸+捡漏等带货新体验。送万元推广大礼包，教你如何1年做到百万团队。金珊
  • 在职四战考研102day MM加油女孩
    已完成今日想做之事：政治内容理解；英语研词学习；专业课划重点并进行绘制思维导图；听书《我不要稳定的活着》反思：通过近几天的学习，感觉自己的进度还是很慢的，尤其是英语跟专业课这一块，它们是必不可少而且最耗时的科目，通过自己的思考，我再次对自己的计划作出调整：第一，晚上进行第二天内容的听课，截屏下来，尤其是政治、研词、真题讲解都利用晚上时间来听完，还有就是划专业课的笔记；第二，次日，上午进行一个英语真
  • 2018年10月成长记录 薯果
    「9、10月成长记录」1、完成了瑜伽教练的培训；2、10月5日决定日更，坚持了25天了3、坚持每天发朋友圈和画小人图76天了；4、看完了两本书，并写了读书笔记；5、瑜伽练习，体型有了很大地改善；6、看了《印象莫奈》的艺术展；7、成功举办了两次线下活动，得到一致好评，小伙伴极力要求一直办下去；8、工作上遇到问题也不那么急躁了，更从容；9、做好定位，不管遇到什么变化，自己都能有的放矢地去做选择；10、
  • 2/7 关于正念冥想的几点注意 方知方行
    这是得到课程《怎样学会正念冥想》的部分学习笔记，把平时我在冥想的桑侯没有注意和意识到的问题总结下，以备后续练习实践：1有意的关注（平时练习时，通过调整赞成注意力的方式在做）。2非评判的态度（这里的意思并不是说不评判，而是意识到到评判，不要被自己的评判牵着走。产生评判是自然的。我之前的认知是：不能产生评判）。3理解当下（“当下”是我们身心所体验到的一切。大体分为两类：一类是发生在我们的内在体验，也可
  • 《你要活成一束光》读书笔记 彩云悦读乐教
    这是一本很有温度的书。本书以写信的形式道出了人间条条真理，语言朴实却给人感触至深，书中的四十封书信，有写给女儿、儿子的；有写给老爸、妈妈的；有写给爱人、亲人、朋友的；还有写给陌生的兄弟的，每一封信都会有不同的感悟与体会，每一封信都传达着真挚的爱意，它像是一束光，周身散发着巨大而美好的能量…该书文笔流畅，语言清新优美，画面感十足，字里行间充满了浓浓的亲情、友情、爱情，让人感动！读的时候会让人大笑，会
  • Python编程：从入门到实践 YC运维 Python_studypython学习开发语言
    这是基于《Python编程：从入门到实践》这本书以一个初学者的视角去学习而记录的笔记，浓缩了精华的部分以及分享了一些我自己的见解。做这个既是为了让自己边学边记录也是为了保留自己的问题去和小伙伴一起谈论。一，python是什么以及核心作用Python是一种高级、解释型、面向对象的编程语言，由荷兰人GuidovanRossum于1989年圣诞节期间创建，第一个公开发行版发行于1991年。它的设计哲学强
  • 2020/4/1，《教育的勇气》读书笔记。 刘霞辉
    2020/4/1，《教育的勇气》读书笔记。很快就到了本书的最后一部分----突围或改变：教育困境中的思与行。读张老师的书，如果不写读书笔记，真的是一口气可以读完一本书。读他的书，像是一种享受，由内到外地放松。更多时候是可以引起内心的共情、共鸣。一，维持一种有意义团体的生命活力作者开篇从谢云老师的“知行社”说起，知行社、优培写作班、1＋1教育、勇气更新等都是非常有意义的团体。这些团体在开始建设的时候
  • 读书笔记：SFBT其他重要晤谈技巧与原则 风雨彩虹1219
    中原焦点团队坚持分享1453天2022-07-09一、以“澄清式自我揭露”与“温和挑战”取代面质1、SFBT不建议咨询师告诉当事人有关自己的过去经验，尤其是个人之前的惨痛故事或者直接建议当事人的个人体验。但是并不表示不能揭露自己，SFBT自我揭露是以“澄清”的方式来询问当事人，并要扣着目标导向与优势观点。2、如果当事人坚持想知道咨询师的个人故事，SFBT的咨询师会先询问当事人认为获得这样的信息对自
  • 百天创业笔记04 七色阳光l
    七色阳光:浙江兰溪人，退休后选择走进思涵读书荟，不留遗憾，以往生活一去不复返，最重要的是余生怎么过，与读书绑在一起，会很精彩，用心去体会！成长蜕变挑战营打卡第18天每日任务:（完成打✓）①6:00起床进行魔力练习（√）②每日营养早餐，群内打卡（√）③每天运动20分钟以上（√）④每月更新20个短视频，本月目前为止更新第几个了？（14）⑤每天在官微连麦分享书籍（√）⑥每天直播不低于1个小时（√）⑦每天
  • 破茧成蝶：负债女性如何通过工作重拾财务自由 氧惠购物达人
    女人负债累累该做什么工作？首先，需要明确的是，没有任何一种工作可以迅速还清债务。因此，选择工作的关键在于其稳定性、可靠性和可持续性。以下是一些适合负债累累女性的工作：1.客服代表：客服代表可以在家里工作，并且可以灵活安排自己的时间。这意味着，你可以在保持稳定收入的同时，也有足够的时间来处理债务问题。月入十万必看！都在挣钱！推荐几个月入几千到几万的靠谱副业项目！（公众号：善士思维笔记）氧惠APP是与
  • Javaweb笔记 笙鹿鸣 html前端html5
    HTMLHTML网页常用基础知识网页结构JavaSEC/SClientserver客户端–服务器JavaWebB/SBroswerServer浏览器–服务器网页的组成部分：内容（结构）、表现、行为HTML:HyperTextMarkupLanguage(超文本标记语言)ALT+F2选择浏览器HTML书写规范：表示整个html页面的开始头信息标题标题body是页面的主体内容页面主体内容表示整个htm
  • 京东内部优惠券怎么领？京东怎么找内部优惠券？ 氧惠评测
    京东内部优惠券的领取方式多样，以下是一些主要途径和具体步骤：月入十万必看！都在挣钱！推荐几个月入几千到几万的靠谱副业项目！（公众号：善士思维笔记）氧惠APP是与以往完全不同的抖客+淘客app！2024全新模式，我的直推也会放到你下面。主打：带货高补贴，深受各位带货团队长喜爱（训练营导师每天出单带货几万单）。注册即可享受高补贴+0撸+捡漏等带货新体验。送万元推广大礼包，教你如何1年做到百万团队。金珊
  • JSON和JSONL、python操作 weixin_668 jsonpython
    JSONJSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，基于文本、易于读写，并支持多种数据结构。以下是常见的JSON格式及示例：1.简单对象（键值对）{"name":"Alice","age":25,"isStudent":true}2.嵌套对象{"person":{"name":"Bob","address":{"city":"NewYork","zipc
  • 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其他