水中月120
水中月120

自己写的图片预览

    上一篇博客转载了别人写的图片预览，然后分析了一下，觉得代码写的很冗杂，就自己写了写了一个图片预览的小例子。欢迎大家拍砖。上源码。。。。

<!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>图片预览效果</title> 

<style type="text/css">

 .imgstyle {

width:150px;

height:200px;

 }

 ul li {

float: left;

margin-left: 20px;

border: rgb(255, 0, 51) solid 2px;

 }

 #showimage{

   position:absolute;

width:300px;

height:400px;

border: rgb(255, 0, 51) solid 2px;

display:none;

}

#bigimg{


width:100%;

height:100%;

}

</style>

<script src="./jquery/jquery-1.8.3.min.js"></script>  

<script type="text/javascript">

$(document).ready(function(){

var $img=$("img");

var $ul=$("ul");

var $pageX;

var $pageY;

var $src;

$("#main").append("<div id='showimage'><img id='bigimg'></img></div>");

var $image=$("#showimage img");

var $ulimage=$("ul img");

var $showimage=$("#showimage");

$ulimage.bind("mousemove",function(e){

var ev=e||window.event;                                                     $pageX=ev.pageX+10;//处理鼠标移动到大图时引起的图片闪烁

          $pageY=ev.pageY+20;

$src=$(this).attr("src");

            $image.attr("src",$src);                                                        $showimage.css("left",$pageX+"px");                                                                  $showimage.css("top",$pageY+"px");

            $showimage.show();

 });

$ulimage.bind("mouseout",function(){

$showimage.hide();

 });


})

</script>


</head>

<body>

<h3>图片预览效果</h3>

<div id="main">

<ul>

<li><a href="" title="铁矿石"><img class="imgstyle" src="images/image(1).jpg"></img></a></li>

<li><a href="" title="煤炭"><img class="imgstyle" src="images/image(2).jpg"></img></a></li>

<li><a href="" title="孔雀石"><img class="imgstyle" src="images/image(3).jpg"></img></a></li>

<li><a href="" title="蓝田玉"><img class="imgstyle" src="images/image(4).jpg"></img></a></li>



</ul>

</div>

</body>

</html>


本文出自 “shuizhongyue” 博客，转载请与作者联系！

