小寶
小寶

基於prototype和scriptaculous的輪播器v1.0.0

html代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prototype 测试</title>
<link rel="stylesheet" type="text/css" href="Styles/base/reset.css"/>
<link rel="stylesheet" type="text/css" href="Styles/base/base.css"/>

<script type="text/javascript" src="Scripts/prototype1.6.1.js"></script>
<script type="text/javascript" src="Scripts/effectPlus/scriptaculous.js"></script>

</head>
<body>
<div id="scroller">
    	<ul>
        	<li style="background:#9C6;" class="item"><a href="javascript:void(0);">1</a></li>
            <li style="background:#675;" class="item"><a href="javascript:void(0);">2</a></li>
            <li style="background:#7c3;" class="item"><a href="javascript:void(0);">3</a></li>
            <li style="background:#89f;" class="item"><a href="javascript:void(0);">4</a></li>
            <li style="background:#69e;" class="item"><a href="javascript:void(0);">5</a></li>
        </ul>
        <a href="#" id="scroller-last"><</a>
        <a href="#" id="scroller-next">></a>
    </div>
    <div id="pointer"></div>
</body>
</html>

css code:

#scroller{display:block;width:500px; height:300px; background:#6CC; border:1px #ccc solid; overflow:hidden; position:relative;}
	#scroller ul{float:none; text-align:left; position:absolute; left:0px; top:0px;}
	#scroller .item{display:block;width:500px; height:300px; float:left;  overflow:hidden;}
		
	#scroller .item a{font-size:36px; color:red;}
	#scroller-last{ font-size:24px; color:#000; position:absolute; left:0px; top:50%; cursor:pointer;}
	#scroller-next{font-size:24px; color:#000; position:absolute; right:0px; top:50%; cursor:pointer;}
		
	#pointer{text-align:center;width:500px;}
	#pointer label{padding:5px; font-size:16px; color:#000; cursor:pointer;}
	#pointer .pointer-cur{color:#F03; cursor:default;}



js代碼：

