lihong11
lihong11

js图片放大镜效果-类似淘宝放大镜

<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>
<%
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>Magnifier</title>
	<style type="text/css">
		#magnifier{
			width:350px;
			height:280px;
			position:absolute;
			top:100px;
			left:250px;
			font-size:0;
			border:1px solid #000;
		}
		#img{
			width:350px;
			height:280px;
		}
		#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="images/01.gif" id="img" />
	<div id="Browser"></div>
</div>
<div id="mag"><img id="magnifierImg" /></div>
</body>
<script type="text/javascript">
  
//移除img外层的<p>标签
   
$(function(){
         
    $("p").each(function(){
             
      var txt=$(this).html();
             
      $(this).replaceWith(txt);
       
    })
     
}) 
 
</script>
</html>

 

你可能感兴趣的:(移动放大镜,js图片放大镜效果)

  • springboot实现枚举参数 5faith Q&Aspringboot后端java
    springboot实现枚举参数基础的枚举接口枚举工具类1.json(以jackson为例)2.表单参数基础的枚举接口publicinterfaceBaseEnum{/***获取值**@return{@linkK}*/@JsonValueKgetValue();/***获取描述**@return{@linkV}*/VgetDescription();@JsonCreatorBaseEnumfind
  • @Slf4j注解 努力的搬砖人. 后端java经验分享
    @Slf4j注解是Lombok库提供的一个注解，用于简化日志记录器的创建。使用该注解后，无需手动创建Logger实例，编译器会自动帮你完成这一步。以下是使用@Slf4j注解打印日志的步骤和示例：使用步骤1.引入依赖：在项目中引入SLF4J和Lombok的依赖。例如在Maven项目中，需要在pom.xml中添加以下依赖：org.slf4jslf4j-api1.7.32org.projectlombo
  • 使用Python和DeepSeek进行联网搜索的实践指南 傻啦嘿哟 DeepSeek新手全攻略python开发语言
    目录一、环境准备与依赖安装二、DeepSeek简介三、联网搜索与数据集准备四、实践示例：图像分类1.数据预处理2.构建并训练模型3.模型评估与保存五、实践示例：实体识别1.数据加载与预处理2.构建并训练模型3.模型预测六、部署与应用6.1使用Flask部署CNN模型为Web服务6.2部署到生产环境七、总结在当今信息爆炸的时代，联网搜索已成为获取数据、优化模型效果的重要手段。Python作为一种非常
  • 前端国际化-插件模式 神奇大叔 通用功能前端
    文章目录Webpack插件开发解析中文调用有道翻译API生成JSON语言文件React国际化实现Webpack插件开发创建i18n-webpack-plugin.js插件：在src目录下扫描所有文件使用babel-parser解析JavaScript/JSX代码识别中文文本通过有道翻译API翻译生成locales/en.json（英语）和locales/zh.json（中文）constfs=req
  • 【前端】【Electron】Electron 知识点详解，看着一篇文章就够了 患得患失949 面试考题专栏（前后端）Electron前端electronjavascript
    Electron知识点详解第一章：Electron入门与核心概念什么是Electron？定义：一个使用Web技术(HTML,CSS,JavaScript)构建跨平台桌面应用程序的开源框架。核心组成：Chromium(用于渲染界面)+Node.js(用于访问操作系统和后端能力)+自定义APIs。目标：让Web开发者能够轻松创建功能丰富的桌面应用。为什么选择Electron？跨平台：一套代码库，可构建
  • wfs.js之h264转码mp4分析 KL＇s pig/猪头/爱心/猪头 javascriptwebsocket网络前端linux
    准备源文件下载源文件gitclonehttps://github.com/ChihChengYang/wfs.js.git编译后得到wfs.js这个文件调用在demo/index.html中，前端对wfs.js进行了调用varvideo1=document.getElementById("video1"),wfs=newWfs();wfs.attachMedia(video1,'ch1');对应w
  • win下虚拟机安装选项补充 zky___ python
    一、将WSL移动出C盘二：WSL额外设置三、WslRegisterDistribution错误0x80071772的解决方案当遇到WslRegisterDistribution错误码0x80071772时，这通常意味着WSL尝试安装到非默认磁盘分区上。此错误主要发生在尝试将WSL安装至除C盘外的位置时3。修改存储位置设置一种有效的解决方法是调整Windows设置中的应用保存路径选项：打开设置->系
  • vue2，vue3，vue3 + vite 动态加载图片的方式 杀死一只知更鸟debug vuevue.js前端javascript
    记录一个小问题今天在给自己的小demo加视差滚动皮肤盒子的时候，出现了一个图片加载失败的问题，我的图片放在assets目录下。后续已解决在Vue开发中，动态绑定图片在不同版本及构建工具下有不同实现方式，具体总结如下：Vue2使用计算属性和require函数：在data中定义图片名变量，通过计算属性利用require函数根据变量值动态引入assets目录下的图片。例如：exportdefault{d
  • 10-ArcGIS For JavaScript -- 三维场景导出为图片（PNG/JPEG） 如影随从 ArcGISForJavaScriptarcgisjavascript开发语言PNGJPEG
    文章目录前言一、takeScreenshot参数二、示例1、以当前视图相同的分辨率进行截图2、从当前视图创建一个方形缩略图3、取一个高分辨率的方形截图3、在视图中心截取一个小区域的屏幕截图三、完成代码四、结果图前言三维场景开发过程中，时常会出现需要保存当前场景的内容，去做一些分析或者场景展示。如果使用计算机自带的截图功能，只能将当前的页面截取到计算机本地，不能直接提供给程序去使用。ArcGISFo
  • 爱思华宝邮件服务器协同工作服务 功能介绍及其实现方法 aliasman 邮件服务器邮件服务器企业邮件服务器协同工作电子邮件服务器
    伴随移动互联网浪潮的到来，移动办公已经成为当前企业办公环境不可或缺的重要组成部分，时时在线、随时随地办公的需求会越来越迫切。那如何借助移动互联，让我们的工作和生活变得更加轻松和智能，成为众多企业越来越关注的问题，爱思华宝邮件服务器及其协同工作服务，帮助您利用碎片化的时间，让日程管理更轻松，让沟通更高效，让员工实现更多的互动，从而增加企业凝聚力。企业在交流与业务协作的同时，如何把沟通和协作做到一体化
  • Tauri - #008 Cesium打开本地3dtiles文件 满天飞飞 MyTauriTauri
    文章目录Cesium打开本地3dtiles文件1目标2步骤2.1nodejs后端代码2.1.1运行2.3Taur端代码2.3.1Greet.vue2.3.2运行工程Cesium打开本地3dtiles文件1目标Cesium打开本地3dtiles文件。2步骤2.1nodejs后端代码server.jsconstex
  • 前端网页编辑器CKEditor如何高效导入WORD文档？ 2501_90699850 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：ckeditor前端：vue2,vue3.vue-cli后端：asp,java,jsp,springboot,php,asp.net,.netcore功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,Ubuntu,CentO
  • 解决方案：网页编辑器处理Word图片粘贴问题 2501_90699800 编辑器wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • 【Tauri2】008——简单说说配置文件 疏狂难除 Tauri2Tauri2Rust
    前言配置文件，即tauri.conf.jsonConfigurationFiles|Taurihttps://tauri.app/zh-cn/develop/configuration-files/这个文件的作用该文件由Tauri运行时和TauriCLI使用。你可以定义构建设置（例如在tauribuild或tauridev启动前运行的命令），设置应用程序的名称和版本，控制Tauri运行时，以及配置
  • 09-ArcGIS For JavaScript -- 基于ThreeJS实现动态GLTF模型加载 如影随从 ArcGISForJavaScriptarcgisjavascript开发语言Three.js
    文章目录前言一、ArcGIS如何加载GLTF1.JavaScript代码2.结果二、ThreeJS使用三、ArcGIS场景基于ThreeJS加载GLTF1.编写RenderNode引入代码2.调用RenderNode3、结果四、总结前言通常我们在Web端三维场景中看到的动态模型一般都为GLTF或者GLB模型（GLB是GLTF的二级制心态）。而GLTF模型有分为带骨骼动画和不带骨骼动画两种形态。而上
  • JS数组复制方法及注意事项 BillKu javascript开发语言ecmascript
    在JavaScript中，直接赋值数组会导致引用传递（修改一个会影响另一个），因此需要创建数组的副本。以下是几种常见的浅拷贝方法：1.使用slice()方法javascriptconstoriginalArray=[1,2,3];constcopiedArray=originalArray.slice();2.使用concat()方法javascriptconstoriginalArray=[1,
  • arm cortex a8基本介绍和机构特征 ken_yjj LinuxDevelopment多媒体处理java优化存储编程
    最近在学习TI的omap3530，因为omap3530使用armcortexa8的处理器，所以想对armcortexa8有一定的认识和了解。armcortexa8基本介绍：armcortexa8第一款基于ARMv7构架的应用处理器。armcortexa8是ARM公司有史以来性能最强劲的一款处理器，主频为600MHz到1GHz。cortexa8可以满足各种移动设备的需求，其功耗低于300毫瓦，而性能
  • 每日免费分享之精品Wordpress主题系列~DAY24 wordpress主题下载 wordpress主题wordpress主题下载wordpress主题wordpress模板
    每日免费分享之精品Wordpress主题系列~DAY24今天介绍的这款wordpresscms主题是一款精仿韩寒”ONE一个“的官网主题，被用在wordpress上甚好！像这样的wordpresscms主题用作个人博客的话，还是不错的，主题设计采用了Bootstrap框架，依然是没玩自适应的效果！这款wordpress主题上手后在主题设置里设置外，还需要修改主题文件的header.php里的一些代
  • Servlet案例下载文件，图片验证码 星星不打輰 JavaWebservlet
    Servlet案例（下载文件，图片验证码）实现图片下载，响应到浏览器中去（设置响应的附件名response.setHeader("Content-Disposition","attachment;filename="+UUID.randomUUID().toString()+".png");）//TODO:实现文件的下载操作@WebServlet("/servlet5")publicclassMy
  • 【python爬虫】千图网素材 道法自然|~ 爬虫html前端
    写在前面千图网是很久之前写的了，今天打开运行了一下发现还可以正常执行，说明class类名什么的应该都没有更新，只是页面换了一个新的效果文章与程序目的仅是技术练习，不会对服务器等造成影响，也不用于商业用途其他/她由于运行本文的源代码对千图网造成任何影响或用于其它商业用途作者概不负责，请自觉遵守法律法规目标目标地址：千图网-免费在线设计图片素材网站-正版商用素材图库模板大全临近清明节了，所以刚进入网站
  • 【家政平台开发(2)】解锁家政平台多分店运营：需求剖析与未来蓝图 奔跑吧邓邓子 家政平台开发家政平台开发多分店经营
    本【家政平台开发】专栏聚焦家政平台从0到1的全流程打造。从前期需求分析，剖析家政行业现状、挖掘用户需求与梳理功能要点，到系统设计阶段的架构选型、数据库构建，再到开发阶段各模块逐一实现。涵盖移动与PC端设计、接口开发及性能优化，测试阶段多维度保障平台质量，部署发布阶段确保平稳上线。还深入探讨运营策略、技术创新应用及未来发展方向，为家政平台开发提供全面且实用的知识体系与实践指南。目录一、分店独立运营需
  • 【家政平台开发(3)】解锁家政平台新体验：移动与PC端需求大揭秘 奔跑吧邓邓子 家政平台开发家政平台开发移动端和PC端用户体验uniappElementPlus
    本【家政平台开发】专栏聚焦家政平台从0到1的全流程打造。从前期需求分析，剖析家政行业现状、挖掘用户需求与梳理功能要点，到系统设计阶段的架构选型、数据库构建，再到开发阶段各模块逐一实现。涵盖移动与PC端设计、接口开发及性能优化，测试阶段多维度保障平台质量，部署发布阶段确保平稳上线。还深入探讨运营策略、技术创新应用及未来发展方向，为家政平台开发提供全面且实用的知识体系与实践指南。目录一、移动前端（un
  • 基于回溯思想的小游戏Knight‘s tour 骑士巡游 52Hertz861 回溯算法算法
    骑士巡游是指在棋盘上，骑士的一系列移动，使得骑士恰好访问棋盘上的每一个方格一次。如果骑士最终停在一个与起始方格相隔一个“马步”（象棋）的方格上（这样它就可以立即沿着相同的路径再次巡游棋盘），那么这个周游是“闭合的”；否则，它就是“开放的”。下面进入代码部分讲解：1.头文件和命名空间#include#includenamespacebacktracking{namespaceknight_tour{
  • 一周速递|全球车联网产业动态（2022年5月29日） 有辕有辙_智能网联 物联网交通物流汽车
    一、政策法规1、5月26日，海南省工信厅发布《海南省车联网先导区（项目）建设实施细则》，以“揭榜挂帅”方式鼓励各市县先行先试，聚焦城市拥堵治理、景（园）区自动驾驶、智能物流、不停车收费等重点应用场景，带动实现应用场景创新、特色解决方案落地、系统集成和应用效果评估，发挥先导示范作用。2、5月26日，2022中国国际大数据产业博览会开幕，工信部部长肖亚庆表示，坚持适度超前建设，以建带用，以用促建，推动
  • Docker使用ubuntu zjj587 dockerjavaeureka
    1.更换源sudonano/etc/docker/daemon.json//daemon.conf查找最新可用的源1、2，手动查找会不断更新！1.1添加DNSsudonano/etc/resolv.confnameserver8.8.8.8nameserver8.8.4.42.修改配置文件后重新加载sudosystemctldaemon-reload3.重启sudoservicedockerres
  • 实现word图片在wangEditor中的直接显示与编辑？ weixin_52041354 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • 使用react 引入相对路径文件 小姐姐呀～ react.js前端前端框架
    如何用React加载一个带有相对路径的静态文件方法一：若文件在src文件夹中（适用于打包文件）当你将静态文件放置在src文件夹内时，可以使用import语法将它们导入到组件中。Webpack会将这些文件打包到最终的输出中。若路径是下面这样src/assets/image.pngcomponents/MyComponent.js你可以像这样导入和使用图片：importReactfrom'react'
  • 【Vue插件】Vue-rideo-player视频播放插件的使用 Mr.Plum Vuevue
    git项目地址参考文章今天项目中遇到了需要能够查看实时监控视视频的功能，再查阅并摸索下完成实现了此功能，现在此记录一下使用安装：npminstallvue-video-player--save在main.js入口文件中引入importVideoPlayerfrom'vue-video-player'require('video.js/dist/video-js.css')require('
  • HarmonyOS NEXT——【鸿蒙语音播报（文字转语音）】 秋叶先生_ ArkTS从基础到高级harmonyos鸿蒙华为
    在鸿蒙系统应用中，我们如何实现语音播报的效果呢？简单的思路就是将文字转成语音，一下便是鸿蒙当中实现的代码步骤，文章最后附上了封装好的参考代码。初始化​functioncreateByCallback(){ //设置创建引擎参数 letextraParam:Record={"style":'interaction-broadcast',"locate":'CN',"name":'EngineName
  • 浅析车规芯片软错误防护加固的重要性 国科安芯 科普单片机嵌入式硬件汽车fpga开发人工智能
    随着汽车电子技术的飞速发展，汽车已经从传统的机械交通工具转变为高度依赖电子系统的智能移动终端。车规芯片作为汽车电子系统的核心部件，其可靠性和安全性直接关系到车辆的正常运行和驾乘人员的安全。然而，车规芯片在复杂的运行环境中面临着各种软错误的威胁，这些软错误可能导致系统运行异常，甚至引发严重的安全事故。因此，车规芯片的软错误防护加固技术成为保障汽车安全运行的关键。一、车规芯片软错误的定义与成因软错误（
  • 集合框架 天子之骄 java数据结构集合框架
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • Table Driven（表驱动）方法实例 bijian1013 javaenumTable Driven表驱动
    实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el
  • Jquery 总结 cuishikuan javajqueryAjaxWebjquery方法
    1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$
  • 面向对象概念的提出 麦田的设计者 java面向对象面向过程
            面向对象中，一切都是由对象展开的，组织代码，封装数据。   在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。       下面就结合编程语言的发展史，聊一聊面向过程和面向对象。      c语言由贝尔实
  • linux网口绑定 被触发 linux
    刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network
  • XML基础语法 肆无忌惮_ xml
    一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML？ 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM
  • 为网页添加自己喜欢的字体 知了ing 字体 秒表 css
    @font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil
  • redis范围查询应用-查找IP所在城市 矮蛋蛋 redis
    原文地址： http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表（ip_country）： 查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_
  • 输入两个整数， 计算百分比 alleni123 java
    public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%");
  • 百合——————>怎么学习计算机语言 百合不是茶 java 移动开发
        对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和
  • linux下tomcat开机自启动 bijian1013 tomcat
    方法一： 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H
  • spring aop实例 bijian1013 javaspringAOP
    1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x
  • [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization bit1129 serialization
    enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于
  • 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题 bit1129 Stream
    包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次，   具体的多读几遍http://spark.apache.org/docs/lates
  • shell脚本批量检测端口是否被占用脚本 ronin47
    #!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件
  • java-2.设计包含min函数的栈 bylijinnan java
    具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe
  • Netty源码学习-ChannelHandler bylijinnan javanetty
    一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时，可能数据未接收完全（incomplete）， 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p
  • java生成随机数 cngolon java
    方法一： /** * 生成随机数 * @author cngolon@126.com * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D
  • POI读写海量数据 ctrain 海量数据
    import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming
  • mysql 日期格式化date_format详细使用 daizj mysqldate_format日期格式转换日期格式化
    日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
  • 一个程序员分享8年的开发经验 dcj3sjt126com 程序员
      在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容
  • android欢迎界面淡入淡出效果 dcj3sjt126com android
    很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。 主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
  • linux 复习笔记之常见压缩命令 eksliang tar解压linux系统常见压缩命令linux压缩命令tar压缩
    转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi
  • Android 应用程序发送shell命令 gqdy365 android
    项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！ 发就发吧！ 一、关于shell指令： 我们知道，shell指令是Linux里面带的
  • java 无损读取文本文件 hw1287789687 读取文件无损读取读取文本文件charset
    java 如何无损读取文本文件呢？ 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull
  • Firebase 相关文章索引 justjavac firebase
    Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE
  • C++学习重点 lx.asymmetric C++笔记
    1.c++面向对象的三个特性：封装性，继承性以及多态性。   2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n
  • java bean和xml相互转换 q821424508 javabeanxmlxml和bean转换java bean和xml转换
    这几天在做微信公众号 做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题， 然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧 ， 还是贴出来记录一下      顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。   packag
  • C 语言初级 位运算 1140566087 位运算c
    第十章 位运算   1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节   2、位运算符： 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低；   3、位运算符的运算功能： a、按位取反： ~01001101 = 101
  • 14点睛Spring4.1-脚本编程 wiselyman spring4
    14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他