你可能感兴趣的:(图片预览)

  • vue3+ts实现图片预览功能 前端fighter vue.jsjavascript前端
    首先，需要创建一个Vue组件，用于显示图片和预览图。import{ref}from'vue';exportdefault{props:{imageSrc:{type:String,required:true,},previewSrc:{type:String,required:true,},},setup(props){constpreviewVisible=ref(false);constsho
  • 《2021科幻稿、科幻小说投稿指南》2021-12-10更新（总奖金已超913万元人民币） 钟天心
    《2021科幻稿、科幻小说投稿指南》2021-12-10更新（总奖金已超913万元人民币）科幻爱好者投稿指南|2021.12.10图片预览如下科幻爱好者投稿指南|2021.12.10图片预览科幻爱好者投稿指南|2021.12.10
  • Content-Disposition 响应头，设置文件在浏览器打开还是下载(pdf文件在浏览器预览功能)图片预览功能浏览器下载功能 万事俱备就差一个程序员了
    Content-Disposition属性是作为对下载文件的一个标识字段，在rfc2616http://www.rfc-editor.org/rfc/rfc2616.pdf章节19.5AdditionalFeatures中有介绍，具体介绍请看http://www.rfc-editor.org/rfc/rfc1806.txt字段介绍如下：disposition:="Content-Dispositi
  • flutter3-dart-chat：基于flutter3+material-ui仿微信App聊天应用
    距离2024新春佳节还有3天时间，趁着佳节来临之际，使用全新跨多平台技术flutter3+dart3开发了一款仿微信App聊天界面实例项目Flutter3Chat。flutter3-wchat实现发送图文emoj表情消息+gif动图、长按仿微信语音操作面板、图片预览、红包及朋友圈等功能。技术栈开发工具：VScode框架技术：Flutter3.16.5+Dart3.2.3UI组件库：Material
  • 微信小程序-实现保存图片功能的3种方式 super_chh 小程序
    点击图片预览保存点击图片预览保存先通过wx.previewImage接口预览图片，然后长按图片弹出底部弹窗保存图片。这种方式的缺点是会多一个预览的步骤详细实现代码如下：wx.previewImage({current:'',//当前显示图片的http链接urls:['https://www.xxx.png',...]//需要预览的图片http链接列表})如果只想显示一张，那urls数组值只写一个即
  • vue3的常用功能 小马甲丫 #vue3javascript前端vue3
    文章目录一、前言二、自动注册全局组件2.1、自动注册`components`目录下所有`vue`组件并以组件的文件名为组件的名称2.2、使用这个插件2.3、为全局组件添加类型提示三、函数式图片预览四、手动封装`svgIcon`组件五、封装拖拽钩子函数六、`vscode`中`vue3`代码片段七、最后一、前言本文主要分享一下在使用vue3开发项目时的一些常用功能二、自动注册全局组件2.1、自动注册c
  • 【vue】v-viewer图片查看器的使用和通过函数直接打开图片预览 飘逸者打瞌睡 vue3vue2前端vue.js前端javascript
    引入v-viewer依赖包importViewerfrom'v-viewer'import'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({Options:{'zIndex':99999,'zIndexInline':99999,'inline':true,'button':true,'navbar':true,'title'
  • vue3项目实现预览图片、旋转图片功能 Miraitowa_chole vue.js前端javascriptelementui前端框架lesssass
    一、需求：在点击图片时，能预览大图，弹出一个包含旋转图片功能按钮的弹窗。用户可通过点击按钮实现对图片的旋转操作二、思路：点击图片预览：用户通过点击图片触发预览功能。接收图片的URL，弹出一个模态框展示大图。旋转图片功能：在模态框内添加一个“旋转图片”按钮。定义两个变量：rotationAngle用于记录当前旋转角度，rotationStep设置为90度的常量，表示每次点击按钮旋转的角度。创建点击事
  • 【项目技术点总结之一】vue集成d3.js利用svg加载图片实现缩放拖拽功能 伽蓝寺听雨 前端开发d3.jsvue.jssvg
    【项目技术点总结之一】vue集成d3.js利用svg加载图片实现缩放拖拽功能前言概述技术介绍实现过程插件安装引用组件初始化组件实现效果简单理解使用d3创建一个svg在svg中提添加元素函数使用使用总结说在最后前言概述最近项目开发过程中，前端需要有一个图片预览的组件，支持图片放大、缩小、拖拽等地图的基本功能，并且需要考虑后期扩展，可以在预览过程中添加标注。最初觉得这得用操作地图的插件才可以搞定，但仅
  • Winform写一个通用图片预览器管理，包含滚轮放大缩小，剪切，下一页，方向变化等 搬砖的诗人Z winformwindowswinfrom
    usingMetroFramework.Forms;usingSystem;usingSystem.Collections.Generic;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Drawing;usingSystem.Drawing.Drawing2D;usingSystem.Drawing.Imaging;usingSys
  • 小程序图片预览 三为科技
    一个页面有3张图片，点击其中任意一张都可以放大预览。然后在预览的时候，左右滑动，还可以看另外两张图片。话不多说，直接上代码1，首先定义一个页面image.wxml这个页面很简单，就是放三个image用来显示imgList数组里的三张图片。2，实现图片放大效果的核心方法如下。上图是官方的示例。我们来看下实际中是如何使用的。3把image.js的完整代码贴出来。Page({data:{imgList:
  • uni-app移动端图片预览组件 movable-area 、movable-view （支持缩放，拖动效果、替换部分代码图片可直接使用） 前端白袍 uni-appjavascript前端
    UniApp图片预览组件利用uni-app官方、内置视图组件配合uView组件的u-popup弹框组件共同实现封装的图片预览组件，支持手指缩放、拖动效果，替换代码中部分图片后可以直接使用。效果图：组件代码：//图片预览组件代码//预览组件关闭隐藏按钮//需要展示的图片exportdefault{name:"photo-preview",props:{//父组件控制显示showPicPreview:
  • vant的图片上传组件预览问题 xiaozaq vant前端服务器vant
    先记录问题：主要是我直接吧图片的base64字符串存入了数据库，再次打开页面加载图片时，要么就是页面显示图片错误，要么就是点击图片预览时查看失败（因为使用的vue+vant+cordova+sqlite实现单机版应用，不希望联网，所以直接把图片存数据库了）。vant版本是4.8.0当file对象设置属性url值是"data:image/png;base64,iVBORw0KG..."格式时，页面显
  • vue实现图片预览放大缩小功能 西蜀漫山桃花 随笔vue.jsjavascript前端
    ImgShow.vue代码如下：exportdefault{name:'ImgShow',props:{file:{type:String,default:''}},data(){return{test:'',pictShow:false,zoomInShow:false,params:{zoomVal:1,left:0,top:0,currentX:0,currentY:0,flag:false
  • vue 使用 v-viewer 用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。 未飞 vue插件vuevue.js前端javascript
    作者连接npm：[email protected]引入：//引入Viewer插件importVueViewer,{directiveasviewerDirective}from'v-viewer';//引入Viewer插件的图片预览器的样式import'viewerjs/dist/viewer.css';//使用Viewer图片预览器Vue.use(V
  • Flutter WebView之给H5网页图片添加点击事件以实现原生图片预览 wahkim Flutter开发flutter
    FlutterWebView之给H5网页图片添加点击事件以实现原生图片预览前言环境及插件代码实现参考前言网上很多方案，都是获取html中的图片列表，再往里面添加点击事件。思路是没错的，但是由于很多H5使用的VUE或者Ajax等技术异步加载渲染，因此此处需要借助jQuery库给一步渲染的img动态绑定事件。具体怎么做，往下看。环境及插件插件：flutter_webview_proiOS：WKWebv
  • JAVA爬虫案例——JSOUP爬取图片并使用v-viewer实现图片预览 北溟溟 JAVAjava爬虫
    前言网络爬虫是大数据时代收集数据的一种有效手段，合理合法的运用技术手段获取网络数据，实现数据的再利用也是程序员的一项重要技能。本节我们使用java环境下的jsoup实现网络数据的爬取，主要是图片数据的异步爬取，并实现网络图片的下载及图片的预览功能，预览功能使用具有丰富功能的v-viewer实现。正文引入爬虫pom工具包org.apache.httpcomponentshttpclient4.5.6
  • 基于react+antd +华为云OBS，写上传+图片预览 ☞你你你☜ 前端OBSreact.js华为云javascript
    之前在网上也找不到Web具体实行OBS上传的代码，自己试着写了一下，感觉也还行，仅供参考，话不多说上代码import*asReactfrom"react";import{Upload,Button,Icon,message,Modal}from"antd";import"./uploads.less";exportdefaultclassUploadDataextendsReact.Compone
  • layui 监听checkbox,checkbox全选，反选，日期使用，select赋值，图片预览上传 程序小院 前端JavaScriptlayuijavascript前端
    1、checkbox使用form.render('checkbox')//再次渲染，不能选的时候需要再次渲染使用2、全选，反选form.on('checkbox(product_checkbox_all)',function(data){if(data.elem.checked){//判断选中//全选$("input[name='article[]']").each(function(){this
  • Vue实现图片预览，侧边栏懒加载，不用任何插件，简单好用 小阮的学习笔记 vue组件vue.js前端canvaspdf
    实现样式需求实现PDF上传预览，并且不能下载第一次实现：用vue-pdf，将上传的文件用base64传给前端展示问题：水印第一次加载有后面又没有了。当上传大的pdf文件后，前端获取和渲染又长又慢，甚至不能用修改实现模式前端上传PDF，后端将PDF转化成一页一页的图片前端根据page去获取一页一页的PDF图片，类似于百度文库实现思路配合后端实现思路获取全部页数，先把侧边栏的元素画出来占个位置获取已经
  • 探索文件与交互：使用PyQt5构建一个高级文件选择器 babybin 交互qt开发语言
    在当今的应用程序开发中，文件管理和交互是一个重要的组成部分。特别是对于桌面应用程序，提供一个直观、功能丰富的文件选择器是提高用户体验的关键。本篇博客，我将介绍如何使用Python和PyQt5来构建一个高级的文件选择器，它不仅能浏览文件，还能预览图片，编辑文本文件，并提供基本的右键菜单操作。关键功能文件浏览：使用QColumnView和QFileSystemModel展示文件系统。图片预览：选中图片
  • 【vue v-viewer插件】5分钟搞定图片预览，旋转，放大等功能 米老鼠的摩托车日记 vue插件vue2vue.js前端javascript
    实现图片放大功能，得善用插件啊！实现效果如下：安装插件并引入npminstallv-viewer--save//引入Viewer插件importVueViewer,{directiveasviewerDirective}from'v-viewer';//引入Viewer插件的图片预览器的样式import'viewerjs/dist/viewer.css';//使用Viewer图片预览器Vue.us
  • element el-upload 一次上传单张/多张图片（多选） ???xixi vueupload
    文章目录前言一、单张图片的上传二、一次上传多张图片前言这是使用element-ui中的el-upload进行上传的，但是吧，预览是自定义的组件，所以多选会有些麻烦，因为file-list的参数，具体参考例子来讲吧一、单张图片的上传//这是自定义的图片预览的组件，pictureList就是上传的图片//这是上传的标识，当图片大于9张就不允许其上传了，就没有上传的按钮啦。下面的代码也会调用on-exc
  • 小程序 点击图片预览 wx_caiji
    .imgList{width:100%;}.imgList.imgList-li{width:100%;}.imgList.imgList-li.img{width:400rpx;height:400rpx;}重点这个事件bindtap='previewImg'data:{imgArr:['http://bpic.588ku.com/element_origin_min_pic/16/10/30/
  • vue2自定义封装图片预览组件 前端搬砖达人 前端vue
    前言：预览图片现在已经有成熟的组件了，比如elementui的图片预览功能，但是现实开发过程中，elementui图片预览已经不满足需求了，比如涉及预览时删除图片以及下载图片自定义封装图片预览组件功能：滚轮滚动图片放大、还原图片、左旋转、右旋转、上一张、下一张、删除图片、预览大图参数传入：是否显示图片、图片的url、图片预览图的宽度、图片预览图的宽度、预览列表1、布局这里的布局根据需求有两种，一种
  • Vue + ElementUI表格内实现图片点击放大效果 Bubluu vue.js
    实现点击图片预览这次主要是在table表格里能够实现，点击里面的图片实现大图预览的效果，直接找的现成的轮子，用在项目里。这里主要是讲讲用viewer组件实现点击图片预览，用的组件，只需在本地安装或者引入。先安装viewer—使用npm安装npminstallv-viewer--save1在main.js中引入importViewerfrom'v-viewer'//点击图片大图预览import'vi
  • 小程序通过计算两手指之间距离实现图片预览缩放移动 心情无变化 小程序小程序javascript
    一、实现思路：通过修改imageView的margin-left和margin-top来改变图片的位置以实现图片的单指移动效果和所有操作结束松手后的回弹效果。修改imageView的宽和高以实现图片放大缩小的效果，且需要同时修改其margin-left和margin-top使图片能以【两手指的中间点为原点】缩放。二、实现用到margin来改变图片的位置，给imageView设置样式的时候就不是单单
  • el-image的preview-src-list图片预览总是从第一张的问题 咸鱼起码是条鱼 Jslisttomcat数据结构
    imgList:[{id:1,url:"aaa.png"},{id:2,url:"aaa.png"},{id:3,url:"aaa.png"},]previewImgList:["aaa.png","bbb.png","ccc.png",]注意:1.previewImgList必须直接存储图片的路径,不能以对象包裹的形式2.previewImgList的每一项必须与原数据里的url值完全匹配,包括
  • vue：处理base64格式文件pdf、图片预览 coinisi_li pdf
    一、需求：后端返回是base64数据，需要前端处理来展示文件。二、实现方法：解释一下这段代码的功能：）preview(item)是一个函数，接受一个参数item，其中包含了文件的相关信息。）首先，通过条件语句if(item.type=='pdf')检查文件类型是否为'pdf'。）如果文件类型是'pdf'，则执行以下操作：使用webAPI.server.get()方法发送一个请求，请求的URL是通过
  • 小程序中使用wx.previewImage实现图片预览与缩放 心情无变化 小程序小程序javascript
    在小程序文档中我们可以看到wx.previewImage的功能是在新页面中全屏预览图片，预览的过程中用户可以进行保存图片、发送给朋友等操作。但其实还有一个隐藏功能缩放图片，最小为原比例。话不多说，上代码：xml代码：src的路径换成自己的图片路径就可以了，可以是像上面一样的本地图片路径，也可以是线上图片链接。js代码：Page({/***预览图片*@param{*}e*/previewImage(
  • [星球大战]阿纳金的背叛 comsci
          本来杰迪圣殿的长老是不同意让阿纳金接受训练的.........     但是由于政治原因,长老会妥协了...这给邪恶的力量带来了机会     所以......现代的地球联邦接受了这个教训...绝对不让某些年轻人进入学院    
  • 看懂它，你就可以任性的玩耍了！ aijuans JavaScript
              javascript作为前端开发的标配技能，如果不掌握好它的三大特点：1.原型 2.作用域 3. 闭包 ,又怎么可以说你学好了这门语言呢？如果标配的技能都没有撑握好，怎么可以任性的玩耍呢？怎么验证自己学好了以上三个基本点呢，我找到一段不错的代码，稍加改动，如果能够读懂它，那么你就可以任性了。 function jClass(b
  • Java常用工具包 Jodd Kai_Ge javajodd
    Jodd 是一个开源的 Java 工具集， 包含一些实用的工具类和小型框架。简单，却很强大！ 写道 Jodd = Tools + IoC + MVC + DB + AOP + TX + JSON + HTML < 1.5 Mb Jodd 被分成众多模块，按需选择，其中 工具类模块有： jodd-core    &nb
  • SpringMvc下载 120153216 springMVC
    @RequestMapping(value = WebUrlConstant.DOWNLOAD) public void download(HttpServletRequest request,HttpServletResponse response,String fileName) { OutputStream os = null; InputStream is = null;
  • Python 标准异常总结 2002wmj python
    Python标准异常总结 AssertionError 断言语句（assert）失败 AttributeError 尝试访问未知的对象属性 EOFError 用户输入文件末尾标志EOF（Ctrl+d） FloatingPointError 浮点计算错误 GeneratorExit generator.close()方法被调用的时候 ImportError 导入模块失
  • SQL函数返回临时表结构的数据用于查询 357029540 SQL Server
    这两天在做一个查询的SQL，这个SQL的一个条件是通过游标实现另外两张表查询出一个多条数据，这些数据都是INT类型，然后用IN条件进行查询，并且查询这两张表需要通过外部传入参数才能查询出所需数据，于是想到了用SQL函数返回值，并且也这样做了，由于是返回多条数据，所以把查询出来的INT类型值都拼接为了字符串，这时就遇到问题了，在查询SQL中因为条件是INT值，SQL函数的CAST和CONVERST都
  • java 时间格式化 | 比较大小| 时区 个人笔记 7454103 javaeclipsetomcatcMyEclipse
    个人总结！ 不当之处多多包含！ 引用 1.0 如何设置 tomcat 的时区：          位置：(catalina.bat---JAVA_OPTS  下面加上)          set JAVA_OPT
  • 时间获取Clander的用法 adminjun Clander时间
    /**    * 得到几天前的时间    * @param d    * @param day    * @return    */   public static Date getDateBefore(Date d,int day){    Calend
  • JVM初探与设置 aijuans java
    JVM是Java Virtual Machine（Java虚拟机）的缩写，JVM是一种用于计算设备的规范，它是一个虚构出来的计算机，是通过在实际的计算机上仿真模拟各种计算机功能来实现的。Java虚拟机包括一套字节码指令集、一组寄存器、一个栈、一个垃圾回收堆和一个存储方法域。 JVM屏蔽了与具体操作系统平台相关的信息，使Java程序只需生成在Java虚拟机上运行的目标代码（字节码）,就可以在多种平台
  • SQL中ON和WHERE的区别 avords
    SQL中ON和WHERE的区别   数据库在通过连接两张或多张表来返回记录时，都会生成一张中间的临时表，然后再将这张临时表返回给用户。   www.2cto.com   在使用left jion时，on和where条件的区别如下：  1、 on条件是在生成临时表时使用的条件，它不管on中的条件是否为真，都会返回左边表中的记录。 
  • 说说自信 houxinyou 工作生活
    自信的来源分为两种,一种是源于实力,一种源于头脑.实力是一个综合的评定,有自身的能力,能利用的资源等.比如我想去月亮上,要身体素质过硬,还要有飞船等等一系列的东西.这些都属于实力的一部分.而头脑不同,只要你头脑够简单就可以了!同样要上月亮上,你想,我一跳,1米,我多跳几下,跳个几年,应该就到了!什么?你说我会往下掉?你笨呀你!找个东西踩一下不就行了吗?     无论工作还
  • WEBLOGIC事务超时设置 bijian1013 weblogicjta事务超时
            系统中统计数据，由于调用统计过程，执行时间超过了weblogic设置的时间，提示如下错误： 统计数据出错! 原因：The transaction is no longer active - status: 'Rolling Back. [Reason=weblogic.transaction.internal
  • 两年已过去，再看该如何快速融入新团队 bingyingao java互联网融入架构新团队
    偶得的空闲，翻到了两年前的帖子 该如何快速融入一个新团队，有所感触，就记下来，为下一个两年后的今天做参考。     时隔两年半之后的今天，再来看当初的这个博客，别有一番滋味。而我已经于今年三月份离开了当初所在的团队，加入另外的一个项目组，2011年的这篇博客之后的时光，我很好的融入了那个团队，而直到现在和同事们关系都特别好。大家在短短一年半的时间离一起经历了一
  • 【Spark七十七】Spark分析Nginx和Apache的access.log bit1129 apache
    Spark分析Nginx和Apache的access.log，第一个问题是要对Nginx和Apache的access.log文件进行按行解析，按行解析就的方法是正则表达式：   Nginx的access.log解析正则表达式   val PATTERN = """([^ ]*) ([^ ]*) ([^ ]*) (\\[.*\\]) (\&q
  • Erlang patch bookjovi erlang
    Totally five patchs committed to erlang otp, just small patchs. IMO, erlang really is a interesting programming language, I really like its concurrency feature. but the functional programming style
  • log4j日志路径中加入日期 bro_feng javalog4j
    要用log4j使用记录日志，日志路径有每日的日期，文件大小5M新增文件。 实现方式 log4j: <appender name="serviceLog" class="org.apache.log4j.RollingFileAppender"> <param name="Encoding" v
  • 读《研磨设计模式》-代码笔记-桥接模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 个人觉得关于桥接模式的例子，蜡笔和毛笔这个例子是最贴切的：http://www.cnblogs.com/zhenyulu/articles/67016.html * 笔和颜色是可分离的，蜡笔把两者耦合在一起了：一支蜡笔只有一种
  • windows7下SVN和Eclipse插件安装 chenyu19891124 eclipse插件
    今天花了一天时间弄SVN和Eclipse插件的安装，今天弄好了。svn插件和Eclipse整合有两种方式，一种是直接下载插件包，二种是通过Eclipse在线更新。由于之前Eclipse版本和svn插件版本有差别，始终是没装上。最后在网上找到了适合的版本。所用的环境系统：windows7JDK：1.7svn插件包版本：1.8.16Eclipse：3.7.2工具下载地址：Eclipse下在地址：htt
  • [转帖]工作流引擎设计思路 comsci 设计模式工作应用服务器workflow企业应用
    作为国内的同行，我非常希望在流程设计方面和大家交流，刚发现篇好文(那么好的文章，现在才发现，可惜)，关于流程设计的一些原理，个人觉得本文站得高，看得远，比俺的文章有深度，转载如下 ================================================================================= 自开博以来不断有朋友来探讨工作流引擎该如何
  • Linux 查看内存，CPU及硬盘大小的方法 daizj linuxcpu内存硬盘大小
    一、查看CPU信息的命令 [root@R4 ~]# cat /proc/cpuinfo |grep "model name" && cat /proc/cpuinfo |grep "physical id" model name : Intel(R) Xeon(R) CPU X5450 @ 3.00GHz model name :
  • linux 踢出在线用户 dongwei_6688 linux
    两个步骤： 1.用w命令找到要踢出的用户，比如下面：   [root@localhost ~]# w 18:16:55 up 39 days, 8:27, 3 users, load average: 0.03, 0.03, 0.00 USER TTY FROM LOGIN@ IDLE JCPU PCPU WHAT
  • 放手吧,就像不曾拥有过一样 dcj3sjt126com
    内容提要： 静悠悠编著的《放手吧就像不曾拥有过一样》集结“全球华语世界最舒缓心灵”的精华故事，触碰生命最深层次的感动，献给全世界亿万读者。《放手吧就像不曾拥有过一样》的作者衷心地祝愿每一位读者都给自己一个重新出发的理由，将那些令你痛苦的、扛起的、背负的，一并都放下吧！把憔悴的面容换做一种清淡的微笑，把沉重的步伐调节成春天五线谱上的音符，让自己踏着轻快的节奏，在人生的海面上悠然漂荡，享受宁静与
  • php二进制安全的含义 dcj3sjt126com PHP
    PHP里，有string的概念。 string里，每个字符的大小为byte（与PHP相比，Java的每个字符为Character，是UTF8字符，C语言的每个字符可以在编译时选择）。 byte里，有ASCII代码的字符，例如ABC，123，abc，也有一些特殊字符，例如回车，退格之类的。 特殊字符很多是不能显示的。或者说，他们的显示方式没有标准，例如编码65到哪儿都是字母A，编码97到哪儿都是字符
  • Linux下禁用T440s，X240的一体化触摸板(touchpad) gashero linuxThinkPad触摸板
    自打1月买了Thinkpad T440s就一直很火大，其中最让人恼火的莫过于触摸板。   Thinkpad的经典就包括用了小红点(TrackPoint)。但是小红点只能定位，还是需要鼠标的左右键的。但是自打T440s等开始启用了一体化触摸板，不再有实体的按键了。问题是要是好用也行。   实际使用中，触摸板一堆问题，比如定位有抖动，以及按键时会有飘逸。这就导致了单击经常就
  • graph_dfs hcx2013 Graph
    package edu.xidian.graph; class MyStack { private final int SIZE = 20; private int[] st; private int top; public MyStack() { st = new int[SIZE]; top = -1; } public void push(i
  • Spring4.1新特性——Spring核心部分及其他 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • 配置HiveServer2的安全策略之自定义用户名密码验证 liyonghui160com
        具体从网上看   http://doc.mapr.com/display/MapR/Using+HiveServer2#UsingHiveServer2-ConfiguringCustomAuthentication   LDAP Authentication using OpenLDAP Setting
  • 一位30多的程序员生涯经验总结 pda158 编程工作生活咨询
    1.客户在接触到产品之后，才会真正明白自己的需求。 　　这是我在我的第一份工作上面学来的。只有当我们给客户展示产品的时候，他们才会意识到哪些是必须的。给出一个功能性原型设计远远比一张长长的文字表格要好。 2.只要有充足的时间，所有安全防御系统都将失败。 　　安全防御现如今是全世界都在关注的大课题、大挑战。我们必须时时刻刻积极完善它，因为黑客只要有一次成功，就可以彻底打败你。   3.
  • 分布式web服务架构的演变 自由的奴隶 linuxWeb应用服务器互联网
    最开始，由于某些想法，于是在互联网上搭建了一个网站，这个时候甚至有可能主机都是租借的，但由于这篇文章我们只关注架构的演变历程，因此就假设这个时候已经是托管了一台主机，并且有一定的带宽了，这个时候由于网站具备了一定的特色，吸引了部分人访问，逐渐你发现系统的压力越来越高，响应速度越来越慢，而这个时候比较明显的是数据库和应用互相影响，应用出问题了，数据库也很容易出现问题，而数据库出问题的时候，应用也容易
  • 初探Druid连接池之二——慢SQL日志记录 xingsan_zhang 日志连接池druid慢SQL
    由于工作原因，这里先不说连接数据库部分的配置，后面会补上，直接进入慢SQL日志记录。   1.applicationContext.xml中增加如下配置： <bean abstract="true" id="mysql_database" class="com.alibaba.druid.pool.DruidDataSourc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他