chenzheng8975
chenzheng8975

js实现图片局部放大

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'enlargeImg.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<style type="text/css">
#magnifier {
	width: 342px;
	height: 420px;
	position: absolute;
	top: 100px;
	left: 250px;
	font-size: 0;
	border: 1px solid #000;
}

#img {
	width: 342px;
	height: 420px;
}

#Browser {
	border: 1px solid #000;
	z-index: 100;
	position: absolute;
	background: #555;
}

#mag {
	border: 1px solid #000;
	overflow: hidden;
	z-index: 100;
}
</style>
		<script type="text/javascript">
	function getEventObject(W3CEvent) { //事件标准化函数
		return W3CEvent || window.event;
	}
	function getPointerPosition(e) { //兼容浏览器的鼠标x,y获得函数
		e = e || getEventObject(e);
		var x = e.pageX
				|| (e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft));
		var y = e.pageY
				|| (e.clientY + (document.documentElement.scrollTop || document.body.scrollTop));

		return {
			'x' : x,
			'y' : y
		};
	}
	function setOpacity(elem, level) { //兼容浏览器设置透明值
		if (elem.filters) {
			elem.style.filter = 'alpha(opacity=' + level * 100 + ')';
		} else {
			elem.style.opacity = level;
		}
	}
	function css(elem, prop) { //css设置函数,可以方便设置css值,并且兼容设置透明值
		for ( var i in prop) {
			if (i == 'opacity') {
				setOpacity(elem, prop[i]);
			} else {
				elem.style[i] = prop[i];
			}
		}
		return elem;
	}
	var magnifier = {
		m : null,

		init : function(magni) {
			var m = this.m = magni || {
				cont : null, //装载原始图像的div
				img : null, //放大的图像
				mag : null, //放大框
				scale : 15
			//比例值,设置的值越大放大越大,但是这里有个问题就是如果不可以整除时,会产生些很小的白边,目前不知道如何解决
					}

			css(m.img, {
				'position' : 'absolute',
				'width' : (m.cont.clientWidth * m.scale) + 'px', //原始图像的宽*比例值 
				'height' : (m.cont.clientHeight * m.scale) + 'px' //原始图像的高*比例值
			})

			css(m.mag, {
				'display' : 'none',
				'width' : m.cont.clientWidth + 'px', //m.cont为原始图像,与原始图像等宽
				'height' : m.cont.clientHeight + 'px',
				'position' : 'absolute',
				'left' : m.cont.offsetLeft + m.cont.offsetWidth + 10 + 'px', //放大框的位置为原始图像的右方远10px
				'top' : m.cont.offsetTop + 'px'
			})

			var borderWid = m.cont.getElementsByTagName('div')[0].offsetWidth
					- m.cont.getElementsByTagName('div')[0].clientWidth; //获取border的宽

			css(m.cont.getElementsByTagName('div')[0], { //m.cont.getElementsByTagName('div')[0]为浏览框
						'display' : 'none', //开始设置为不可见
						'width' : m.cont.clientWidth / m.scale - borderWid
								+ 'px', //原始图片的宽/比例值 - border的宽度
						'height' : m.cont.clientHeight / m.scale - borderWid
								+ 'px', //原始图片的高/比例值 - border的宽度
						'opacity' : 0.5
					//设置透明度
					})

			m.img.src = m.cont.getElementsByTagName('img')[0].src; //让原始图像的src值给予放大图像
			m.cont.style.cursor = 'crosshair';

			m.cont.onmouseover = magnifier.start;

		},

		start : function(e) {

			if (document.all) { //只在IE下执行,主要避免IE6的select无法覆盖
			magnifier.createIframe(magnifier.m.img);
		}

		this.onmousemove = magnifier.move; //this指向m.cont
		this.onmouseout = magnifier.end;
	},

	move : function(e) {
		var pos = getPointerPosition(e); //事件标准化

		this.getElementsByTagName('div')[0].style.display = '';

		css(
				this.getElementsByTagName('div')[0],
				{
					'top' : Math
							.min(
									Math
											.max(
													pos.y
															- this.offsetTop
															- parseInt(this
																	.getElementsByTagName('div')[0].style.height)
															/ 2, 0),
									this.clientHeight
											- this.getElementsByTagName('div')[0].offsetHeight) + 'px',
					'left' : Math
							.min(
									Math
											.max(
													pos.x
															- this.offsetLeft
															- parseInt(this
																	.getElementsByTagName('div')[0].style.width)
															/ 2, 0),
									this.clientWidth
											- this.getElementsByTagName('div')[0].offsetWidth) + 'px' //left=鼠标x - this.offsetLeft - 浏览框宽/2,Math.max和Math.min让浏览框不会超出图像
				})

		magnifier.m.mag.style.display = '';

		css(
				magnifier.m.img,
				{
					'top' : -(parseInt(this.getElementsByTagName('div')[0].style.top) * magnifier.m.scale) + 'px',
					'left' : -(parseInt(this.getElementsByTagName('div')[0].style.left) * magnifier.m.scale) + 'px'
				})

	},

	end : function(e) {
		this.getElementsByTagName('div')[0].style.display = 'none';
		magnifier.removeIframe(magnifier.m.img); //销毁iframe

		magnifier.m.mag.style.display = 'none';
	},

	createIframe : function(elem) {
		var layer = document.createElement('iframe');
		layer.tabIndex = '-1';
		layer.src = 'javascript:false;';
		elem.parentNode.appendChild(layer);

		layer.style.width = elem.offsetWidth + 'px';
		layer.style.height = elem.offsetHeight + 'px';
	},

	removeIframe : function(elem) {
		var layers = elem.parentNode.getElementsByTagName('iframe');
		while (layers.length > 0) {
			layers[0].parentNode.removeChild(layers[0]);
		}
	}
	}
	window.onload = function() {
		magnifier.init( {
			cont : document.getElementById('magnifier'),
			img : document.getElementById('magnifierImg'),
			mag : document.getElementById('mag'),
			scale : 3
		});
	}
