lucksoul
lucksoul

Html+Css+Js实现放大镜功能（完整代码+详解）

一，问题描诉

通过将鼠标指向指定的图片，将鼠标移动到图片时，显示一个透明的小区域，然后将小区域的部分放大，查看细节。放大过程中必须满足几个条件：

1.鼠标移动时，透明的小区域也跟着移动，并且透明的小区域必须在指定的图片内，不得出该图片的范围。
2.放大的区域要按照一定的比例展示出来

二，难点分析

2.1难点列出

1.鼠标在图片区域时，透明小区域出现，放大的区域出现
2.鼠标移出图片时，透明小区域小时，放大区域消失
3.透明小区域随着鼠标移动

2.2 难点解决关键（对应解决回答）

1.通过鼠标onmourseover监听鼠标的略过图片，改变透明小区域和放大区域的display，置为block
2.通过鼠标onmourseover监听鼠标的略过图片，改变透明小区域和放大区域的display，置为none
3.通过event对象获取鼠标的当前坐标位置，即方法event.layerX,event.layer.Y,然后通过放入鼠标事件onmoursemove监听，不停的将透明小区域的top和left置为event.layerX,event.layer.Y的值

三，详细代码

3.1 代码结构

Html+Css+Js实现放大镜功能（完整代码+详解）_第1张图片

3.2 具体代码

html代码


<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
	head>
	<link rel="stylesheet" type="text/css" href="../css/Magnifier.css"/>
	<script src="../js/Magnifier.js" type="text/javascript" charset="utf-8">script>
	<body>
		<div id="all">
			<div id="small">
				<img src="../images/small.jpg"/>
				<div id="shadow">div>
				<div id="cover">div>	
			div>
			<div id="big">
				<img src="../images/big.jpg"/>
			div>
			
		div>
	body>
html>

Css代码

*{
	padding: 0px;
	margin: 0px;
}
#all{
	margin: 0 auto;
	width: 1000px;
	height: 800px;
	border:1px solid blue ;
}
#small{
	width: 310px;
	height: 310px;
	margin-top: 80px;
	margin-left:100px;
	border:1px solid red ;
	position: relative;
	float: left;
}
#small img{
	/*border:1px solid gray ;*/
}
#shadow{
	width: 100px;
	height: 100px;
	background-color: black;
	opacity: .2;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	cursor: move;
}
#cover{
	width: 100%;
	height:100%;
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: move;
}
#big{
	width: 310px;
	height: 310px;
	position: relative;
	overflow: hidden;
	border:1px solid yellow ;
	display: none;
	
}
#big img{
	position: absolute;
	top: 0px;
	left: 0px;
}

Js代码

window.onload=function(){
	small=document.getElementById("small");
	shadow=document.getElementById("shadow");
	shadowWH=shadow.style.width?shadow.style.width:document.defaultView.getComputedStyle(shadow,null).width;
	shadowWH=parseInt(shadowWH);
	smallW=small.style.width?small.style.width:document.defaultView.getComputedStyle(small,null).width;
	smallW=parseInt(smallW);
//	smallML=small.style.marginLeft?small.style.marginLeft:document.defaultView.getComputedStyle(small,null).marginLeft;
//	smallML=parseInt(smallML);
	
	smallMT=small.style.marginTop?small.style.marginTop:document.defaultView.getComputedStyle(small,null).marginTop;
	smallMT=parseInt(smallMT);
	big=document.getElementById("big");
	bigW=big.style.width?big.style.width:document.defaultView.getComputedStyle(big,null).width;
	bigW=parseInt(bigW);
//	console.log(smallW);
//	console.log(shadowWH)
//console.log("smallML="+smallML);
//console.log("smallMT="+smallMT);
//console.log("bigw="+bigW);
	bigImg=big.getElementsByTagName("img")[0];
	move();
}
function move(){
	small.onmouseover=function(){
		shadow.style.display="block";
		big.style.display="block";
		change(event);
	}
	small.onmouseout=function(){
		shadow.style.display="none";
		big.style.display="none";
	}
	small.onmousemove=function(){
		change(event);
	}
}
function change(event){
	var evt=event?event:window.event;
//	var moveL=evt.pageX;
//	var moveT=evt.pageY;
	var moveL=evt.layerX-shadowWH/2;
	var moveT=evt.layerY-shadowWH/2;
	
//	console.log("moveL="+moveL+":  moveT="+moveT);
	
	if(moveL<0){
		moveL=0;
	}
	if(moveL>smallW-shadowWH){
		moveL=smallW-shadowWH;
	}
	
	if(moveT<0){
		moveT=0;
	}
	if(moveT>smallW-shadowWH){
		moveT=smallW-shadowWH;
	}
	
	shadow.style.left=moveL+"px";
	shadow.style.top=moveT+"px";
	/**
	 * 图片放大
	 */
//	big.style.left=smallW+smallML+50+"px";
	big.style.left=50+"px";
	big.style.top=smallMT+"px";
	bigImgW=bigImg.offsetWidth;
//	console.log("bigImgW="+bigImgW);
	var scale=bigImgW/bigW;
	bigImg.style.top=-moveT*scale+"px";
	bigImg.style.left=-moveL*scale+"px";
}