//scroller类
var Scroller=Class.create({
	initialize:function(object){
		var id=$(object.scrollerId);//滚动块id选择器元素
		var lastBt=$(object.lastBt);//上一个按钮id
		var nextBt=$(object.nextBt);//下一个按钮id
		var pointerId=$(object.pointer);//指示点块id
		var cur=object.pointerCur;//当前选中指示点的类
		var pointerEvent=object.pointerEvent==undefined?'mouseover':object.pointerEvent;//指示点触发事件，默认为滑过
		var autoPlay=object.autoPlay==undefined?true:object.autoPlay;//是否自动，默认自动
		var interval=object.interval==undefined?3:object.interval;//滚动间隔时间，默认3秒
		var speed=object.speed==undefined?0.7:object.speed;//滚动速度，默认0.7秒
		var pe;//自动标志对象
		var pointerArray;//指示点对象数组
		//滚动个数
		this.nums=id.down('ul').childElements().size();
		//高宽
		var w=id.down('ul').childElements()[0].getWidth();
		var h=id.down('ul').childElements()[0].getHeight();
		//设置ul的高宽
		id.down('ul').setStyle({width:w*this.nums+'px',height:h+'px'});
		//设置指示点
		if(pointerId!=undefined){
			for(var i=1; i<=this.nums; i++){
				pointerId.insert(new Element('label'));	
			}
			//如果没有设置背景图片则添加数字
			if(pointerId.down('label').getStyle('backgroundImage')=='none'){
				for(var i=0; i<this.nums; i++){
					pointerId.down(i).update(i+1);	
				}
			}
			//为第一个label添加类cur
			pointerId.down('label').addClassName(cur);
			pointerArray=pointerId.childElements();//指示点对象数组
		}
		
		var lenght=this.nums;
		var curNum=1;//当前号
		
		//绑定左右按钮事件
		if(nextBt!=undefined&&lastBt!=undefined){
			nextBt.observe('click',function(event){
				if(pe!=undefined) pe.stop();
				if(curNum<lenght){
					pointerId.down(curNum-1).removeClassName(cur);
					pointerId.down(curNum).addClassName(cur);
					id.down('ul').morph('left:-'+w*curNum+'px',{duration:speed});
					++curNum;
					if(curNum==lenght){
						this.hide();
					}
					lastBt.show()
				}
				if(pe!=undefined) pe.resume();
				//alert(pe);
			});
			lastBt.observe('click',function(event){
				if(pe!=undefined) pe.stop();
				if(curNum>1){
					--curNum;
					pointerId.down(curNum).removeClassName(cur);
					pointerId.down(curNum-1).addClassName(cur);
					id.down('ul').morph('left:-'+w*(curNum-1)+'px',{duration:speed});
					if(curNum==1){
						this.hide();	
					}
					nextBt.show();
				}
				if(pe!=undefined) pe.resume();
			});
		}
		
		//解决ie不兼容indexOf
		if(!Array.indexOf){
			Array.prototype.indexOf = function(obj){
				for(var i=0; i<this.length; i++){
					if(this[i]==obj){
						return i;
					}
				}
				return -1;
			} 
		} 
		//指示点事件
		if(pointerId!=undefined){
			pointerArray.each(function(obj){
				obj.observe(pointerEvent,function(event){
					if(pe!=undefined) pe.stop();//停止自动滚
					if(nextBt!=undefined&&lastBt!=undefined){
						if(curNum==1) lastBt.show();
						if(curNum==pointerArray.length) nextBt.show();
					}
					for(var j=0; j<pointerArray.length; j++){
						if(pointerArray[j].hasClassName(cur)){
							pointerArray[j].removeClassName(cur);
							pointerArray[pointerArray.indexOf(obj)].addClassName(cur);
							break;
						}
					}
					id.down('ul').morph('left:-'+w*pointerArray.indexOf(obj)+'px',{duration:speed});
					curNum=pointerArray.indexOf(obj)+1;
					if(nextBt!=undefined&&lastBt!=undefined){
						if(curNum==1) lastBt.hide();
						if(curNum==pointerArray.length) nextBt.hide();
					}
					if(pe!=undefined) pe.resume();//回复自动滚
				});
			});
		}
		//自动滚动事件
		PeriodicalExecuter.prototype.resume = function(){
			if(!this.timer)
				this.registerCallback();
		}; 
		if(autoPlay){
				pe = new PeriodicalExecuter(function(){
				if(nextBt!=undefined&&lastBt!=undefined){
					lastBt.show();
					nextBt.show();
				}
				if(pointerId!=undefined) pointerId.down(curNum-1).removeClassName(cur);
				++curNum;
				if(curNum>lenght) curNum=1;
				id.down('ul').morph('left:-'+w*(curNum-1)+'px',{duration:speed});
				if(pointerId!=undefined) pointerId.down(curNum-1).addClassName(cur);
			}, interval);
		}
		// 如果要停止
		//pe.stop();
		// 停止后再重新启动
		//pe.resume();
	}
});

//实例化一个scroller
var scroller1=new Scroller({
	scrollerId:'scroller',
	lastBt:'scroller-last',
	nextBt:'scroller-next',
	pointer:'pointer',
	pointerCur:'pointer-cur',
	pointerEvent:'click',
	autoPlay:true,
	interval:3.5,
	speed:0.7
});


