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)

  • 日更92/365：我为什么要写作？ 富足的徐欢
    我为什么要写作？这是真是一个好问题，若在做一件事情之前，知道自己的目标动机和需求，才能排序，分配好自己的时间。余生我想把写作当成我的习惯，因为在写作上面我可以有下面三个方面的提升：1.整理笔记有时，我们听完一堂课，会感觉到心潮澎湃，可是若没有把它整理成笔记或写践行清单，假以时日，这些没有被运用或链接的知识信息会在大脑处抹去。所以整理笔记是最优的辅助学习方法。2.梳理情绪相信大家都有这种体验，当我们
  • 解决修改android手机设置中字体大小后系统布局混乱的方法 f44148db1e8c
    均属于笔记，仅供个人参考，有问题欢迎指正重写getResources方法@OverridepublicResourcesgetResources(){//returnsuper.getResources();//解决修改android手机设置中字体大小后系统布局混乱的方法，重构getResources，修改系统倍数对应用内sp的影响；Resourcesres=super.getResources(
  • 机器学习数据预处理阶段为什么需要——归一化处理
    参考：https://www.cnblogs.com/bjwu/p/8977141.html通常，在DataScience中，预处理数据有一个很关键的步骤就是数据的标准化。这里主要引用sklearn文档中的一些东西来说明，主要把各个标准化方法的应用场景以及优缺点总结概括，以来充当笔记。提升模型精度在机器学习算法的目标函数(例如SVM的RBF内核或线性模型的l1和l2正则化)，许多学习算法中目标函数
  • 读书笔记||《焦虑者自救手册》（二） 徐小胖杂谈
    书名：《焦虑者自救手册》阅读进度：43-83页阅读时间：30分钟阅读思考问题：1、关于忧虑的5种积极信念2、列举一个你的忧虑案例，用以上的五种积极信念进行分析，看看你赞成哪种或者哪几种信念？3、对忧虑进行审判时，我们通常需要扮演哪三种角色？4、用你自己忧虑的一个例子，分别用辩方律师和公诉律师的角度，为它辩护，写下证词。5、最终经过以上辩护，你将得出怎样的判决？金句摘抄：1、如果你对某件事感到忧虑，
  • 京东618大额券怎么领？京东有大额优惠券吗？ 直返APP淘客项目
    京东618购物节：解锁APP直返大额券，畅享购物狂欢京东618购物节，这场年度购物盛宴，无疑是每一位消费者心中的期盼。在这场盛宴中，大额优惠券如同宝藏一般，等待着精明的你去发掘。而掌握领取大额券的秘诀，将让你的购物之旅更加畅快淋漓，尤其是当你充分利用京东APP的优势时。一、如何在京东APP轻松领取大额券？月入十万必看！都在挣钱！推荐几个月入几千到几万的靠谱副业项目！（公众号：善士思维笔记）返利就用
  • “重复”定义函数的睿智(Python/与ai助手“智普清言”深度交流) 梦幻精灵_cq 笔记学习
    镜像双胞谬重复，定制便捷巧活工。  笔记模板由python脚本于2025-07-1612:16:30创建，本篇笔记适合至少通晓一门语言，熟悉基本编程范式的coder翻阅。学习的细节是欢悦的历程  博客的核心价值：在于输出思考与经验，而不仅仅是知识的简单复述。Python官网：  这里，才python前沿。英文原版，原汁原味，才是寻根溯源的正统。地址：https://www.python.org/F
  • 偶拾《退让》，一阙仿七律带出的文化思考(中文诗创作) 梦幻精灵_cq 笔记学习
    礼貌温言沐春风，谦让理解通彼此。  笔记模板由python脚本于2025-07-0111:29:03创建，本篇笔记适合喜欢中文仿古七言诗的coder翻阅。学习的细节是欢悦的历程  博客的核心价值：在于输出思考与经验，而不仅仅是知识的简单复述。Python官网：  这里，才python前沿。英文原版，原汁原味，才是寻根溯源的正统。地址：https://www.python.org/Free：  大咖
  • 2022年第六次一周小结（09.11-09.17） 龚宇佳
    上周总结：1.阅读28h。第一，上周整理了《深度思维》剩余笔记，目前整本书的笔记都整理完成。第二，开始阅读黄奇帆的《分析与思考》，之前看过他的《结构性改革》，两本书有相似的地方，但值得一看。第三，继续精读《态度改变与社会影响》，需要思考和做笔记的比较多，因此进度比我想得要慢，上周没有达成计划目标。2.写作2h。上周继续保持日更。3.语言学习12.5h。I.粤语学习方面。模仿电影《回魂夜》，且听黄子
  • 【软考速通笔记】系统架构设计师⑱——大数据架构设计理论与实践 小康师兄 系统架构设计师笔记系统架构大数据LanbdaKappa数据湖批处理
    文章目录一、前言二、传统数据库遇到的问题2.1问题的根源2.2传统解决方法三、大数据基础3.1大数据处理技术3.2大数据利用过程3.3大数据处理系统面临的挑战3.4大数据具有的属性和特征四、Lanbda架构4.1批处理层4.2加速层4.3服务层五、Kappa架构5.1实时层5.2服务层六、Lambda和Kappa对比七、其他一、前言笔记目录大纲请查阅：【软考速通笔记】系统架构设计师——导读关注【小
  • Here-Document的`＜＜` 与 `＜＜-` 与 `＜＜＜` 多解说笔记250722 kfepiza #Linux#控制台命令行Shellbashcmd等笔记linuxbash
    Here-Document的poem.txt静夜思床前明月光疑是地上霜FORMATTED#2.空格敏感的配置catconfig.ymlindentation:level:4#必须4空格SPACE何时用tabs.txt重要制表符:→这里Tab会被保留但行首Tab会被移除TABS#2.空格缩进的环境#（如Python脚本）技术原理图解HereDocumentquery.sqlSELECT*FROM${
  • 从 0 到 1 搞定nvidia 独显推流：硬件视频编码环境安装完整学习笔记 lxmyzzs 图像算法之音视频编解码音视频学习笔记
    笔记用于安装和配置一套完整的媒体处理工具链，包括NVIDIA编码头文件、带CUDA加速的FFmpeg以及ZLMediaKit流媒体服务框架，适用于需要进行视频编解码、流媒体推流/拉流等场景的开发与部署。标题核心组件及版本说明nv-codec-headers来源：Gitee仓库jario-jin/nv-codec-headers版本：n11.1.5.0（对应NVIDIAVideoCodecSDK接口
  • 学习笔记56-(已解决)pip指令下载超时Read timed out错误 李卓璐 报错整理pip
    (已解决)pip指令下载超时Readtimedout错误下了一上午卡到自闭然后查了很多帖子，最后更换国内安装源和设置超时时间可以解决。在pip3installXXX命令的后面加上–default-timeout=100-ihttps://pypi.tuna.tsinghua.edu.cn/simple
  • 《历史的温度：寻找历史背面的故事、热血和真性情》读书笔记（一） 选科规划与志愿填报_让梦想起航
    纵观民国历史，像蔡锷这样不党不群、不要地盘不拉军队的将军，真的找不到第二个。而偏偏就是这个只念国家、不念私人的将军，对中国的进程产生了影响。无须向他道歉，当然，他也从来无须向任何人道歉。他是一个中国体育以后可能再也不会出现的运动员——不是说他的运动成就，而是他的人生遭遇：大起大落，大喜大悲，大彻大悟。他就是刘翔。在特定的大时代背景下，我们又有谁，有能力掌控自己的命运呢？我相信对于大部分男生来说，那
  • registry-ui docker搭建私有仓库的一些问题笔记 深圳卢先生 uidocker笔记
    搭建私有仓库，用docker-registry作为仓库，docker-registry-ui作为界面。原来的docker-compose.yml如下services:registry:image:registry:2container_name:registryports:-"5000:5000"#外网访问的端口volumes:-./data:/var/lib/registry#用于持久化数据存储
  • 今日读书笔记分享 小朗_18f9
    1.如果我们通过批评来提出主张，人们的反应常常是申辩或反击。反之，如果我们直接说出需要，其他人就较有可能做出积极的回应。2.如果我们不看重自己的需要，别人可能也不会。实际上，如果直接说出需要，获得积极回应的可能性就会增加。3.真诚待人比委曲求全更为可贵。如果别人感到不安，我们可以认真地倾听，但无须责备自己。4.我们意识到，虽然我们对自己的意愿、感受和行动负有完全的责任，但无法为他人负责。我们还发现
  • JavaScript 基础语法与核心概念实战：从变量到定时器 Elieal javascript开发语言ecmascript
    JavaScript作为前端开发的核心语言，其基础语法和数据类型是入门的关键。本文将通过实际代码示例，详解JavaScript的变量、数据类型、复合类型及常用交互功能，帮助初学者快速掌握核心概念。一、变量与基本数据类型变量是存储数据的容器，JavaScript中通过var（ES5）、let/const（ES6）声明。基本数据类型是构建复杂程序的基础，包括以下5种：//基本数据类型示例vara=10
  • javascript基本内容和标签 Sonnenblume_f IT总结编程语言javascriptIT总结
    js概念:javascript是互联网上最流行的，可以嵌套到html代码中的，一种基于对象和事件驱动的，并具有安全性能的脚本语言。具有1）向html页面中增加交互行为；2）脚本语言，语法和java类似；3）解释性语言，边执行边解释;4）跨平台，每个浏览器都具有js解释器;作用：增删HTML和css中的代码,能够动态校验数据组成：ECMAScript（核心）BOM浏览器对象模型DOM文档对象模型引入
  • Ajax与axios wwwwdn ajaxokhttp前端javascript
    本文是学习了网上的Ajax的课程总结，并加上了一些自己的总结。AjaxAjax（AsynchronousJavascriptAndXML），即是异步的JavaScript和XML，Ajax其实就是浏览器与服务器之间的一种异步通信方式。XMLHttpRequest（XHR）XMLHttpRequest（XHR）对象用于与服务器交互。通过XMLHttpRequest可以在不刷新页面的情况下请求特定UR
  • JavaScript 类型转换之谜：为什么 [] + 0 = ‘0‘ 而 {} + 0 = 0？
    在JavaScript面试中，表达式[]+0和{}+0的结果差异常令人困惑。它们揭示了JavaScript类型转换的核心机制，下面我们深入解析背后的原理。案例一：[]+0='0'（字符串拼接）转换步骤：数组[]转换为原始值JavaScript对对象（包括数组）执行ToPrimitive转换：优先调用valueOf()→返回数组本身（非原始值，继续下一步）调用toString()→空数组转为空字符串
  • 2015笔记——富文本 满庭花醉三千客
    鉴于之前遇到富文本的东西，一窍不通，如今是要好好学习学习了，先从最基本的开始吧：屏幕快照2015-12-1016.28.40.png我分别设置了字号、字体颜色、下划线、字体及大小、删除线。接下来给label赋值：屏幕快照2015-12-1016.29.09.png为了直观，我给label添加了背景色。接下来就是看效果了：屏幕快照2015-12-1016.33.43.png是不是很简单呢？加油！
  • 《恋恋笔记本》:不仅仅是爱之絮语 平生灯火
    琼瑶式的浪漫爱情童话，加上好莱坞经典的编织手段，成就了无数影迷津津乐道的一部纯爱经典。象我这个年纪，为此感动和沉醉似乎已不太可能，但竟然也会有一些或柔软或稀奇古怪的感慨。演变中的爱情主题词。季节有寒来暑往，人生有红颜白发。一路走过爱情的旅途，每一程都有不同的风景，不同的感受。年轻的时候，爱是青春不顾一切的燃烧。就像艾丽和诺亚的十七岁一样，每个人也许都曾有那么一个夏天，爱情将青春燃烧得肆无忌惮，燃烧
  • 2024年十大返利app排行榜,全网佣金超高的返利平台推荐十款 直返APP淘宝优惠券
    随着电子商务的快速发展和互联网消费的普及，越来越多的人开始关注返利软件。返利软件作为一种便捷的消费理财方式，不仅可以让用户在购物时享受到优惠折扣，还能通过返利机制获得额外的佣金。在这篇文章中，我们将为大家介绍返利软件十大排行榜以及返利佣金最高的APP。月入十万必看！都在挣钱！推荐几个月入几千到几万的靠谱副业项目！（公众号：善士思维笔记）一、直返直返的口号是“返利就用直返”，它强调没有上级赚差价，直
  • 网络爬虫进阶 rooney2024 爬虫
    目录一、进阶爬虫的核心挑战二、关键技术与最佳实践三、实战案例：爬取动态电商价格（伪代码示例）四、持续学习路径结语一、进阶爬虫的核心挑战动态渲染页面(JavaScript/AJAX)问题：数据由JavaScript动态加载生成，初始HTML中不存在。解决方案：浏览器自动化工具：Selenium,Playwright,Puppeteer。模拟真实浏览器行为，等待JS执行并渲染出完整DOM后再解析。无头
  • 读书笔记 kissmoonmiss
    读《有钱人为何用长钱包》读了整本书，如果让我用一句话总计，那么我觉得最合适的话就是：你善待钱，钱善待你。而对于现今的我们来说，可能越来越少的人出门还带着钱包，表面上整本书的观点和建议也许不太用的上，但是我想，其实作者希望我们知道的是，我们应该控制好自己的金钱流向，每一笔钱都花在刀刃上，而不是随意花钱从不记账（这里我就想到自己，上大学以来，虽然每个月父母会给一定的生活费，但是从来都是入不敷出，自己从
  • OpenHarmony外设驱动移植指南 你我皆是牛马星人 鸿蒙开发HarmonyOSOpenHarmonyharmonyosOpenHarmony鸿蒙开发源码分析迁移学习嵌入式硬件驱动开发
    往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……外设驱动子
  • 【OpenHarmony】鸿蒙开发：轻量系统服务管理|存储机制详解(一) 你我皆是牛马星人 HarmonyOS鸿蒙开发OpenHarmonyharmonyos鸿蒙开发OpenHarmony嵌入式硬件SAStore模块物联网
    往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……一、前言本
  • 平平淡淡，简简单单 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多天的历程。从开始的认真看书，认真写读书笔记。到后来的有些懒散，敷衍。其实我自己都为自己捏了把汗。中间出了一个状况，就是我居然读着读着，把书给弄丢了。全靠着电子书和喜马拉雅听书啃完了中间
  • 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其他