辉煌666
辉煌666

2021-04-29

简单轮播图的实现及原理讲解（js）


0.最终效果预览

鼠标未触及区域时（自动滚动中）

鼠标触及区域后 （停止滚动，显示按钮）

基本功能

自动无缝滚动

左右按钮控制滚动

点击圆点切换图片

1.整体结构与思路

Html部分

    • <>

    三个div，最外层id为parent的大div内包含了uls和buttons两个div，divuls中包含了两个列表img_ul（图片列表）, litCir_ul（小圆点列表），divbuttons里则包含了“左”， “右”两个按钮。

    CSS部分

    #parent{position:relative;margin:50px auto;padding:0;width:500px;height:309px;}#uls{position:relative;margin:0;padding:0;width:500px;height:309px;overflow:hidden;}#img_ul{position:absolute;margin:0;padding:0;left:0;top:0;width:3000px;/*多留出一张图片的宽度！*/list-style:none;}#img_ul li{float:left;margin:0;padding:0;width:500px;height:309px;}#img_ul li img{width:500px;height:309px;}#litCir_ul{position:absolute;margin:0;padding:0;right:10px;bottom:10px;list-style:none;}#litCir_ul li{margin:0;padding:0;float:left;width:20px;height:20px;text-align:center;line-height:20px;border-radius:50%;margin-left:10px;cursor:pointer;}li.active{background-color:white;}li.quiet{background-color:#1e90ff;}#buttons{margin:0;padding:0;display:none;}#buttons span{position:absolute;width:40px;height:40px;top:50%;margin-top:-20px;line-height:40px;text-align:center;font-weight:bold;font-family:Simsun;font-size:30px;border:1px solid #fff;opacity:0.3;cursor:pointer;color:#fff;background:black;}#left{left:5px;}#right{left:100%;margin-left:-45px;}

    需要注意的地方

    图片的宽，高度应和img_ul中的li标签， 以及div#parent， div#uls的宽，高度一致。

    img_ul的宽度应为(图片数目+1）*每张图片的宽度。也就是要多留出一张图片的宽度（下一部分解释）。

    div uls部分使用overflow:hidden隐藏img_ul超出的部分，确保每次该区域只能显示一张完整的图片。

    2.功能实现（JS部分）

    ①将会在下面用到的Html中的对象和一些变量

    /*获取HTML中的对象*/varparent=document.getElementById("parent");varimg_ul=document.getElementById("img_ul");varlitCir_ul=document.getElementById("litCir_ul");varbuttons=document.getElementById("buttons");varcLis=litCir_ul.children;varlen=img_ul.children.length;//图片张数varwidth=parent.offsetWidth;//每张图片的宽度varrate=15;//一张图片的切换速度， 单位为pxvartimes=1;//切换速度的倍率vargap=2000;//自动切换间隙， 单位为毫秒vartimer=null;//初始化一个定时器varpicN=0;//当前显示的图片下标varcirN=0;//当前显示图片的小圆点下标vartemp;

    ②添加小圆点

    之所用js添加小圆点，是因为小圆点的数量是由图片张数决定的。

    for(vari=0;i

    默认li的class为quiet, 第一张默认为active。

    ③无缝滚动是怎么实现的？

    首先先理解该轮播图如何滚动，这里是通过控制img_ul的left值来控制显示某张图片， 为了实现“滚动”的效果，我们需要逐渐改变img_ul的left值，而不能直接使该值变化图片宽度的倍数。这里我们定义一个动画效果函数Roll()。

    functionRoll(distance){//参数distance：滚动的目标点（必为图片宽度的倍数）clearInterval(img_ul.timer);//每次运行该函数必须清除之前的定时器！varspeed=img_ul.offsetLeft

    试想下面的情况，当图片从最后一张切换到第一张时，这时就不能通过逐渐改变img_ul的left值来实现滚动的效果，于是克隆第一张图片至列表尾部，当滚动完最后一张图片时，继续滚动到克隆的第一张，然后将img_ul的left值置为0。

    /*克隆第一个li到列表末*/img_ul.appendChild(img_ul.children[0].cloneNode(true));

    ④自动滚动

    functionautoRun(){picN++;cirN++;if(picN>len){//滚动完克隆项后img_ul.style.left=0;//改变left至真正的第一项处picN=1;//从第二张开始显示}Roll(-picN*width);if(cirN>len-1){//判断是否到了最后一个圆点cirN=0;}for(vari=0;i

    需要注意的是小圆点和图片列表的li数目是不一样的，当滚动到最后一个克隆项时，此时小圆点实际上在第一个位置。

    开始自动滚动：

    timer = setInterval(autoRun, gap);

    ⑤触及小圆点时切换至对应图片

    for(vari=0;i

    给每个小圆点绑定了onmouseover事件，这个方法有个细节，会根据两次小圆点的距离差调整速率为rate*times，使切换效果更自然（也就是说每次切换说花的时间基本一致，无论是第一张到第二张，还是第一张到最后一张）。

    ⑥触及轮播图区域和离开该区域时

    parent.onmouseover=function(){clearInterval(timer);buttons.style.display='block';}parent.onmouseout=function(){timer=setInterval(autoRun,gap);buttons.style.display='none';}

    触及区域，清除定时器，显示按钮。

    离开区域，添加定时器，隐藏按钮。

    ⑦给两个按钮添加onclick事件

    /*上一张*/buttons.children[0].onclick=function(){picN--;cirN--;if(picN<0){//滚动完第一项后img_ul.style.left=-len*width+"px";//改变left至克隆的第一项处picN=cirN=len-1;}Roll(-picN*width);//bug处理if(cirN<0){cirN=len-1;}for(vari=0;i

    自动播放就是间隔一定时间不断调用函数“下一张”的过程，所以这里的按钮right下一张的实现就是上面的autoRun函数。

    你可能感兴趣的:(2021-04-29)

    • 周四 2021-04-29 23:20 - 06:42 阴 08h39m 么得感情的日更机器
      一时间记录二概述早上醒，6点半，哭醒，然后难过，交流，游戏，洗漱，饭早上午，杂事，照片搞定，毕业材料下午，毕业材料，手机，阅读，吃饭晚上散步，日常任务，手机，回宿舍，跑步，遇事不冷静事件，不过最终结果是好的，解决了，日总结三总结(Summary)今天总体是整理材料，阅读的一天，晚上发生一件小插曲，今日发现自身性格有不稳重的因素存在，遇事容易急躁，这点需要改进。四反思今天收获了什么？哪里做的不好？做
    • 2021-04-29 黎松松
      这个社会能力真正强到爆的人少之又少，大多数新人不过都只有三成功力。面对从未做过的事时，有的人敢扛敢上，好像自己有五成功力，事情一旦坚持完成，起码有了七成功力.剩下的人就会说，你看他们本来就很厉害。其实一开始你们都一样，无非是少了点不怕死的心。——刘同谁的青春不迷茫
    • 2021-04-29 泥泥大地
      4.1松动张小初是晚一些时候到工作室的。他对马戈说：“马哥，我知道我做的不对，一开始就知道，可我偏要那么做，我到底有什么问题啊？”马戈说：“你是有点问题，可是谁又没有问题呢？”“你就没问题。”马戈大笑：“马哥离家出走的时候，比你还小几岁呢。”“——后来是怎样的？你回去了吗？”“当然回去了，我又不傻，在外面没吃没喝的。——咱们就给他们示威一下就可以了。”张小初的脸明了一下又暗了一下。“可是我不想回去
    • 2021-04-29 丛培国
      【日精进打卡第1175天】【知～学习】《六项精进》《大学》【读书】1、《董明珠传》OK2、《从总账到总监》353、《活法》043-049【经典名言】如果你自己能够描绘成功的过程和情景,那么你的成功概率就极高。闭上眼睛想象成功的景象,如果它在你头脑里能形成清晰的、符合逻辑的印象,那么你就一定能成功,你的愿望就一定能实现。——《活法》【行～实践】一、修身：1、俯卧撑2、晨练二、齐家：三、建功：｛积善｝
    • 2021-04-29 京心达宁威
      2021年4月29日落地真经严格就是爱，放纵既是害4月总产值14万54月台词目标100台4月预存目标11个完成23个今日体验：世上并没有用来鼓励工作努力的赏赐，所有的赏赐都只是被用来奖励工作成果的
    • 2021-04-29 我爷爷是上帝
      一、环境永远不会十全十美，消极的人受环境控制，积极的人却控制环境。二、莫找借口失败，只找理由成功。（不为失败找理由，要为成功找方法）三、贫穷是不需要计划的，致富才需要一个周密的计划——并去实践它。四、人永远在追求快乐，永远在逃避痛苦。五、任何的限制，都是从自己的内心开始的。六、你要相信我已经足够坚强可以一个人面对这世间的离别动荡。七、人格的完善是本，财富的确立是末。八、伟人之所以伟大，是因为他与别
    • 华杉版资治通鉴【1180】别矫情，不要有怨气。2021-04-29 华杉2009
      21、七月二十九日，北魏大赦。22、北魏安国宣简侯王肃在寿阳去世，追赠为侍中、司空。当初，王肃因为父亲死于非命（王肃父亲王奂被杀事，见公元493年记载），四年不脱下丧服。高祖元宏说：“三年之丧，贤者也不敢超过。”命王肃按正常服丧规矩，脱下丧服。但是，王肃仍然只穿素色衣裳，并且终身不听音乐。23、汝南平民胡文超起兵于滠阳以响应萧衍，要求攻取义阳、安陆等郡以自效；萧衍又派军主唐修期攻打随郡，都攻克。司
    • 2021-04-29 陈龙
      多态什么是向上造型？什么是向下造型？有什么特殊规定？子类向父类的转换成为向上转型父类类型转换为子类类型以下代码的执行结果是什么？ApublicclassExample{inti=100;publicvoidprint(){System.out.println(50);}publicstaticvoidmain(String[]args){Examplea=newA();System.out.pri
    • 2021-04-29 罗米仅一位
      今天去打新冠疫苗了，或许是国内疫情已经控制，整个人的心态比较平和，集中注射点人不多，没有排起长龙，秩序井然，全程扫码操作，实时跟踪。注射疫苗毫无痛感，等待30分钟后没有什么不适，自行离开。新的一天开始了，为了梦想而奋斗，加油吧，打工人！
    • 2021-04-29 无敌遇见青春
      今天，我谈谈新冠疫苗那些事儿。距离接种第一针新冠疫苗已经一个多月了。上次是三月二十五号，这次是今天下午。迄今为止，全国已经有二亿多人接种了新冠疫苗。很多犹豫不决的人们也加入到接种新冠疫苗的行列。注射了新冠疫苗，每个人的体质不一样，反应也不相同。从医生拔出针头那一刻起，我的左臂一直在痛，这种痛感持续了五分钟左右，所有的疼痛感就消失了。这次是学校统一去的，所有去的老师接种以后，我们一起去聚餐（AA制)
    • 2021-04-29 66ym6
      有些见识可贵但并不值得骄傲见识不够暂时的落后其实并不是那么要紧也不是那么丢人的见识这个东西我不知道就是不知道你带带我教教我好吗没什么可自卑的有一天你上来了会发现很多所谓的见识其实远远谈不上深刻的理解和感悟你见过玩过就算数了比如你从小坐飞机跟我大学工作了来坐飞机并不会产生本质差别真正难以弥补的见识是对于复杂局面和长期走势的深度观察莫名其妙就是比别人准5个百分点的优势
    • 2021-04-29 便宜君
      1.戒除掏耳朵的习惯。掏耳可引起耳道和鼓膜损伤，有时还会并发感染，使听力下降。2.洗头、洗澡时防止水流入耳内。因为皮肤和鼓膜在水中浸泡，加上耵聍(即常说的耳蚕、耳屎)的刺激，容易引起外耳炎。若原来有鼓膜穿孔者，水入耳内可引起中耳炎复发。3.夏季游泳前需作体格检查，有外耳道炎、鼓膜穿孔等疾病者，必须在矫治之后才宜游泳。4.耳廓外伤、冻疮时要严格防止感染。特别是绿脓杆菌感染，因为此细菌可引起耳廓软骨膜
    • 2021-04-29 我命由我不由天CYZ
      2021.4.28今日感悟：人要有经历才会逐渐找到真正的自己，所以阅历真的是最好的财富，它教会你成长，教会你找到适合自己的路。
    • 2021-04-29 wjshzht
      舒服这个词是大家都比较舒服的，他是身体、思想感受到的一种快乐的感觉之一。舒服很大程度是人追求的一种结果，也是从们追求的一种向往，他也是幸福的一种代名词。脚舒服不舒服只有鞋知道，衣服穿着舒服不舒服身体知道，和人在一起舒服不舒服心知道，活着舒服不舒服灵魂知道。舒服是都想体验的一种感觉，也是想永恒的一种感觉。舒服有千百种。吃了对自己味口的食物，舒服；穿了自己喜欢的衣服，舒服；见了自己喜爱的人，舒服；听了
    • 2021-04-29 偷闲躲静
      尽管有时身处劣势，但灵魂仍可以向着高处奔去，活出属于自己的尊严和优雅。有人给我说，那谁谁就差没有提着名字骂我了。猛的听到这个消息，说实话我有点儿上头，因为我搞不懂为什么。所以心里有点儿气急，还有难以名状的愤怒。性格使然，我不去把问题太过复杂化的考虑，觉得不管怎样，只要秉着一颗善良的心做事为人便可以心安。谁成想，这幺蛾子是一个挨一个的往外冒，真的让人应接不暇了。在双唇与声音之间的某些事物逝去，痛苦与
    • 2021-04-29 Whisperi
      今天听了顾城的故事在诗的国度里，顾城是纯洁的孩子，被称为以一颗童心看世界的“童话诗人”。在现实生活里，他同样是一个孩子，一个任性的孩子。顾城与谢烨相爱并结婚，不仅十分依赖谢烨还有偏执性人格喝暴力倾向。顾城什么都不会做，只有谢烨操持大小事物，而顾城也对谢烨不好。可谢烨的痛苦不止于此。早在1986年，在一个诗会上，22岁的北大女生英儿，第一次见到了顾城和谢烨，并和谢烨成了闺蜜。1987年，顾城和谢烨去
    • 2021-04-29 - 草稿 f069524bbbaa
      在驴子面前挂了一个红萝卜！让萝卜趋势驴子拉磨！不信不改不知！什么是你面前的红萝卜！工资，名声，脸面！身份！老鼠赛道！为了钱继续工作！贪婪！放大了你的赛道！直面面对恐惧！1看到绝境就是忍！穷2.抗争，要求升职加薪，中产3.要不千刀万剐，要不就是死路一条！想办法！变化之道！富人接纳变化！很多事情都是在与无知与觉醒中斗争！思辨的方法！真正的富人不为胡萝卜工作！作为一只驴子可以挣脱束缚去游走山川！不为钱工
    • 2021-04-29 康康love
      落地真经严格就是爱，放纵既是害目标确认目标:油卡目标：11完成✅9张产值目标153000,台次目标100台。日精进要想赢，就一定不能怕输。不怕输，结果未必能赢。但是怕输，结果则一定是输。
    • 100-1等于0，0+0.1等于100,搞懂这个公式，就搞懂了人性。 盲观
      100-1等于0，0+0.1等于100,搞懂这个公式，就搞懂了人性。2021-04-29多劳多得的骗局……记得以前我们常说，多劳多得，有能力可以多干，给的也多；但是现在社会却变了味道，变成了，你能干所以你要干，并不会多给你什么。我听过最奇葩的是“交给你我放心，交给她不行！”这句话听说去蛮好的，但是如果是工资待遇都一样，晋升也没有什么大的发展的时候，你再想想这是什么感受。这个时候或许也会有人说，看你
    • 2021-04-29——早起视频打卡 进击的卤蛋1989
      大家早上好，我是卤蛋。这是我坚持早晨4点起床视频打卡的第二天，目前是4月29日，4点05分。外面依旧是天还没亮，清脆的鸟叫，清新的空气。今早差点就起不来床，4点整的闹钟又昏睡过去，得亏惦记着视频打卡，4点02分的加强闹钟成功爬起来。看来，这种强行把自己架在火炉上烤的方式，还是有效果的。先来简单复盘下昨天的工作完成情况。值得表扬的地方是：完成了17个番茄工作法，坚持下来了1.2万步的走路步数，坚持了
    • 2021-04-29老公出差的日子 感性的我
      老公是昨天中午开始出发的，到今天一天半了吧感觉还行，挺好的。本来感觉挺开心的。老公没在家的日子，我晚上的碗筷都留到了明天上午洗。我的房间也不整理。桌子也不收拾。感觉挺乱的。但是我觉得一两天邋遢下，没事的。我的独特性--不爱收拾，喜欢拖延。邋里邋遢。我任性几天没事的。要是老公在的日子。吃完晚餐，我就要立刻收拾厨房，或者我不收拾他收拾。因为老公看不得厨房脏乱。感觉他好像很喜欢干净，整洁。每次他不收拾，
    • 2021-04-29高效阅读第六天开通公众号及《非暴力沟通》 美刻馆主
      高效阅读第六天开通公众号及《非暴力沟通》#宇宙公民#高效阅读#美刻馆主感谢依依分享如何开通公众号，跟着她的步骤在今天开通了自己的公众号，等待审批。今天继续用高效阅读9步法进行阅读——《非暴力沟通》。时间还是两个小时。思维导图画的稍微流畅一些了，但是固有读书思维还是管性强，改变慢，继续努力。读《非暴力沟通》我想解决的是在一周之内改善与别人的沟通方式，不急不恼地进行沟通，把己的表达让人可以接受，不产生
    • 2021-04-29 静静小站
      温州维力弹簧五金有限公司【日精进打卡第529天】【知～学习】《六项精进》1遍共114遍《大学》1遍共114遍《京瓷哲学》《空巴》《活法》《干法》成為自燃型的人【经典语句】【稻盛•金句】我们应该努力保持一颗纯洁的心，才能按照事物本来的面目来观察和认识事物。被利己欲望弄得混浊的心目里，再简单的问题看起来也非常的复杂。——稻盛和夫二、齐家：（对家庭和家人）1.关注孩子们的饮食，做到，2.关注小女的学习和
    • 2021-04-29 草根_e1ed
      学者哲学西方贤，等价宗教儒学安。指导生活接地气，孝子良民是吾愿。黎民之子骍且角，山川欲用血统抛。由赐冉求果达艺，日积月累莫放弃。
    • 2021-04-29【003】 傅大呓
      昨天晚上特别不想坚持跑步，脑海中一直在纠结，换好衣服在那儿磨磨蹭蹭了好久，最终这次交锋战胜了自己。今天上班的时候把工作梳理了下，内部WIKI上分门别类，按照自己的思路，每一天每一步坚持去做，并及时做好记录，关注每一步产生的效果；
    • 2021-04-29 禅拍
      无论成与败一笑了此生不品人间酒，不知其中醉，不陷世间情，不知其中累：不尝人世苦，不知其中味。不入人世间，怎知万般难。平凡世界里，日月无平静。病老死常有，爱恨怨共存。生而在红尘，谁不受煎熬。死鱼随波流，活鱼逆流跃。败者逐水泊，胜了可为龙。胜败愿一博，否靠神或帝。无论胜与败，一笑了此生。
    • 2021-04-29 抽象类与接口 琼琼i
      #抽象类：父类中的至少有一个抽象的方法1**抽象方法**需要有abstract关键字修饰，关键字可以在public关键字的后面，也可以在public的前面2**抽象类**也需要有abstract关键字修饰，关键字可以在public关键字的后面，也可以在public的前面3一个**抽象类**中至少有一个**抽象的方法**4**抽象方法**只需要**声明方法**，不能有方法体父类抽象类：```java
    • 2021-04-29 淡墨非痕
      复盘0428出门时候漏了一个特别种要的东西，那就是笔记本。等我走到办公地点时候打开背包才发现原来自己的笔记本没有拿，只拿了电脑和笔，感觉一下子就补对劲了。因为我的工作习惯是每天先写下当天的工作任务，这样自己上午的时间安排就比较有顺序，也可以知道自己有那些事情是没有做好的，一项项完成画勾，这样可以提高完成效率。那没有本子就只能靠着脑子里面记得的事件去做了，但是明显就发现这样的效率很差，事情都是来一件
    • 2021-04-29 偶然路过11
      随笔1“老师……”“嗯，怎么了呀？”“嗯，嗯……”小朋友欲言又止，小眼神避开了老师询问的目光，开始寻思着怎么回答我。我笑着试探问，“是期待今天早一点回家呢还是希望不给你多加作业呢？”“不是，不是啦……”当她目光扫到我桌子上彩色铅笔简笔画书，她小心翼翼地试探着问道：“我是想问今天作业写完，可以画画吗？”“可以啊，你昨天画了朵小花的纸，我还帮你留着呢。”拿起书，晃了晃，还有夹在里面的A4纸，小姑娘冲我
    • 2021-04-29 Emilia_8fb2
      家里每年秋天都收粮食，收到家里的粮食在收的过程当中都会有些不得不因为运输等问题浪费掉。所以以前一直没有节约粮食的意识。但是不知从什么时候开始，大米饭只要没放坏剩了了几粒也记得吃掉。掉在地上的如果没脏到洗了也不行的地步就接着吃。可能是自己挣钱才知得来不易。努力坚持吧。
    • 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其他