js控制图片缩放、水平和垂直方向居中对齐

已測试兼容 IE6,IE7,IE8，火狐FF，谷歌chrome。
这里使用了jquery插件，假设你不使用jquery，略微改造一下也非常快。


网上查了些资料，用css控制兼容性不好，看去非常揪心。于是找js代码，看了几种写法总是感觉差点什么，算了，还是自己写吧，于是有了以下这个简单的方法，能自己主动依据图片容器大小进行缩放、水平和垂直居中对齐，效果例如以下图：

js控制图片缩放、水平和垂直方向居中对齐_第1张图片

 

 

[html]  view plain copy 在CODE上查看代码片
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  5. <title>demo图片自居中，宽度高度自己主动缩放</title>  
  6.   
  7. <script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>  
  8. <script type="text/javascript">  
  9.     // [email protected]  
  10.     function setImgMiddle(img) {  
  11.         var $img = $(img),  
  12.             $panel = $(img).parent();//图片容器  
  13.   
  14.         var img_width = $img.width(),img_height = $img.height(),//图片宽高  
  15.             panel_width = $panel.width(), panel_height = $panel.height(); //图片容器宽高  
  16.   
  17.         if(panel_width/panel_height < img_width/img_height){  
  18.             $img.width(panel_width);  
  19.             $img.css('margin-top', (panel_height - $img.height()) * 0.5);  
  20.         }else{  
  21.             $img.height(panel_height);  
  22.             $img.css('margin-left', (panel_width - $img.width()) * 0.5);  
  23.         }  
  24.         $img.fadeIn(100);  
  25.     }  
  26.     $(function(){  
  27.         //  这样的写法在ie6,7,8都不是非常正常，有时会随机丢失load事件  
  28.         $('#part2 img').load(function(){  
  29.             setImgMiddle(this);  
  30.             //console.log($(this).attr('src'));  
  31.         })  
  32.     })  
  33.   
  34.   
  35. </script>  
  36.   
  37. <style>  
  38. .c{clear:both;}  
  39. li {  
  40.     background-color: #F5F5F5;  
  41.     border: 1px solid #CCCCCC;  
  42.     margin: 5px;  
  43.     overflow: hidden;  
  44.     width: 240px;  
  45.     padding:1px 1px 1px 1px;  
  46.     height: 240px;  
  47.     float:left;  
  48. }  
  49. li img{display:none;}  
  50. </style>  
  51. </head>  
  52. <body>  
  53.     <ul id="part1">  
  54.         <li><img src="http://xsrb.xsnet.cn/res/1/20090925/58311253832975937.jpg" onload="setImgMiddle(this);"></li>  
  55.         <li><img src="http://img3.55bbs.com/photo/month_1103/1103271807a0039554cf5d95b9.thumb.jpg" onload="setImgMiddle(this);"></li>  
  56.         <li><img src="http://www.xfhqw.com/uploadpic/20111126105419527.jpg" onload="setImgMiddle(this);"></li>  
  57.     </ul>  
  58.     <div class="c"></div>  
  59.     <ul id="part2">  
  60.         <li><img src="http://xsrb.xsnet.cn/res/1/20090925/58311253832975937.jpg" ></li>  
  61.         <li><img src="http://img3.55bbs.com/photo/month_1103/1103271807a0039554cf5d95b9.thumb.jpg" ></li>  
  62.         <li><img src="http://www.xfhqw.com/uploadpic/20111126105419527.jpg"></li>  
  63.     </ul>  
  64. </body>  
  65. </html>  