你可能感兴趣的:(prototype,img,輪播)

  • 7月29日星期二今日早报简报微语报早读 微语早读 生活
    7月29日星期二，农历闰六月初五，早报#微语早读。1、国家育儿补贴方案公布！3周岁前每娃每年3600元；2、火狐浏览器官宣关闭北京公司，将终止中国账户服务；3、税务总局：2021年以来查处网络主播偷逃税案件360余起，查补税款30多亿元；4、江苏省体育局：职业俱乐部获男足中超冠军奖补3000万元；5、深圳出现首宗基孔肯雅热病例；6、税务总局：从今年个税汇算看，超1亿纳税人依法申请退税1300多亿，
  • 2021-10-26 躺平日记：18.《陀枪师姐》 春迟馆
    写了一天字，明天《道德经》就可以临完了。阳台的玻璃也擦完了，明天再收拾收拾花盆什么的，阳台就基本告一段落。不管干活还是写字，总是用老剧做背景声音。因为看过，所以有一眼没一眼都无所谓，主要作用一是可以计时，一是提醒自己每集播完都起身活动活动。这几天放的是《陀枪师姐》。看朱素娥一步步从一个生活、事业陷入困境的绝望主妇，通过努力，不断提升自己，成长为优秀的配枪女警，真是很励志。
  • moviepy用法大全
    1.引用frommoviepy.editorimport*2.载入2.1载入视频video=VideoFileClip(filePath)2.2载入音频audio=AudioFileClip(filePath)2.3载入图片img=(ImageClip(videopath+videofengpi)#水印持续时间.set_duration(start_video_clip_begin.duratio
  • datax数据抽取csv到mysql
    datax数据抽取执行pythondatax.py-rstreamreader-wstreamwriter命令得到job的json模板![在这里插入图片描述](https://img-blog.csdnimg.cn/893860a55d5f40778a5010c76bc8c81f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shado
  • 利用Gpu训练 兮℡檬， 深度学习人工智能
    方法一：分别对网络模型，数据（输入，标注），损失函数调用.cuda()网络模型：iftorch.cuda.is_available():net=net.cuda()数据（训练和测试）：iftorch.cuda.is_available():imgs=imgs.cuda()targets=targets.cuda()损失函数：iftorch.cuda.is_available():loss_fn=l
  • 文化部关停12家网络表演平台 newzr
    互联刚那点事6-2916:17来自微博weibo.com【文化部关停12家网络表演平台】网络里只能用昵称6-2916:18早该査处了！都去当网络主播了！小姐谁来做？谁还干实体经济？征夷大将军鐘6-2916:18政府在行动，拯救实体经济刻不容缓！
  • 直播怎么赚钱,直播带货赚钱新人教程 氧惠全网优惠
    直播带货怎么赚钱?新手如何从0开始做直播带货?在，有一种主播叫做经验分享类主播，又名干货类主播。据说不用唱歌，不用跳舞，无需才艺展示，只需要在直播间内聊聊天即可赚钱。还有很多小伙伴们很好奇不知道他们到底是以什么为主要赚钱来源。今天就来简单探讨一下这类主播主要是以什么为收入来源。其实经验分享类主播赚钱渠道大概分为两种。一种是直播间聊天赚钱，其主要聊天方向话题为分享自己是如何在上面做直播及教别人如何去
  • 开一个团播公司要多少钱，一起来看看 糖葫芦不甜
    随着网络技术的飞速发展和人们娱乐方式的多样化，团播（团队直播）作为一种新兴的媒体形式，正逐渐受到市场的青睐。免费加入，一对一指导扶持↓开设团播公司首先需要完成公司的注册登记。注册费用主要包括工商注册费、印章费、代理费等。具体费用因地区和公司类型而有所不同，但通常在数千元左右。如果选择公司注册代办机构提供服务，可能会包括注册公司服务和后续的代理记账服务，部分代理记账公司会赠送注册公司服务，从而节省一
  • 情感主播培训一般多少钱，一起来看看 糖葫芦不甜
    想要成为一名合格的情感主播，并非易事，需要经过专业的培训和学习。那么，情感主播培训一般多少钱呢？本文将带您一探究竟。5星公会，免费加入，一对一指导扶持↓微信在文章底部。情感主播培训的费用因多种因素而异，包括培训机构的知名度、师资力量、课程内容以及培训方式等。一般来说，情感主播培训的费用在几千元到数万元不等。基础培训课程：对于初学者而言，基础的情感主播培训课程是必不可少的。这类课程通常涵盖情感沟通技
  • python和vue结合开发前端,请手动配置Vue开发环境 小六oO 智能写作vue.js前端javascript
    vue怎么全局定义一个变量代替路径。原理：设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用exportdefault暴露出去，在里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时，引入该模块便可。全局变量模块文件：文件：constserverSrc='';consttoken='12345678';consthasEnter=false;constus
  • 《揭秘AI应用架构师在智能虚拟人设计系统中的创新思维》 SuperAGI架构师的AI实验室 人工智能ai
    揭秘AI应用架构师在智能虚拟人设计系统中的创新思维关键词：AI应用架构师、智能虚拟人、系统设计、创新思维、自然语言处理、计算机视觉、实时交互摘要：智能虚拟人已从科幻走进现实，无论是直播间的虚拟主播、手机里的智能助手，还是元宇宙中的数字分身，它们背后都离不开AI应用架构师的“隐形设计”。本文将以“总设计师视角”，用生活化的比喻和实例，拆解AI应用架构师在智能虚拟人系统设计中的创新思维——从“让虚拟人
  • 《王牌部队》大结局，顾一野为责任与大义，娶了班长遗孀秀秀 七剑客下海
    《王牌部队》终于在一片争议声中落下了帷幕，这部电视剧开播二十二天，从最开始大家吐槽军旅电视剧的感情故事太多，到后面为高粱立人设，各种“奇葩剧情”都成为大家吐槽的焦点。现在这部电视剧迎来大结局，作为肖战在227期间拍摄的一部剧，在播剧期间一直都努力营业。TV36搜索《王牌部队》由黄景瑜、肖战、钟楚曦领衔主演，李幼斌、傅程鹏、何政军主演的热血军旅剧《王牌部队》正在热播，这部剧从开播以来就是观众关注的焦
  • 聚信传媒招主播可信吗，说说我的经历 糖葫芦不甜
    在当今这个数字化飞速发展的时代，直播行业如日中天，吸引了无数年轻人投身其中，希望通过这一平台展现自我，实现梦想。免费加入，一对一指导扶持↓然而，随着行业的繁荣，各类直播经纪公司也应运而生，其中不乏一些打着“高薪招募”、“快速成名”旗号的机构，让许多追梦者既心动又疑虑。今天，我想根据自己的亲身经历，来谈谈聚信传媒招主播的可信度，希望能为同样怀揣梦想的你提供一些参考。几个月前，我作为一名对直播充满热情
  • 第一次线上课 江畔桃圓
    时隔两年，今天再一次开启了上网课当主播的节奏。只不过这一次的网课相比较2020年春显得更加的从容。昨天学校各部门在课程处的组织下，进行了网课前的相关调试与准备，今天刚轮到自己再次去上网课的时候，坐在电脑屏幕前，竟然有一些小小的担忧，主要是每天只有30分钟的上课时间，如何才能更好的将所需要给孩子们，让孩子们愿意且主动的参与课堂学习中，是每一个老师心中最担忧的事情！隔着屏幕弱管控的情况下，如何保证孩子
  • Linux vimgrep 详解 我是唐青枫 Linuxlinux运维
    简介:vimgrep是Vim提供的「直接在指定文件集里用正则查找」的命令与外部grep不同，vimgrep在查到结果后会将匹配行写入快速修复列表（quickfixlist），并可通过:copen、:cnext、:cfirst等命令逐条跳转支持Vim的正则引擎，允许灵活使用Vim正则、分组、魔法模式等基本语法:vimgrep[!]/{pattern}/[g][j]{file_pattern}[...
  • 主播没才艺走什么路线，谈谈我的看法 糖葫芦很甜
    在当今这个内容为王、创意无限的直播时代，主播们面临着前所未有的竞争压力。面对“主播没才艺”这一挑战，选择一条适合自己的发展路线显得尤为重要。免费加入，一对一指导扶持↓以下是我对此的一些看法和建议，希望能为那些正在探索或困惑中的主播们提供一些启发。才艺并非直播的唯一出路，内容的质量和独特性才是吸引观众的核心。主播可以基于自己的兴趣爱好、生活经历或专业知识，创造出有深度、有温度的内容。比如，分享日常V
  • 公司招的娱乐直播好做吗，讲讲我的体验 糖葫芦不甜
    在当今这个数字化飞速发展的时代，娱乐直播作为一股新兴的力量，正逐渐渗透到人们生活的每一个角落。它不仅为观众带来了全新的娱乐体验，也为众多有志之士提供了展示自我、实现梦想的舞台。免费加入，一对一指导扶持↓那么，对于公司招聘的娱乐主播而言，这份工作究竟好不好做呢？作为一名曾亲身涉足此领域的从业者，我想通过我的个人体验，为大家揭开娱乐直播行业的神秘面纱。刚踏入娱乐直播行业时，我怀揣着对舞台的无限憧憬和对
  • 成年人的崩溃可能就在一瞬间 大头的口袋
    最近几天总能刷到《我在他乡挺好的》这部剧的视频，早上起来一边煮牛奶一边打开iPad搜这部剧，想看一看这部剧有多大的能量。芒果TV独播，非会员只能看两集。金靖首先亮相，可没想到平常乐观爱笑的喜剧演员金靖在这部剧里却上演了最大的悲剧——胡晶晶。微笑面对工作和生活的胡晶晶，却在开开心心地向领导汇报工作的时候被告知辞退，原因竟是晶晶虽然完成了分内工作却不额外加班？经理还无耻地威胁晶晶要主动辞职。这天是晶晶
  • 【亲测免费】 探索高效的标注新纪元：AutoLabelImg 多功能自动标注工具 翁童品
    探索高效的标注新纪元：AutoLabelImg多功能自动标注工具【下载地址】AutoLabelImg多功能自动标注工具AutoLabelImg是一款基于labelImg的多功能自动标注工具。它不仅保留了labelImg原有的标注功能，还新增了多种强大的标注工具，极大地提升了标注效率和准确性。该工具适用于图像和视频数据的标注任务，特别适合需要处理大量数据的研究人员和开发者使用项目地址:https:/
  • 标签助手：基于LabelImg和YOLOv5的图像半自动标注工具 伏容一Julia
    标签助手：基于LabelImg和YOLOv5的图像半自动标注工具项目基础介绍标签助手（labelGo-Yolov5AutoLabelImg）是一个图形化的半自动图像注解工具，它结合了广受欢迎的图像标注工具LabelImg的力量与先进的目标检测框架YOLOv5。这个开源项目旨在简化数据集的标注过程，利用现有YOLOv5PyTorch模型实现快速的半自动化标注，极大地提高了标注效率。项目主要采用Pyt
  • 探索未来标注新纪元：AutoLabelImg 多功能自动标注工具 徐耘馨
    探索未来标注新纪元：AutoLabelImg多功能自动标注工具在计算机视觉领域，高质量的数据标注是模型训练的关键一步，而AutoLabelImg正是这样一个旨在提升效率的开源标注工具。它不仅继承了著名的labelImg的基础特性，还创新性地加入了多种高级功能，为开发者和研究人员提供了一个全新的标注体验。项目简介AutoLabelImg是一款强大的图像和视频标注工具，集成了自动化标注、追踪标注、放大
  • 观《土拨鼠之日》感 解酒的柠檬
    男主角菲尔要被派往普苏塔尼参加土拨鼠节的报导但是他并不喜欢这个节日与他随行的还有丽塔和赖瑞开头便被丽塔征服对个人的绝对尊重和理解这也让菲尔感到意外，顿生好感免去不必要的解释在这他并不喜欢的一天他在稍微的不满中度过就在菲尔坐车想要离开普苏塔尼的时候下起了大雪，所有道路都被封锁无奈之后只能返回第二天六点的闹钟响起播着同样的新闻窗外出现同样的场景出门遇见同样的人楼下服务人员问着同样的问题他有点不可置信又
  • 乐买买最新返佣返利裂变模式玩法分销项目首码 氧惠全网优惠
    为什么要做乐买买1、通过乐买买无需直播也能带货（即将上线）我们都知道短视频和直播会产生收益，但是短视频的佣金主要是直播带货产生，并非人人都能成为主播。那么在乐买买你可以分享抖音商品赚钱。不用会直播会拍短视频，重点就是没有门槛！人人都可以做这个事！比如说最近很火的小杨哥，已经上过央视直播了，还有其他明星直播间的商品，我们通过乐买买下单也有佣金。至于我为何转到氧惠呢？当然是氧惠APP佣金更高，模式更好
  • HTML(源码+lw+部署文档+讲解等) 青蛙java #Java精选毕设#微信小程序毕设htmlvue.jsjavaspringbootuni-app
    文章目录前言HTML概念结构Body中的重要标签hr:横线标签br：换行符hn:标题标签divp:段落标签a:超链接标签img:图片标签input:输入框:表单元素select:下拉选:表单元素textarea:多文本:表单元素table:表格ol,ul有序和无序列表form表单源码获取前言博主介绍：✌全网粉丝15W+,CSDN特邀作者、211毕业、高级全栈开发程序员、大厂多年工作经验、码云/掘金
  • CSS动画实例 隆海博客 web前端#CSScsscss3
    CSS动画实例一、进度条二、涨水三、纯CSS实现轮番播图一、进度条html代码css代码.d1{width:400px;height:20px;background-color:gray;}.bar{width:10%;height:20px;background-color:blue;animation-name:jindu;animation-duration:3s;}@keyframesji
  • CSS：filter（滤镜）属性 赛博末影猫 CSScsscss3前端filter属性
    用途可以用于img标签，div标签等图像，背景，边框的调整常用属性1.灰度grayscale()，默认是0，100%就是黑白2.blux给图像设置高斯模糊的程度，radius值设定高斯模糊的程序，表示像素点合并到一起的程度不能使用百分比作为参数3.brightness调整图片的亮度，参数是百分比0表示全黑，默认是100%4.contract对比度表示明暗的差距，值越小明暗的差距越大；值越大，亮的部
  • html+css实战64-综合案例3-图片完成 前端大歌谣 htmlcss前端
    Documentbody{background-color:#f5f5f5;}.goods{width:234px;height:300px;background-color:#fff;/*样式居中*/margin:0auto;text-align:center;}img{width:160px;}运行结果
  • 聊天主播聊什么话题吸引人，讲讲我的经验 糖葫芦很甜
    为一位有着丰富经验的聊天主播，我深知选择合适的话题对于吸引并保持观众兴趣至关重要。以下是我根据个人经验总结的几个能够吸引人的聊天话题方向及策略：5星公会，免费加入，一对一指导扶持↓微信在文章底部。内容要点：人们天生对别人的生活充满好奇。分享自己的日常趣事、旅行经历、美食探索或是小确幸时刻，能让观众感受到亲切与共鸣。通过生动的讲述和有趣的细节，拉近与观众的距离，营造轻松愉快的聊天氛围。内容要点：情感
  • 利用 Cloudflare Pages 部署免费 Telegraph 图床
    TelegraphImage是一个可以作为Flickr和imgur替代品的免费图片托管服务。本教程将指导您如何通过CloudflarePages免费部署和使用TelegraphImage。项目地址https://github.com/cf-pages/Telegraph-Image部署步骤准备工作首先，确保您拥有一个Cloudflare账户，并已将自己的域名绑定至该账户。Fork仓库将仓库Fork
  • 说点有趣的事 沸话朵朵
    晚上8点多回家，买了点螺丝和鸡爪子，就着啤酒，吃了起来，5点多吃的两个包子，早就不知道消化到哪去了。昨天想的好好的，晚上不吃饭的，可惜，美食当前，那些都是浮云。突然想起来，昨天王先生看的一个吃播视频，这个人不得了，吃的都是些顶级海鲜，帮大家避开顶级海鲜与普通海鲜之间的雷区。所以让王先生把手机打开，让我边吃边看这个吃播的视频，增进食趣。我最大的爱好呢，就是围观别人吃东西，朋友圈里的，微博里的，之前看
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他