四，效果演示

你可能感兴趣的:(读卷有益,Html,JavaScript,Css,案例详解)

  • 做什么自媒体变现快?做自媒体必懂变现方式详解 好项目高省
    随着互联网的发展，自媒体已经成为了一种非常流行的方式，许多人都在通过自媒体来发布自己的文章、视频、音频等内容。而自媒体发布平台也越来越多，其中有一些平台可以让你通过发布内容来赚钱。那么，自媒体发布平台有哪些可以挣钱呢?难不难呢?下面我们来一一了解。大家好，我是高省APP联合创始人万方导师，高省APP是2021年推出的电商导购平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省
  • 数据库管理-第349期 Oracle DB 23.9新特性一览（20250717） 胖头鱼的鱼缸（尹海文） Oracle数据库oracle
    数据库管理349期2025-07-17数据库管理-第349期OracleDB23.9新特性一览（20250717）1JavaScript过程和函数的编译时语法检查2不再需要JAVASCRIPT上的EXECUTE权限3GROUPBYALL4使用SQL创建并测试UUID5IVF索引在线重组6JSON到二元性迁移器：使用JSONschema进行模式推理7数据库认证的多因素认证8多语言引擎支持数据库驻留连
  • #般若共读#-《高效能人士的七个习惯》Day2 王霞般若
    请思考一下你找寻到自己的人生使命吗？你开始担任起自己的人生导演吗？你的剧本如何去设计？1.看完了所有人的文章，大家都从没有人生使命，到现在已经找寻到自己的人生使命。2.以终为始，就是在找寻到你的人生使命后，你需要主动去设计一条通往最终目标的道路，很多时候我们如果只是追求高效率，虽然也是每天忙忙碌碌，但是方向如果错了，那是很可惜的，所以停下来，先想好再出发。3.我们需要成为自己的人生导演，需要设计好
  • EXPLAIN：你的SQL性能优化透视镜 哪里不会点哪里. MySQLsql性能优化oracle
    目录一、EXPLAIN是什么？二、如何使用EXPLAIN？三、EXPLAIN输出解读（核心字段）四、EXPLAIN的实际应用场景五、实战优化案例六、使用EXPLAIN的注意事项与小贴士七、总结一、EXPLAIN是什么？简单来说，EXPLAIN是一条SQL命令（或命令前缀），你将它加在你的SELECT,INSERT,UPDATE,DELETE,REPLACE语句之前。数据库不会真正执行你的操作语句，
  • 不能提出!社科院课堂朱民不靠谱，St-balance风电投资市场取现不到账得知真相悔不当初! 天龙咨询
    在股票投资的世界里，很多人希望通过他人的推荐来获取财富，但这也为不法分子提供了可乘之机。最近，一个名为陈刚荐股骗局的案例引起了广泛关注，它以所谓的【“社科院课堂朱民St-balance风电投资市场”】为幌子，诱骗投资者加入，并承诺提供“内部消息”和“高回报”。然而，这个看似光鲜的承诺背后隐藏着深深的陷阱。若你也不幸被骗遇到此类平台一定不要打草惊蛇，早期不能提现还有希望挽回。免费咨询作者微信电话见【
  • 2021-2-25晚间日记 潘驴邓小闲_
    今天是个蜕变开始日子起床：5:40就寝：10:45天气：晴转多云心情：较愉悦纪念日：无叫我起床的不是闹钟是梦想年度目标及关键点：娶媳妇本月重要成果：加入奕龙公司人际的投入认识新同事，结交新朋友开卷有益-学习/读书喜马拉雅APP听叶武滨老师的时间管理100讲以及家慧库APP有关家庭的学习
  • 反躬自省：用手中的笔让世界变得更美好的文学家——读《品格之路》笔记（2021年11月22日） 敏于事而慎于言
    今天阅读了本书第九章内容，主题为：反躬自省——用手中的笔让世界变得更美好的文学家。这一章的主人公是塞缪尔·约翰逊——英国作家、文学评论家和诗人，最让他得以扬名的是他用九年的时间编著而成的《英语大辞典》。婴儿期就由于感染淋巴结核导致一只眼睛永久失明，另一只眼睛弱视，一只耳朵失聪。后来，天花又使他变得丑陋无比。这就是作者开篇对塞缪尔.约翰逊的描写。用这幅形象来映衬他后期通过艰难成长而取得的了不起的成就
  • MySQL 核心知识点梳理(5) 小刘| mysql数据库
    目录事务MySQL事务的四大特性ACID原子性持久性隔离性事务的隔离级别读未提交读已提交可重复读串行化事务的隔离级别如何实现MVCC版本链READVIEW高可用MySQL数据库的读写分离主从复制主从同步延迟怎么处理分库策略水平分库分表的策略事务MySQL事务的四大特性事务是一条或多条SQL语句组成的执行单元。四个特性分别是原子性、一致性、隔离性和持久性。原子性保证事务中的操作要么全部执行、要么全部
  • javaweb学习开发代码_HTML-CSS-JS
    HTML学习标题(h1~h6)-段落p-换行brDocument当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖当代文学之夜：2024年度长篇五佳作品及文学拉力赛颁奖《当代》作为
  • Vue3 - 实现一个雨水滴落的动画效果 程序员的成长之路 Vue3html5javascriptvue
    在Vue3中实现一个雨水滴落的动画效果，可以使用HTML5的元素和JavaScript来绘制和控制动画。以下是一个实现雨水滴落效果的示例：创建一个Vue3项目首先，确保你已经创建了一个Vue3项目。如果还没有，可以使用VueCLI来创建：vuecreaterain-animationcdrain-animation添加Canvas组件创建一个新的Vue组件来包含我们的元素和动画逻辑。创建一个名为R
  • 刑法案例（十六）简析辱母杀人案 私房小屋
    辱母杀人案的具体案情我并没有认真阅读过。但如果根据本题中的叙述，那么丙并未对甲母进行严重的暴力犯罪，侮辱、猥亵的行为也并非刑法规定的可以进行特殊防卫的对象。因此，甲将丙杀死的行为构成了防卫过当，应当负一定的刑事责任。当然，社会上有很多声音说甲“情有可原”，但如果每一个杀人者都能为自己找到一个道德的制高点，那么法律又能规制谁呢？很多人都说法律不公平，也许是吧。但谁又能说谁绝对公平呢？案情甲家是一家制
  • 刘克庄的《落梅》，通篇不着一个“梅”字，那诗中梅花何在？ 梧桐树边羽
    有朋友问：《落梅》一诗，这是刘克庄咏物寄情的上乘之作，通篇不着一个“梅”字，那诗中梅花何在？一般说法认为“通篇不见梅字，却句句有梅”是对刘克庄《咏梅》的称赞。见解大同小异，无非是在诗歌创作中不写“梅”字，却让人觉得这是写梅花，好像是种非常了不得的文学手法。个人看法有些不同。第一，这首诗的标题就是《落梅》这算哪门子没有提“梅”字？首先就告诉你了我写的是落梅花，然后在写梅花的各个方面时不用“梅”字，读
  • 网络安全-动态风险评估工作原理、详细过程和架构及案例 hao_wujing web安全架构安全
    大家读完觉得有帮助记得关注和点赞！！！动态风险评估（DynamicRiskAssessment,DRA）是一种通过实时数据采集、AI分析和闭环反馈实现风险持续演算的主动防御技术。以下从工作原理、详细过程、架构设计及行业案例展开系统性解析：一、核心工作原理1.多源数据融合与实时感知异构数据采集：整合网络流量、端点行为、环境变量（如设备指纹、地理位置）、业务日志等多维数据，构建动态基线15。环境感知驱
  • 0224第6天打卡：五好家庭，从我做起！ 谭琳_freeisok
    “存好心读好书说好话行好事做好人”【念先生好】：老公，我今天下午开车的时候，感受着自己不断提醒自己慢一点再慢一点，我又再一次感受到你一个隐藏得很深的优点：遇事总是不慌不忙，不轻易被周围的环境所干扰。以前我可真的是对这一点恨得不行，总感觉效率太低，让我这急性子总是恨得牙痒痒的，也总是因为这个吵架。这些年，我才慢慢看明白，每一次有什么事，我总是匆匆忙忙地想要个结果，我的心是不安的，是躁动的，而你却是实
  • 2019-11-10 珊珊正常奋斗中
    深圳市雅诺讯科技有限公司日精进打卡第145天（知学）今日读六项精进1遍共累计78遍，大学通编1遍共累计78遍，志工精神十二条1遍共累计78遍分享《缺乏价值观支撑的勤奋不能持久》真正的勤奋，都是需要价值观支撑的。这种价值观就在于，你是真正认可勤奋工作的意义，还是觉得勤奋是给别人看的。很多人都在演勤奋。这不是说那种没有战略、没有效率的勤奋，而是说很多人在表演，要么是展现给领导同事看，要么单纯是为了发个
  • 【Kafka】深入理解 Kafka MirrorMaker2 - 理论篇
    文章目录MirrorMaker2架构：不止是一个工具，更是一个框架工作原理揭秘1.远程主题（RemoteTopics）2.消费位移同步（OffsetSync）3.工作流图核心配置参数详解总结实战注意事项与最佳实践最近，我们团队启动了一个新项目，需要从零开始搭建一套高可用的Kafka集群。谈到高可用，异地容灾是绕不开的话题。我们选择了Kafka官方推荐的MirrorMaker2(MM2)作为我们的跨
  • MySQL 多表关联执行计划全面解析：从 N-LJ 到子查询优化
    在实际企业开发中，多表关联查询更为常见，也是导致SQL执行效率低下的重要原因之一。今天，我们将系统性地解析MySQL多表关联查询的执行机制，重点包括：多表关联底层执行机制（N-LJ嵌套循环连接）为什么多表查询容易性能差，以及驱动表的选择有多重要多表查询执行计划分析与优化技巧（附实际案例）一、MySQL多表关联的执行机制：N-LJ嵌套循环连接在MySQL中，多表连接最常见的执行策略就是NestedL
  • 一次XSS漏洞引发的用户信息泄露 —— 在线教育平台真实案例剖析与防御实践
    一、引子：一个“学习感言”输入框引发的安全事故在一次大型在线教育平台的开发中，笔者曾亲身经历过一起严重的安全事故。事故的起点很微不足道：一个允许用户提交“学习感言”的输入框。然而，由于缺乏安全意识和输入输出处理的规范，这个字段成为攻击者入侵的跳板，最终导致大量用户信息泄露、信任危机和平台业务受损。这个案例虽然已过去多年，但其中反映的安全盲点依然广泛存在于当前的互联网项目中，特别是在中小团队、快速上
  • MySQL 大数据量分页查询优化实战：从 90秒到 965毫秒的性能飞跃 要阿尔卑斯吗. mysql数据库分布式架构java
    在日常开发中，我们经常需要对数据库中的数据进行分页展示。特别是当表数据量达到几十万甚至上百万级时，传统的LIMIT分页方式会面临严重的性能瓶颈。今天，我将分享一个真实的性能优化案例，通过模拟大页码查询的现场，从90秒缩短到965毫秒，显著提升了查询效率。本篇文章将从问题出现的原因、索引原理、优化思路和最终实战效果等方面，为你全面讲解如何高效处理MySQL大数据分页查询问题。一、问题背景：大页码分页
  • 几大及其冷门却死赚钱副业！ 氧惠_飞智666999
    有哪些行业看似很容易，实则很简单，关键还非常赚钱呢?今天，将自己总结梳理的，一些冷门却赚钱的行业分享给大家，希望能给大家带来一些启发，帮助大家日进斗金、早日实现财务自由，哈哈~案例一，养蟑螂，公司不到10个人，做一年提一辆兰博基尼没想到吧?你们平时害怕的“蟑螂”，在我这里全是宝贝!它的成虫、卵、粪便全是钱，关键是价值不菲。只需要两到三天喂一次，，每次仅需30分钟左右。一个盒子里面的蟑螂卵，可以孵化
  • 马士兵系列——缓存行数据一致性2——缓存行的MESI 公众号【专注CLinuxCloud】 缓存python开发语言
    hello，你好鸭，我是Ethan，西安电子科技大学大三在读，很高兴你能来阅读。✔️目前博客主要更新Java系列、项目案例、计算机必学四件套等。人生之义，在于追求，不在成败，勤通大道。加油呀！个人主页：EthanYankang推荐：史上最强八股文||一分钟看完我的几百篇博客温馨提示：划到文末发现专栏彩蛋点击这里直接传送本篇概览：详细讲解了缓存行的一致性协议之一的MEESI的方方面面。⭕【计算机领域
  • 读《宝葫芦的秘密》有感 b06daf62de2e
    暑期，我读了好几本书，但让我念念不忘的是《宝葫芦的秘密》。主要内容讲的是王葆有一个梦想，就是想要一个宝葫芦。不过让人令想不到的是王葆既然是在钓鱼的时候，钓到了一个宝葫芦，这可真奇怪了。不过有了宝葫芦之后他可幸福了，真的是想要什么就会出来什么，而且宝葫芦最大的一个功能就是它还能知道王葆里想的什么。不过这已经不重要了，最重要的是王葆只要说我想要一个大西瓜、一个香蕉、一包薯片，这些东西就搜的一下出现在哪
  • 甘超波：NLP中EMBA状态管理 甘超波
    哈喽，大家好我是甘超波，一名NLP爱好者，每天一篇文章，分享我的NLP实战经验和案例，希望给你些启发和帮助，这是第23篇原创文章什么是EMBAEMBA：是总裁班吗？在NLP中EMBA指的一种状态管理，我们NLP所有技巧都是在EMBA中展开的，像催眠，潜意识沟通......等都是在基于EMBA。如果把NLP比作一个楼房，EMBA就是楼房的地基如果把NLP比作一个汽车，EMBA就是汽车的发动机。其中E
  • 金窝银窝不如自己的狗窝 阿水兰
    说个很真实的故事吧姑娘A和姑娘B是同学一直同学了六年从小学到初中其实两个都长得差不多很普通不算漂亮也不算丑初中毕业后姑娘A读了职高然后开始恋爱姑娘B.读普通高中也不是重点高中当时姑娘a还私下里觉得姑娘b可怜长那么大还没有人追十八岁之后姑娘a打了份文员工作姑娘B上了大学也不是很好的大学姑娘a打工期间与富二代恋爱了不久还奉子成婚恰好是暑假姑娘b去喝喜酒了富二代家确实有钱房子三套车好几辆姑娘a悄悄问b有
  • 《晨读记》（135）: 还作江南会 大观学园
    ——读戴叔伦《江乡故人偶集客舍》天秋月又满，城阙夜千重江南住着白居易白胡子老头爱看日出看日出点燃两岸江花江南住着余光中的表妹们表妹们生活在多湖的江南两岸的母亲都在喊他2018.4.5原诗:江乡故人偶集客舍唐·戴叔伦天秋月又满，城阙夜千重。还作江南会，翻疑梦里逢。风枝惊暗鹊，露草覆寒蛩。羁旅长堪醉，相留畏晓钟。
  • 2023-03-11读断舍离有感 潘潘_7b19
    最近经常想为什么不想在家待呢？因为一进家门就感觉压抑，看着多的数不清扔又扔不掉的物品心里就烦躁，看不到爱的存在。仔细想想现在物质世界已经很丰富了，为什么家里这么多东西却看不到几件自己心仪的物品呢？原因也许有二，其一：守不住自己的入口，断不了对物的需求欲。看到打折的物品，以后可能会需要，看着也不是那么差劲，买回去等瘦下来穿等等，可是翻看衣柜、食品柜，好多放着不动，或者用过几次就被搁置再也没动过；其二
  • 读《关于在全党大兴调查研究的工作方案》有感 王家遥3
    本周我们晨读阅读了中共中央办公厅印发的《关于在全党大兴调查研究的工作方案》我深有感触，调查研究能力本质上是发现问题、分析问题、解决问题的能力，是体现出干部是否善于思考、主动作为，是否坚持群众路线，善于向群众学习、向实践学习的表现，组工干部要怎样开展调查呢，我认为可以从一下几个方面入手。第一是选题要精准，选择什么问题开展调研。是调研开展的首要问题，调查研究要求要做到“顶天立地”，所谓“顶天”就是要符
  • 2020-12-09 夏夜凉心
    12月9日日有所记周末的英语课今天，我报名了一节一对一的英语课，当我得知了这个消息，我干到一阵胆战心惊的，我倒吸了一口凉气，因为我不喜欢英语，所以我不喜欢英语课，我在路上的时候很怕老师会生气说我“英语太差了。”我怀着忐忑的心情进入了教室，我的心都提到嗓子眼儿了。我们开始上课的时候我发现老师很温柔就算几个单词不会读老师也会耐心得教我，我欣喜诺狂，因为以前辅导班的老师都说我英语是学不好的了。老师还教会
  • 读《欢迎来到一年级》第四章，可以大大方方的向老师提出你想要知道的问题 Aileen马煜凝
    摘录1，可以大方的向老师提出，你想要知道的问题父母也可以持续多问问孩子在学校的大事小事，在期中期末的家长会上，争取创造和老师直接沟通的机会2，一定要在第一时间和老师沟通畅通，就是一对一的直接的，别拐弯抹角的，我觉得如果能做到这一点，就已经非常棒了
  • 某易云音乐获取 我愿与你相伴 python爬取教程python
    importosimportrequestsfromlxmlimportetreeheaders={'User-Agent':'Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/121.0.0.0Safari/537.36','Cookie':'_iuqxldmzr_=32;WEVNSM=1.
  • Java 并发包之线程池和原子计数 lijingyao8206 Java计数ThreadPool并发包java线程池
    对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。     这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
  • java编程思想 抽象类和接口 百合不是茶 java抽象类接口
    接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持   1 ,抽象类 :  如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)   抽象方法 : 在方法中仅有声明而没有方法体    package com.wj.Interface;
  • [房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
           随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...        所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产     &nb
  • 数组队列总结 沐刃青蛟 数组队列
          数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。      以下是数组队列的功能实现代码：   import List.Student; public class
  • Oracle存储过程无法编译的解决方法 IT独行者 oracle存储过程　
    今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。   1.     查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
  • 重装系统之后oracle恢复 文强chu oracle
    前几天正在使用电脑，没有暂停oracle的各种服务。 突然win8.1系统奔溃，无法修复，开机时系统 提示正在搜集错误信息，然后再开机，再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统，没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候， 直接把我的c盘给格式化了 并且清理了注册表，再装系统。 然后的结果就是我的oracl
  • python学习二（ 一些基础语法） 小桔子 pthon基础语法
    紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法 与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. /   除 结果浮点型 //  除 结果整形 %   除 取余数 *   乘 **  乘方 eg 5**2 结果是5的2次方25 _&
  • svn 常用命令 aichenglong SVN版本回退
    1 svn回退版本   1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别:   revert this version:表示回退到当前版本(该版本后的版本全部作废)   revert chanages from this versio
  • 某小公司面试归来 alafqq 面试
    先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
  • 动态数组的存储速度比较 集合框架 百合不是茶 集合框架
    集合框架： 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
  • 用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
    <html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
  • 探索JUnit4扩展：使用Rule bijian1013 java单元测试JUnitRule
            在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule       &n
  • [Gson一]非泛型POJO对象的反序列化 bit1129 POJO
    当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO    
  • 【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
    0.Kafka服务器的配置 一个Broker， 一个Topic Topic中只有一个Partition（）   1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
  • lsyncd实时同步搭建指南——取代rsync+inotify ronin47
    1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
  • java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
    public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
  • MySQL的sum函数返回的类型 bylijinnan javaspringsqlmysqljdbc
    今天项目切换数据库时，出错 访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
  • java设计模式之单例模式 chicony java设计模式
    在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的： 　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构 　　单例模式的特点： 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。 　　饿汉式单例类   publ
  • javascript取当月最后一天 ctrain JavaScript
    <!--javascript取当月最后一天--> <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
  • linux tune2fs命令详解 daizj linuxtune2fs查看系统文件块信息
    一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。 二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
  • 做有中国特色的程序员 dcj3sjt126com 程序员
      从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
  • Android：TextView属性大全 dcj3sjt126com textview
    android:autoLink    设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
  • tomcat虚拟目录安装及其配置 eksliang tomcat配置说明tomca部署web应用tomcat虚拟目录安装
    转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat  目录结构 config：存放tomcat的配置文件 temp  ：存放tomcat跑起来后存放临时文件用的 work   ： 当第一次访问应用中的jsp
  • 浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
    首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
  • C#根据网址生成静态页面 hvt Web.netC#asp.nethovertree
    HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法：   bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
  • SVG 教程 （一） 天梯梦 svg
    SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识： 继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础 如果希望首先学习这些内容，请在本站的首页选择相应的教程。 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
  • 一个简单的java栈 luyulong java数据结构栈
    public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
  • 基础数据结构和算法八：Binary search sunwinner AlgorithmBinary search
    Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
  • 12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 刘星宇 c面试
    12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数 问：请找出下面代码里的问题： #include<stdio.h> int main(void) {     char buff[10];     memset(buff,0,sizeof(buff));
  • ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员 活动ITeye试读
    ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《Java性能优化权威指南》
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他