你可能感兴趣的:(图片缩放)

  • 【Qt笔记】QLabel控件详解 冷眼看人间恩怨 Qtqt笔记开发语言QLabel
    目录一、引言二、QLabel的基本介绍2.1文本显示2.2图片显示2.3交互性2.4样式和属性三、QLabel的常用函数方法四、QLabel的高级特性4.1文本格式化4.2图片缩放与裁剪4.3交互性增强五、QLabel的常见应用场景5.1信息提示5.2图标与文本结合5.3动态内容更新5.4自定义控件的一部分六、QLabel的高级用法与技巧6.1使用HTML进行富文本格式化6.2图片的缩放与裁剪6.
  • 如何用 Canvas 实现 PS 的液化功能
    最近在做业务需求时，需要实现对图片的液化功能，类似于美图秀秀的瘦脸功能。这已经不仅是图片缩放、拖动、剪裁这类对图片整体的操作了，而是需要对图片的像素进行一系列的计算和修改，那么该怎么实现这个功能呢？基础知识在进入正题之前，我们先来了解一些数字图像处理和Canvas的基础知识。图像处理里的像素是什么现实世界中，人眼直接看到的图像或者在相机中拍摄到的影像，这类图片的最大特点是图像相关的物理量变化是连续
  • 鸿蒙开发-UI-图形-图片 鸿蒙布道 鸿蒙开发harmonyosui华为
    鸿蒙开发-UI-组件鸿蒙开发-UI-组件2鸿蒙开发-UI-组件3鸿蒙开发-UI-气泡/菜单鸿蒙开发-UI-页面路由鸿蒙开发-UI-组件导航-Navigation鸿蒙开发-UI-组件导航-Tabs文章目录一、基本概念二、图片资源加载1.存档图类型数据源2.多媒体像素图三、显示矢量图四、图片显示相关属性1.设置图片缩放类型2.图片插值3.设置图片重复样式4.设置图片渲染模式5.设置图片解码尺寸6.为图
  • 如何用 Canvas 实现 PS 的液化功能
    最近在做业务需求时，需要实现对图片的液化功能，类似于美图秀秀的瘦脸功能。这已经不仅是图片缩放、拖动、剪裁这类对图片整体的操作了，而是需要对图片的像素进行一系列的计算和修改，那么该怎么实现这个功能呢？基础知识在进入正题之前，我们先来了解一些数字图像处理和Canvas的基础知识。图像处理里的像素是什么现实世界中，人眼直接看到的图像或者在相机中拍摄到的影像，这类图片的最大特点是图像相关的物理量变化是连续
  • Unet 实战分割项目、多尺度训练、多类别分割 听风吹等浪起 图像分割深度学习人工智能机器学习
    1.介绍之前写了篇二值图像分割的项目，支持多尺度训练，网络采用backbone为vgg的unet网络。缺点就是没法实现多类别的分割，具体可以参考：二值图像分割统一项目本章只对增加的代码进行介绍，其余的参考上述链接博文本章实现的unet网络的多类别分割，也就是分割可以是两个类别，也可以是多个类别。训练过程仍然采用多尺度训练，即网络会随机将图片缩放到设定尺寸的0.5-1.5倍之间文件目录如下：2.实现
  • 2018-08-13 使用UIScrollView 进行图片缩放 北你妹的风
    1、创建UIScrollView，设置属性：scrollView.delegate=self;scrollView.contentSize=CGSizeMake(SCREEN_WIDTH,SCREEN_HEIGHT);scrollView.showsVerticalScrollIndicator=NO;scrollView.showsHorizontalScrollIndicator=NO;scr
  • JS特效：相册变换 Lawliet_ZMZ JavaScriptCSS&CSS3前端&项目前端之路
    嗯就是这样一个例子，视频学到的一个特效，实际用处并不大，但是可以帮助理解JS语言和熟悉CSS3样式。设计：观察一张图片的变化，发现：1、图片缩放（随机，并且不是同时运动）1、从大到小2、从小到大，透明度从1到0（在第一步运动完成后立马开始）2、图片旋转（随机，并且不是同时运动的。需要在全部运动走完以后开始）3.因为每张图片是随机开始变换的，所以起始时间是不同的，这里可设置一个延迟器setTimeo
  • Android利用Matrix对Bitmap进行图片缩放旋转平移倾斜等处理 IT_熊 android复习
    Matrix的操作，总共分为scale（缩放），translate（平移），rotate（旋转），和skew（倾斜）四种，对应Android有四种post方法（postScale,postTranslate,postRotate,postSkew）可以对Bitmap图片进行相应处理。代码片段如下：/***转换bitmap**@paramsrcBitmap源bitmap*@return转换后的bit
  • android photoview github,Android photoview使用遇到Failed to resolve: com.github.chrisbanes:PhotoView:1.2... Airbnb爱彼迎技术团队 androidphotoviewgithub
    在app的build.gradle添加photoview依赖,photoview图片缩放库implementation'com.github.chrisbanes:PhotoView:1.2.6'但是会出现Error:(70,13)Failedtoresolve:com.github.chrisbanes:PhotoView:1.2.6问题，解决方法：在项目的build.gradle添加如下：ph
  • Qt之快速生成缩略图thumbnail 草上爬 Qt实用编程技术QtGDI+缩略图thumbnail
    在做聊天时通常会上传两张图片到服务器，一张原图，一张缩略图，缩略图由于尺寸小，上传速度快，增强了聊天的“即时”性。但是如果生成缩略图花费的时间过长，“即时”性将会大打折扣。一种常用的图片缩放策略是：1.如果图片的宽高都大于目标宽高，则先等比例缩放图片，使其宽或高与目标尺寸相等，然后再截取目标大小的区域。这种情况相当于先将QImageQImage::scaled(constQSize&size,Qt
  • 图片实现缩放的代码有哪些？ elirlove1 python前端javascript
    图片缩放通常涉及到编程和特定的编程语言。这里提供几种主流编程语言的图片缩放实现方法：Python(使用PIL库)：python复制代码fromPILimportImagedefresize_image(input_image_path,output_image_path,size):original_image=Image.open(input_image_path)width,height=or
  • Python OpenCV实现图片像素区域缩放 SlowFeather OpenCVPythonpythonopencv
    PythonOpenCV实现图片像素区域缩放前言项目安装OpenCV和Pillow思路代码编写前言遇到一个要将大量图片缩放成统一规格的难题，并且这些图片周围还有很多空白像素，所以用Python实现一下。项目安装OpenCV和Pillowpipinstallopencv-pythonpipinstallpillow思路先把周围的空白像素去掉，再进行中心缩放，放到规定大小的矩形内即可。代码编写需要设置
  • vue项目实现图片缩放与拖拽功能 翱翔同步 vue.jsjavascript前端
    在项目开发中遇到一个需求：1：用鼠标滚轮可对图片进行缩放处理2：点击按钮可对图片进行缩放处理3：可对图片进行拖拽处理我在开发中通过自己实现与百度查看优秀的铁子进行了两种类型的使用1：个人进行实现：源码：大小未赞已赞-->下载exportdefault{data(){return{zoomD:1,love:false,imgSrc:'https://img2.baidu.com/it/u=13959
  • vue项目中利用html-to-image插件将div盒子转化为base64图片,和鼠标滚轮控制图片缩放!!! 上铺的老家伙 前端html5vue.js
    html-to-image插件是一个能够将div盒子包括里面内容转化成png图片的插件,我个人在项目中遇到使用它的情况是在读取身份证信息之后,将获取到的数据,填入到自己写好的div盒子内,然后转化成图片放入到展示区域内.这里只写一个简单的盒子,内部一段文字和一张图片(vue项目中)首先npminstallhtml-to-image今天是个好日子import{toPng}from'html-to-i
  • Qt 图片缩放无锯齿处理 柳暗花明、又一春 QT编程qt
    Qt::SmoothTransformationpix=pix.scaled(targetWidth,targetHeight,Qt::IgnoreAspectRatio,Qt::SmoothTransformation);
  • 【小巧|轻便|实用】图片缩放器工具 我与岁月的森林 个人开发的小工具python图像处理
    Release【V1.0】工具名称：图片缩放器（ImageResizer）工具版本：1.0功能介绍：1.批量生成指定目录下不同图片文件的指定尺寸的图片文件；2.可以选择预设尺寸，也可以输入自定义尺寸；3.重置按钮可以清空所有输入框；4.顶部菜单可以更换语言版本，分为英文和中文。工具截图：下载链接：百度网盘（提取码：1314）【V1.1】版本对比功能V1.0V1.1预设尺寸√√自定义尺寸√√添加图片
  • 目标检测 - FPN结构 mango1698 AI目标检测深度学习人工智能
    论文：FeaturePyramidNetworksforObjectDetection网址：https://arxiv.org/abs/1612.03144图a为特征图像金字塔，针对我们要检测不同尺度的目标时，我们会将图片缩放到不同的尺度，针对每个尺度的图片都经过我们的模型进行预测。面临问题：生成n个不同的尺度，就要重新预测n次，这样效率是很低的。图b为Faster-CNN采用的一种方式，图片通过
  • 学习回顾No.6 小Z想打代码 学习webhtmlcssjavascript
    移动WEB开发视口（viewport）布局视口视觉视口理想视口meta视口标签width=>设viewport宽度initial-scale=>初始缩放比maximum-scale=>最大minimum-scale=>最小user-scalable=>用户是否可缩放，yes或no（1或0）物理像素&物理像素比Retina(视网膜屏幕)使移动端和PC端像素不一一对应多倍图=>先放大再缩小背景图片缩放
  • python图片处理之图片缩放 gf_lvah 图像处理python缩放
    fromPILimportImage#1打开文件,返回一个文件对象;im=Image.open('hello.jpg')#2.获取已有图片的尺寸;width,height=im.size#3.缩放图片50%im.thumbnail((width/10,height/10))#4.把缩放的图片保存;im.save('hello1.png','png')
  • QML实现的图片浏览器 草上爬 Qt实用编程技术javascripthtml前端
    很久之前实现了一个QWidget版本的图片浏览器：基于Qt5的图片浏览器QHImageViewer今天用QML也实现一个，功能差不多：●悬浮工具栏●支持图片缩放、旋转、还原、旋转、拖动。●拖动图片时，释放鼠标图片会惯性滑动。●支持左右翻页查看文件夹中的图片。●支持保存图片至本地。一.效果1.翻页2.工具栏操作二.实现1.工具栏的实现首先要用QML自定义Button，因为标准Button控件达不到这
  • CSS-设置背景图片的大小 LxyingINGing csscss前端
    要设置背景图片的大小，您可以使用CSS的background-size属性。这个属性允许您指定背景图片的尺寸。background-size属性可以接受不同的值，包括：auto：保持原始图片的尺寸。cover：将图片缩放到完全覆盖背景区域，可能会裁剪部分图片。contain：将图片缩放到完全适应背景区域，可能会留有空白区域。具体的尺寸值，例如100px、50%等。以下是几个示例：/*将背景图片缩放
  • FPN（Feature Pyramid Networks） meteor,across T sky 卷积神经网络深度学习计算机视觉人工智能
    FPN详细图a图a是在传统的图像处理当中是比较常见的一个方法。针对我们要检测不同尺度的目标时，会将图片缩放成不同的尺度，然后将每个尺度的图片依次通过我们的算法进行预测。优点是它创建的多尺度特征的所有层次都包含很强的语义特征，包括高分辨率的层次。这种方法的优点是精度比较高。缺点是我们生成多少尺度的图片我们就要重新去预测多少次，需要大量的算力和内存空间。图b图b是FastR-CNN和FasterR-C
  • vue2移动端网页图片触摸滑动改变top和left以及双指对图片进行缩放 萧寂173 vuejavascript开发语言ecmascript
    代码(这个是vue2中的代码,可以稍加转换vue3也可以用)exportdefault{data(){return{store:{//图片缩放scale:1,pageX:'',pageY:'',},top:0,left:0,ot:0,ol:0,leaderboardphb:true}},methods:{//图片的移动//开始触摸startMap(e,index){console.log('e',
  • 前端使用scale属性结合CSS动态样式实现动态的图片缩放效果 奋斗者格洛古 前端javascript开发语言
    废话不多说，直接上代码：示例一，使用css动态样式结合scale进行src图片的缩放。//结构层，使用动态属性配合计算属性来实现动态样式//在计算属性中，使用return（item）来接收从结构层中传递的相关宽高值computed:{elementStyle(){return(item)=>{//注意此处1038以及518是设定的父容器的盒子大小constscale_x=1038/this.sel
  • Qt 拖动窗口图片缩放 FeboReigns qtqt
    自己封装了一个widget重写了事件，并在里面放了label#ifndefWIDGETRESZIMG_H#defineWIDGETRESZIMG_H#include#include#include#includeclassWidgetReszImg:publicQWidget{Q_OBJECTpublic:explicitWidgetReszImg(QWidget*parent=nullptr);
  • 鸿蒙应用中图片的显示（Image组件） 昉钰 鸿蒙4.0开发鸿蒙4.0harmonyosArkTSUI图片显示
    目录1、加载图片资源1.1、存档图类型数据源a.本地资源b.网络资源c.Resource资源d.媒体库file://data/storagee.base641.2、多媒体像素图片2、显示矢量图3、添加属性3.1、设置图片缩放类型3.2、设置图片重复样式3.3、设置图片渲染模式3.4、设置图片解码尺寸3.5、添加滤镜效果3.6、同步加载图片3.7、事件调用开发者经常需要在应用中显示一些图片，例如：按
  • Qt中图片旋转缩放操作 糯诺诺米团 Qtqt开发语言
    在我们开发过程中，难免会遇到加载图片的问题，在上一个开发项目里我就遇到了图片缩放的问题，所以，我决定将这一部分好好研究，记录下来，希望对大家有帮助哟~在讲解之前，我们先看一看具体的展示效果，有没有你需要的功能？如果有，那就继续跟着我的思路走吧~功能实现具体的功能分成了两类：旋转、缩放1：图片加载说到了图片旋转，第一个需要讲述的功能是：打开文件并加载图片资源。效果图右侧是采用QLabel控件进行图片
  • 自有图片数据制成npz格式数据集 缘起性空、 深度学习人工智能数据python
    在Python中，我们可以使用numpy库将多分类训练数据集制成NPZ格式。首先，我们需要将图片数据转换为适合神经网络输入的格式，例如将图片缩放到相同的大小，并将其归一化到0-1之间，最后将其压缩为.npz文件。importnumpyasnp#导入numpy库，用于处理数组和矩阵运算fromPILimportImage#导入PIL库的Image模块，用于处理图像importos#导入os库，用于处
  • Open CV 图像处理基础：（三）图片缩放操作 無间行者 OpenCV图像处理人工智能opencv
    OpenCV图像处理基础：图片缩放操作使用OpenCV在Java中进行基本的图片缩放操作importorg.opencv.core.Core;importorg.opencv.core.Mat;importorg.opencv.core.Size;importorg.opencv.imgcodecs.Imgcodecs;importorg.opencv.imgproc.Imgproc;public
  • java图片压缩踩过的坑 菜鸟泽 java工具类javaimage
    java图片压缩踩过的坑使用谷歌压缩工具Thumbnailator,支持图片缩放，区域裁剪，水印，旋转等，自行研究net.coobirdthumbnailator0.4.8保持图片尺寸不变，压缩大小，代码如下:importnet.coobird.thumbnailator.Thumbnails;importjava.io.File;importjava.io.FileNotFoundExcepti
  • scala的option和some 矮蛋蛋 编程scala
    原文地址： http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html 对于学习 Scala 的 Java™ 开发人员来说，对象是一个比较自然、简单的入口点。在 本系列 前几期文章中，我介绍了 Scala 中一些面向对象的编程方法，这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念，找到其缺点
  • NullPointerException Cb123456 androidBaseAdapter
        java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference     出现以上异常.然后就在baidu上
  • PHP使用文件和目录 天子之骄 php文件和目录读取和写入php验证文件php锁定文件
    PHP使用文件和目录 1.使用include()包含文件 (1)：使用include()从一个被包含文档返回一个值 (2)：在控制结构中使用include()   include_once()函数需要一个包含文件的路径，此外，第一次调用它的情况和include()一样，如果在脚本执行中再次对同一个文件调用，那么这个文件不会再次包含。   在php.ini文件中设置
  • SQL SELECT DISTINCT 语句 何必如此 sql
    SELECT DISTINCT 语句用于返回唯一不同的值。 SQL SELECT DISTINCT 语句 在表中，一个列可能会包含多个重复值，有时您也许希望仅仅列出不同（distinct）的值。 DISTINCT 关键词用于返回唯一不同的值。 SQL SELECT DISTINCT 语法 SELECT DISTINCT column_name,column_name F
  • java冒泡排序 3213213333332132 java冒泡排序
    package com.algorithm; /** * @Description 冒泡 * @author FuJianyong * 2015-1-22上午09:58:39 */ public class MaoPao { public static void main(String[] args) { int[] mao = {17,50,26,18,9,10
  • struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题！ 7454103 DAOspringAjaxjsonqq
    struts2.18  出来有段时间了！ （貌似是 稳定版）   闲时研究下下！  貌似 sruts2 搭配 json 做 ajax 很吃香！   实践了下下！ 不当之处请绕过！ 呵呵   网上一大堆 struts2+json  不过大多的json 插件 都是 jsonplugin.34.jar   strut
  • struts2 数据标签说明 darkranger jspbeanstrutsservletScheme
    数据标签主要用于提供各种数据访问相关的功能，包括显示一个Action里的属性，以及生成国际化输出等功能 数据标签主要包括： action ：该标签用于在JSP页面中直接调用一个Action，通过指定executeResult参数，还可将该Action的处理结果包含到本页面来。 bean ：该标签用于创建一个javabean实例。如果指定了id属性，则可以将创建的javabean实例放入Sta
  • 链表.简单的链表节点构建 aijuans 编程技巧
    /*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h" #define NODE(name, key_word, help) \  Node name[1]={{NULL, NULL, NULL, key_word, help}} typedef struct node {  &nbs
  • tomcat下jndi的三种配置方式 avords tomcat
    jndi(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来，使得我们可以用名称 访问对象。目录服务是一种命名服务，在这种服务里，对象不但有名称，还有属性。          tomcat配置
  • 关于敏捷的一些想法 houxinyou 敏捷
    从网上看到这样一句话：“敏捷开发的最重要目标就是：满足用户多变的需求，说白了就是最大程度的让客户满意。” 感觉表达的不太清楚。 感觉容易被人误解的地方主要在“用户多变的需求”上。 第一种多变，实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的，只是比较多，也比较混乱，用户一般只能了解自己的那一小部分，所以没有用户能清楚的表达出整体需求。而由于各种条件的，用户表达自己那一部分时也有
  • 富养还是穷养，决定孩子的一生 bijian1013 教育人生
    是什么决定孩子未来物质能否丰盛？为什么说寒门很难出贵子，三代才能出贵族？真的是父母必须有钱，才能大概率保证孩子未来富有吗？-----作者：@李雪爱与自由 事实并非由物质决定，而是由心灵决定。一朋友富有而且修养气质很好，兄弟姐妹也都如此。她的童年时代，物质上大家都很贫乏，但妈妈总是保持生活中的美感，时不时给孩子们带回一些美好小玩意，从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
  • oracle 日期时间格式转化 征客丶 oracle
    oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP； SYSDATE：不支持毫秒，取的是系统时间； SYSTIMESTAMP：支持毫秒，日期，时间是给时区转换的，秒和毫秒是取的系统的。 日期转字符窜： 一、不取毫秒： TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS') 简要说明， YYYY 年 MM   月
  • 【Scala六】分析Spark源代码总结的Scala语法四 bit1129 scala
    1. apply语法   FileShuffleBlockManager中定义的类ShuffleFileGroup，定义：   private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) { ... def apply(bucketId
  • Erlang中有意思的bug bookjovi erlang
      代码中常有一些很搞笑的bug，如下面的一行代码被调用两次（Erlang beam） commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b Author: Jovi Zhang <[email protected]> Date: Fri Dec 2 16:19:22 2011 +0100 erts:
  • 移位打印10进制数转16进制-2008-08-18 ljy325 java基础
    /** * Description 移位打印10进制的16进制形式 * Creation Date 15-08-2008 9:00 * @author 卢俊宇 * @version 1.0 * */ public class PrintHex { // 备选字符 static final char di
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 利用cmd命令将.class文件打包成jar chenyu19891124 cmdjar
    cmd命令打jar是如下实现： 在运行里输入cmd，利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes) 现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作： cd D: 回车 cd workspace/prpal
  • [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明 comsci eclipse设计模式算法工作swing
                           JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明     &nb
  • SecureCRT右键粘贴的设置 daizj secureCRT右键粘贴
    一般都习惯鼠标右键自动粘贴的功能，对于SecureCRT6.7.5 ，这个功能也已经是默认配置了。 老版本的SecureCRT其实也有这个功能，只是不是默认设置，很多人不知道罢了。 菜单： Options->Global Options ...->Terminal 右边有个Mouse的选项块。 Copy on Select Paste on Right/Middle
  • Linux 软链接和硬链接 dongwei_6688 linux
    1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。 【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连
  • DIV底部自适应 dcj3sjt126com JavaScript
    <!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&q
  • Centos6.5使用yum安装mysql——快速上手必备 dcj3sjt126com mysql
    第1步、yum安装mysql [root@stonex ~]#  yum -y install mysql-server 安装结果： Installed:     mysql-server.x86_64 0:5.1.73-3.el6_5                   &nb
  • 如何调试JDK源码 frank1234 jdk
    相信各位小伙伴们跟我一样，想通过JDK源码来学习Java，比如collections包，java.util.concurrent包。 可惜的是sun提供的jdk并不能查看运行中的局部变量，需要重新编译一下rt.jar。 下面是编译jdk的具体步骤：         1.把C:\java\jdk1.6.0_26\sr
  • Maximal Rectangle hcx2013 max
    Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.   public class Solution { public int maximalRectangle(char[][] matrix)
  • Spring MVC测试框架详解——服务端测试 jinnianshilongnian spring mvc test
    随着RESTful Web Service的流行，测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架，如果版本低于3.2，请使用spring-test-mvc项目（合并到spring3.2中了）。   Spring MVC测试框架提供了对服务器端和客户端（基于RestTemplate的客户端）提供了支持。 &nbs
  • Linux64位操作系统（CentOS6.6）上如何编译hadoop2.4.0 liyong0802 hadoop
    一、准备编译软件   1.在官网下载jdk1.7、maven3.2.1、ant1.9.4，解压设置好环境变量就可以用。     环境变量设置如下：   （1）执行vim /etc/profile （2）在文件尾部加入: export JAVA_HOME=/home/spark/jdk1.7 export MAVEN_HOME=/ho
  • StatusBar 字体白色 pangyulei status
    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent]; /*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
  • 如何分析Java虚拟机死锁 sesame javathreadoracle虚拟机jdbc
    英文资料： Thread Dump and Concurrency Locks   Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
  • 位运算简介及实用技巧（一）：基础篇 tw_wangzhengquan 位运算
    http://www.matrix67.com/blog/archives/263    去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一，很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料，学习到了更多关于位运算的知识，有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章，与其说是原来那篇文章的follow-up，不如说是一个r
  • jsearch的索引文件结构 yangshangchuan 搜索引擎jsearch全文检索信息检索word分词
    jsearch是一个高性能的全文检索工具包，基于倒排索引，基于java8，类似于lucene，但更轻量级。   jsearch的索引文件结构定义如下：     1、一个词的索引由=分割的三部分组成：        第一部分是词        第二部分是这个词在多少
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他