</script>

	</head>

	<body>
		<div id="magnifier">
			<img src="http://pic14.nipic.com/20110613/472580_115212669185_2.jpg"
				id="img" />
			<div id="Browser"></div>
		</div>
		<div id="mag">
			<img id="magnifierImg" />
		</div>
	</body>
</html>

 

你可能感兴趣的:(图片局部放大)

  • 2.28 图像分类全解析：从境界到评估，再到模型与样本处理 不要天天开心 机器学习算法人工智能
    图像分类将不同的图像，划分到不同的类别标签，实现最小的分类误差。图像分类的三层境界：通用的多类别图像分类子类细粒度图像分类实例级图片分类图像分类评估指标之混淆矩阵：TP（Truepositive,真正例）——将正类预测为正类数。FP（Falsepostive,假正例）——将反类预测为正类数。TN（Truenegative,真反例）——将反类预测为反类数。FN（Falsenegative,假反例）—
  • 财神动销-店铺销量飙升-批量下单-一键改价 fyds0824 intellij-idea
    图片；好运文章；安逸技术支持；fyds0824复制上方即可添加核心动销功能商品批量拉取与流量分析财神动销支持从拼多多平台批量拉取商品信息，包括商品名称、价格、库存、图片等关键数据，极大地提升了数据同步的效率。此外，它还能实时监控商品流量，帮助商家精准分析商品的市场表现，为后续的营销策略提供数据支持。智能排序与随机SKU财神动销允许商家根据销量、价格、评价等多个维度对商品列表进行排序，优化商品展示效
  • IOS 图片绘制过程中的剪切之后没有原图清晰的问题解决方法 Cao_Shixin攻城狮 ios开发iOS图片剪切模糊问题
    在开发的过程中，我们一般或多或少遇到对图片进行“压”和“缩”处理。“压”，一般我们就是使用UIImageJPEGRepresentationNSData*data=UIImageJPEGRepresentation(image,compression);UIImage*resultImage=[UIImageimageWithData:data];进行处理，无非内容稍微变一下，1.来一个for循环
  • 大白话解释静态资源 阿里云OSS是什么 有什么用 怎么用 心心祥蓉 阿里云云计算
    阿里云OSS是什么？阿里云OSS（对象存储服务）就像一个“云上的巨型仓库”，专门帮你存各种文件，比如图片、视频、文档、日志等。它不像电脑硬盘那样需要自己买设备，而是直接通过网络存取，按实际用量付费。你可以把它想象成一个“无限容量的网盘”，但更安全、更稳定，还能和企业级应用无缝对接。OSS有什么用？1.存海量文件场景：电商网站存商品图片和视频（比如淘宝的百万级商品图）；短视频平台存用户上传的视频；企
  • 学习笔记分享-进阶数据结构与算法-图-并查集-优化 -暮倦- #学习笔记分享-数据结构与算法学习笔记
    前言图片上面的personal表示只有图片上面的一行语句是解释图片内容的、local表示这个图片所在标题下的所有语句都是解释图片内容的、global表示有多个标题下的所有语句都是解释图片内容的我是一名大二的学生，学了差不多一年java技术栈了，想记录一下自己对知识点的心得，目前还是个小白，期望大佬们可以指出我笔记中的不足之处、对知识点的认知错误、笔记结构的混乱等这些图片内容都是在观看黑马课程时的视
  • volatile关键字 SJLoveIT javajvm开发语言
    volatile可以保证变量的可见性。这里的变量包括类变量、实例变量，但不包括局部变量和方法参数，因为后者是线程私有的，不存在线程竞争问题java内存模型（JMM）规定,所有变量都存储在主内存中，同时每个线程还有自己的工作内存。线程对变量的所有操作（读取、赋值等），都必须在工作内存中进行，而不能直接读写主存中的数据不同线程也无法访问对方工作内存中的变量，线程间变量值的传递需要通过主存来完成（引自周
  • 轮式机器人在复杂地形中如何选择合适的全局路径规划算法 luoganttcc 规划控制算法机器人算法前端
    已思考完成收起好的，我现在需要回答用户关于轮式机器人局部路径规划算法的问题。用户之前已经提过这个问题，现在提供了更多的参考内容，我需要仔细分析这些内容，整理出合适的答案。首先，我需要回顾用户提供的参考内容，找出提到的各种局部路径规划算法。参考内容中有知乎文章、回答以及一些网页资料，涵盖了不同的算法。例如，在多个地方提到了动态窗口法（DWA）、时间弹性带（TEB）、模型预测控制（MPC）、人工势场法
  • 什么叫以太网？它与因特网有何区别？ 昊虹AI笔记 嵌入式以太网
    以太网和互联网的定义与区别以太网（Ethernet）和互联网（Internet）是两个不同的概念，虽然它们密切相关，但它们的作用和定义是不同的。以太网（Ethernet）以太网是一个局域网（LAN）技术，它定义了数据如何在局部网络中的设备之间传输。简单来说，以太网是一种物理和数据链路层的技术（即OSI模型中的第1层(物理层)和第2层(链路层,或者称为叫MAC层)），用于在有限区域内（如家庭、办公室
  • 【Python爬虫(95)】Python爬虫进阶：构建大型垂直领域爬虫系统 奔跑吧邓邓子 Python爬虫python爬虫开发语言垂直领域系统
    【Python爬虫】专栏简介：本专栏是Python爬虫领域的集大成之作，共100章节。从Python基础语法、爬虫入门知识讲起，深入探讨反爬虫、多线程、分布式等进阶技术。以大量实例为支撑，覆盖网页、图片、音频等各类数据爬取，还涉及数据处理与分析。无论是新手小白还是进阶开发者，都能从中汲取知识，助力掌握爬虫核心技能，开拓技术视野。目录一、项目需求分析1.1确定垂直领域1.2业务需求分析1.3用户需求
  • 【Python爬虫(86)】元宇宙浪潮下，Python爬虫能否乘风破浪？ 奔跑吧邓邓子 Python爬虫python爬虫开发语言元宇宙
    【Python爬虫】专栏简介：本专栏是Python爬虫领域的集大成之作，共100章节。从Python基础语法、爬虫入门知识讲起，深入探讨反爬虫、多线程、分布式等进阶技术。以大量实例为支撑，覆盖网页、图片、音频等各类数据爬取，还涉及数据处理与分析。无论是新手小白还是进阶开发者，都能从中汲取知识，助力掌握爬虫核心技能，开拓技术视野。目录一、元宇宙：概念与架构的深度剖析1.1元宇宙概念溯源1.2元宇宙架
  • 【Python爬虫(94)】爬虫生存指南：风险识别与应对策略 奔跑吧邓邓子 Python爬虫python爬虫开发语言
    【Python爬虫】专栏简介：本专栏是Python爬虫领域的集大成之作，共100章节。从Python基础语法、爬虫入门知识讲起，深入探讨反爬虫、多线程、分布式等进阶技术。以大量实例为支撑，覆盖网页、图片、音频等各类数据爬取，还涉及数据处理与分析。无论是新手小白还是进阶开发者，都能从中汲取知识，助力掌握爬虫核心技能，开拓技术视野。目录一、爬虫项目中的风险识别1.1反爬虫导致的爬虫失效1.2数据泄露风
  • pytorch与深度学习随记——AlexNet 黑色的山岗在沉睡 深度学习随记深度学习pytorch人工智能
    AlexNet和LeNet的设计理念非常相似，但也存在显著差异：基本结构对比网络深度：AlexNet比LeNet-5要深得多，AlexNet由八层组成：五个卷积层、两个全连接隐藏层和一个全连接输出层。激活函数：AlexNet使用ReLU而不是sigmoid作为其激活函数，这有助于缓解梯度消失问题并加速训练过程。AlexNet架构的创新点局部响应归一化(LRN)：AlexNet引入LRN层，可以创建
  • PHP Captcha实现图片验证码生成及识别（附源码） mayday1102 PHPphpcaptcha
    目录什么是Captchacomposer安装思路修改Captcha.php源码调用什么是CaptchaCAPTCHA（CompletelyAutomatedPublicTuringTesttoTellComputersandHumansApart）是区分计算机和人类的一种程序算法。composer安装composerrequirephp-quickorm/captcha思路由于原扩展基于sessi
  • cursor 弹出在签出前，请清理仓库工作树 窗口 小丁学Java cursorcursor
    问题出现的背景：是因为我有两台电脑开发，提交后，另一个电脑的代码是旧的，这个时候我想拉取最新的代码，就会出现如下弹窗，因为这个代码暂存区有记录或者工作区有代码的修改，所以有冲突，我们只需要舍弃旧代码的记录，执行gitreset--hard以撤销所有未提交的更改。从图片来看，这是一个错误提示窗口，提示“在签出前，请清理仓库工作树。”这通常发生在你尝试使用Git进行签出（checkout）操作时，当前
  • wx.uploadFile上传图片失败 小丁学Java 微信小程序WxManotepad++
    文章目录微信小程序后台配置`uploadFile`合法域名的正确步骤步骤1：登录小程序后台步骤2：导航到服务器域名配置页面步骤3：添加`uploadFile`合法域名步骤4：验证配置是否生效注意事项常见问题解答总结微信小程序后台配置uploadFile合法域名的正确步骤在微信小程序开发中，正确配置uploadFile合法域名是使用wx.uploadFileAPI上传文件的前提。以下是按照您指定的路
  • html data-src和src的区别,img 的data-src 属性实现懒加载 薄辉 htmldata-src和src的区别
    一、什么是图片懒加载？当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次)，当图片出现在浏览器的可视区域内时，才设置图片真正的路径，让图片显示出来。这就是图片懒加载。通俗一点：1、就是创建一个自定义属性data-src存放真正需要显示的图片路径，而img自带的src放一张大小为1*1px的图片路径。2、当页面滚动直至此图片出现在可
  • lambda表达式 苜柠 java前端服务器
    //lambda表达式//[]:必须存在不能省略,空表示没有参数//=表示作用于该模块的所有局部变量(值传递)(推荐)//&表示作用于该模块的所有局部变量(引用传递)//this可以使用在lambda表达式类中的成员变量[作用域](参数)mutable->返回类型{};QPushButton*button=newQPushButton;//[=](){//button->setText("Butt
  • [Python]:热血传奇-Wzl，Wzx的解析 游戏百晓生 开发语言python数据结构
    首先我们要了解,wzl与wzx的对应关系，wzx里面存的是每张二进制图片数据在wzl中的偏移量，所以取到wzx中的偏移数据就可以取到wzl每张图片数据，其实就这么简单。1[取wzx中偏移量数据]：以素材[hum.wzx]为例进行解析-读取前44字节为wzx头文件，对解析无作用不做处理-读取44至48字节代表为，[wzx中偏移值总数量][int类型][4字节]-读取48字节以后，每4个字节[int类
  • 基恩士上位机链路通讯_库卡机器人之通讯总结 筱顽咚 基恩士上位机链路通讯
    时常有人问我库卡机器人支持哪些通讯、需要什么组件等等，基于个人多年积累并借助公众号的平台来分享下个人的总结(以下内容仅针对KRC4及以上，KRC2在此不作说明)：基于以上图片内容，将库卡通讯分成四类：1.基于以太网的现场总线：ProfiNet从站不需要KUKAProfiNetxxxProfiNet主站不需要KUKAProfiNetxxxEthernet/IP主站不需要KUKAEthernet/IP
  • 环境会影响你的决策：K近邻算法（KNN) AOIWB 机器学习基础近邻算法人工智能算法
    环境会影响你的决策：K近邻算法（KNN)1.核心思想与流程KNN是一种基于局部相似性的分类算法，核心思想是“近朱者赤”：待测样本的类别由其最近的k个邻居的多数类别决定。关键步骤：定义空间与距离：通常采用欧式空间，计算两点间直线距离：dis(a,b)=∑i=1n(ai−bi)2\text{dis}(a,b)=\sqrt{\sum_{i=1}^n(a_i-b_i)^2}dis(a,b)=i=1∑n(a
  • Datawhale 数学建模导论国赛B学习笔记 瓜瓜蛋 数学建模学习笔记
    贪心算法贪心算法(Greedyalgorithm)（贪婪算法）基本思想：多机调度问题是一个多项式复杂程度的非确定性问题(Non-deterministicPolynomial)，具有一定的复杂程度，当前没有有效的解决方法。相较于其它算法，贪心算法求解不从整体最优上加以考虑,。而是寻求某种意义上的局部最优解，从而做出当下最好的选择。因此，在求解并行机调度问题上，贪心算法容易获得近似最优解的答案，更有
  • 学习网络技术有必要学习python吗？ 就是不吃苦瓜 python入门学习程序人生职场和发展数据分析pythonwindows智能路由器
    学习网络技术当然可以学习Python。他俩还能结合起来呢，以实现网络编程的目的。具体来说，可以从以下几个方面结合：1.网络爬虫Python有强大的网络爬虫和数据采集库，如BeautifulSoup、Scrapy、Requests等，可以用来爬取互联网上的各种数据，如新闻、图片、视频、商品信息等。2.Web开发Python有多种Web框架，如Django、Flask等，可以用来进行Web开发，实现网
  • R语言绘制自定义形状词云图 dltan 可视化R语言r语言开发语言
    R语言绘制自定义形状词云图方法程序结果如下：#常规直接使用install.packages("wordcloud2")是无法进行自定义形状的词云图绘制，必须降低包的版本，使用之前的wordcloud2老版本原始包library(wordcloud2)batman=system.file("examples/3.png",package="wordcloud2")###读取形状图片，注意图片默认放在
  • 云服务器部署DeepSeek Janus-Pro生成图片实战 deepseek
    序本文主要研究一下如何在腾讯云HAI-GPU服务器上部署DeepSeekJanus-Pro来进行文本生成图片步骤选择带GPU的服务器到deepseek2025试用一下带GPU的服务器下载Janusgitclonehttps://github.com/deepseek-ai/Janus.git安装依赖cdJanuspipinstall-e.安装gradiopipinstallgradio安装torc
  • 如何将图片档案信息读取出来？并把档案信息相关性进行关联 上官-王野 python
    这里写自定义目录标题欢迎使用Markdown编辑器生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器确定目标和需求明确需要提取的信息类型，如元数据、标签、描述等。了解关联的标准，如主题、时间、
  • 如何用 DeepSeek 进行卷积神经网络（CNN）的优化 一碗黄焖鸡三碗米饭 人工智能前沿与实践cnn人工智能神经网络机器学习深度学习
    如何用DeepSeek进行卷积神经网络（CNN）的优化卷积神经网络（CNN）在计算机视觉任务中取得了巨大的成功，例如图像分类、目标检测和图像生成。然而，尽管CNN在这些任务中表现出色，它们通常需要大量的计算资源，并且在优化过程中可能会遇到一些挑战，如过拟合、训练速度慢、局部最优解等问题。为了更好地优化CNN模型，提高其性能和训练效率，DeepSeek提供了多种优化技术和工具，可以帮助我们系统地进行
  • VSLAM新方案之《在复杂环境中实现高精度与超强鲁棒性》 OAK中国_官方 SLAM人工智能rpab-map
    OAKChina&苏州泛科特机器人联合推出OAK-DSeries&因子空间感知（FactorPerceptionKit）VSLAM解决方案01FactorPerceptionKit简介FactorPerceptionKit是一种真正基于深度学习技术的VSLAM方案，不同于许多厂商仅通过添加目标检测或语义分割模型来实现额外功能，我们直接在SLAM底层使用HF-Net模型，该模型同时进行局部特征点检测
  • 用win+python+pycharm 开发一个项目，负责档案审核 上官-王野 pythonpycharm开发语言
    用win+python+pycharm开发一个项目，负责档案审核，对已有的档案jpg格式，进行读取，提取图片中的信息，并建立关联性。对这些信息（三龄、二历、一身份）即1.三龄：年龄、工龄、党龄，具体指出生日期、参加工作时间、入党时间。2.二历：学历、工作经历。3.一身份：干部身份。核对校验。为了实现一个基于Win+Python+PyCharm的档案审核项目，我们需要完成以下步骤：1.环境准备操作系
  • 用idea创建低版本springboot2.X的项目 詹皇wm 问题总结intellij-ideajava
    文章目录我的环境：创建项目：进入创建项目页面：进入Springboot版本选择和添加依赖页面进入项目打开pom.xml![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/f9243eb285394e38929a5fc145bed81d.png)*补充*_本文章主要是对于现在idea配置大部分都是自带SpringBoot3.X,怎么创建低版本springboo
  • Mean Shift聚类算法深度解析与实战指南 万事可爱^ 机器学习修仙之旅#无监督学习算法聚类数据挖掘MeanShift均值漂移聚类均值算法
    一、算法全景视角MeanShift（均值漂移）是一种基于密度梯度上升的非参数聚类算法，无需预设聚类数量，通过迭代寻找概率密度函数的局部最大值完成聚类。该算法在图像分割、目标跟踪等领域有广泛应用，尤其擅长处理任意形状的密度分布。二、核心原理剖析2.1核密度估计使用核函数对数据分布进行平滑估计，高斯核函数为：K(x)=12πhe−x22h2K(x)=\frac{1}{\sqrt{2\pi}h}e^{-
  • Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
    分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序） 所需辅助空间最多：归并排序 所需辅助空间最少：堆排序 平均速度最快：快速排序 不稳定：快速排序，希尔排序，堆排序。 先来看看8种排序之间的关系：   1.直接插入排序 （1
  • 【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
    Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
  • linux 查看端口被占用情况详解 daizj linux端口占用netstatlsof
    经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序   1、lsof -i:port port为端口号   [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND   PID USER   FD   TY
  • Hosts文件使用 周凡杨 hostslocahost
         一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
  • java excel工具 g21121 Java excel
    直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
  • web报表工具finereport常用函数的用法总结（数组函数） 老A不折腾 finereportweb报表函数总结
    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
  • 游戏服务器网络带宽负载计算 墙头上一根草 服务器
    家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 我是在计算我们网络流量时想到的
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans Spring 3 系列
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • 高性能mysql 之 选择存储引擎(一) annan211 mysqlInnoDBMySQL引擎存储引擎
    1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
  • UDP网络编程 百合不是茶 UDP编程局域网组播
      UDP是基于无连接的,不可靠的传输   与TCP/IP相反       UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
  • JQuery对象的val()方法执行结果分析 bijian1013 JavaScriptjsjquery
            JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。        
  • http请求测试实例（采用json-lib解析） bijian1013 jsonhttp
            由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
  • 【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
    在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。   定义模型、接口和服务器端代码 |---Model    &nb
  • 【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
    1.Mahout环境搭建  1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz    2.解压Mahout  3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
  • nginx负载tomcat遇非80时的转发问题 ronin47
    　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port        详细如下： 　　 该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
  • java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
    public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
  • mongoDB 复制集 开窍的石头 mongodb
    mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题             mo
  • [宇宙与天文]宇宙时代的经济学 comsci 经济
        宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。      在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源      以目前地球上国家的经济发展水平来讲，
  • Git忽略文件 Cwind git
         有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
  • MySQL连接数据库的必须配置 dashuaifu mysql连接数据库配置
    MySQL连接数据库的必须配置   1.driverClass：com.mysql.jdbc.Driver   2.jdbcUrl：jdbc:mysql://localhost:3306/dbname   3.user：username   4.password：password   其中1是驱动名；2是url，这里的‘dbna
  • 一生要养成的60个习惯 dcj3sjt126com 习惯
    一生要养成的60个习惯 第1篇 让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。 如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
  • [介绍]Yii 是什么 dcj3sjt126com PHPyii2
    Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
  • Linux SSH常用总结 eksliang linux sshSSHD
    转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机   格式： ssh name@remoteserver 例如： ssh [email protected]   二、连接到远程主机指定的端口   格式： ssh name@remoteserver -p 22 例如： ssh i
  • 快速上传头像到服务端工具类FaceUtil gundumw100 android
    快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
  • jQuery入门之怎么使用 ini JavaScripthtmljqueryWebcss
    jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？   首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
  • 带filter的hbase查询优化 kane_xie 查询优化hbaseRandomRowFilter
    问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。   问题原因 直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
  • java设计模式-单例模式 men4661273 java单例枚举反射IOC
             单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
  • mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    // mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
  • 二维数组转换成JSON tangqi609567707 java二维数组json
    原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo {     public static void main(String[] args) {        String[][] blogL
  • erlang supervisor wudixiaotie erlang
    定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他