xjw1987524
xjw1987524

js--简单放大镜实现（带移动方块）

/*
*知识点预备
clientX,clientY    鼠标相对于可视区的位置

offsetX,offsetY  layerX layerY   鼠标相对于事件源的位置

screenX，screenY  鼠标相对于屏幕的位置

pageX , pageY   IE(不支持)鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化。
在有滚动条的情况下就需要做这种额外的处理
兼容性的处理如下
var docE = document.documentElement,docBody=document.body;
pageX = clientX + Math.max(docE .scrollLeft,docBody.scrollLeft);
pageY = clientY  + Math.max(docE .scrollTop,docBody.scrollTop);**/

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>放大镜</title>
	<link rel="stylesheet" href="">
	<style type="text/css">
     media="all"
		html, body, div ,img {
		margin: 0;
		padding: 0;
		}
		#small{
			border: 1px solid  #dddddd;
			width: 352px;
			height: 352px;
			position: absolute;
			top: 0px;
			left: 0px;
      z-index: 3;
		}
       #small img{
       	   width: 350px;
       	   height: 350px;

       }
       .zoomUp{
       	visibility:hidden;
       	cursor: move;
       	border: 1px solid #ddd;
       	background: #FEDE4F 50% top no-repeat;
		opacity: .5;
		-moz-opacity: .5;
		-khtml-opacity: .5;
		filter: alpha(Opacity=50);
		position: absolute;
		left: 0;
		top:0;
       }
       #big{
       	width: 402px;
       	height: 402px;
       	position: absolute;
       	left: 362px;
       	top: 0px;
       	border: 1px solid #dddddd;
       	overflow: hidden;
       	visibility: hidden;
       }
       #big img{
       	width: 800px;
       	height: 800px;
       	position: absolute;

       }
	</style>
	<script type="text/javascript">
        window.onload = function(){
             var small = document.getElementById("small");
             var zoomUp = small.getElementsByTagName("div")[0];
             var big  = document.getElementById("big");
             var bigImg = big.getElementsByTagName("img")[0];
             //类似于自定义滚动条
             // 小图中--移动方块的最大top，和最大left
           var sT = small.offsetHeight-zoomUp.offsetHeight;
           var sL = small.offsetWidth-zoomUp.offsetWidth;
           //大图的最大top和最大left
           var bT = bigImg.offsetHeight-big.offsetHeight;
           var bL = bigImg.offsetWidth-big.offsetWidth;

             small.onmouseover = function(e){
                    var e = e || window.event;
             	   //计算鼠标进入的时候的位置，定位移动块的位置                  
                   zoomUp.style.visibility = "visible";
                   big.style.visibility = "visible";
                   // zoomUp.style.top = small.offsetLeft - cx +"px";
                   // zoomUp.style.left = small.offsetTop - cy +"px";
                   

                   small.onmousemove = function(e){
                      console.log("move");
                      var e = e || window.event;
                      var ex = e.clientX;
                      var ey = e.clientY;
                      
                      //为了保证鼠标在移动块的中央，所以移动快的位置要特殊处理
                      var l = ex-small.offsetLeft-zoomUp.offsetWidth/2;
                      var t = ey-small.offsetTop-zoomUp.offsetHeight/2;
                      
                      //判断左右边位置
                      if(l<0)
                      {
                        l = 0;
                      }
                      if(l>sL){
                        l = sL;
                      }

                      //判断上下位置
                      if(t<0)
                      { 
                          t = 0;
                      }

                      if(t>sT){
                        t = sT;
                      }


                   zoomUp.style.top = t+"px";
                   zoomUp.style.left = l +"px";
                   //右边的大图片移动比例计算。是等比例的为：左边小块移动的距离/左边小块移动的最大距离  =  右边图片移动的距离/右边图片移动的最大距离

                   //已经知道的是移动的最大距离，鼠标移动的时候，可以得到左边小块移动的距离，通过等比例可以计算出右边图片的移动距离
                   var pt = t/sT;
                   var pl = l/sL;
                   
                   bigImg.style.top = -pt*bT+"px";
                   bigImg.style.left = -pl*bL+"px";


                      
                   }

                   small.onmouseout = function(e){
                   	console.log("out");
					         zoomUp.style.visibility = "hidden";
                   big.style.visibility = "hidden";

                   }

                   return false;

             }







        }



	</script>
</head>
<body>
	<div id="small">
		<img src="img/small.jpg" />
		<div class="zoomUp" style="width: 175px; height: 175px;">&nbsp;</div>
	</div>
	<div id="big">
		     <img src="img/big.jpg">
	</div>

	
</body>
</html>

 

你可能感兴趣的:(js)

  • 第二章 EXI协议原理与实现--9.6 cJSON库改进--支持64位长整型 快活林高老大 ISO15118EXI
    9.6cJSON库改进--支持64位长整型cJSON本身不支持64位的整形数据解析和增加，对于部分应用场景不适用（例如时间戳，需要64位整数）。原因在于cJSON使用double来存储中间数据，转换为整形可能存在精度问题。本节作者提出了改进方案，让cJSON能够支持uint64类型。9.6.1基础知识和原因分析float和double的范围是由指数的位数来决定的。float的指数位有8位，而dou
  • rocketmq单一队列不消费问题 白衣神棍 问题排查处理javarocketmq
    （一）问题现象同事反馈，产线有一个topic，总共4个消息队列，其他3个都正常，但是有一个队列只进不出，消息一直挤压，挤压的量越来越大，感觉完全不消费了。（二）问题排查按照经验，初步怀疑是应用侧消费进程堵死了导致的通过jstack取了不同时间段，该应用的线程dump信息发现"ConsumeMessageThread_13"#274这个线程一直处于RUNNABLE，堵死了然后进一步分析该线程是具体是
  • 前端解决跨域问题 潜意识Java intellij-ideajavaideagitgitee
    ‍♀️潜意识起点：个人主页座右铭：得之坦然，失之淡然。擅长领域：前端是的，我需要您的：点赞❤️关注收藏是我持续下去的动力！目录一.作者有话说二.第一步2.1在你的vue找到vite.config.js2.2快捷代码三.第二步3.1访问路径更改编辑3.2问题解决了四.总结【不用看，浪费大家时间】4.1安全性4.2灵活性4.3模块化架构4.4分离关注点4.5提高用户体验4.6便于调试和测试4.7支持移
  • Service Worker 实现离线应用思路 诚诚程程成 前端前端
    1背景本地运行一个vue项目，界面如下：使用ServiceWorker对其进行缓存，预期在停止运行项目时（模拟离线场景）也能够正常访问项目2缓存的资源分析检查network，浏览器访问：http://localhost:5173/时，获取的资源需要包含如下，才能正常展示界面：HTML文件JS文件CSS文件3index.html内容ViteAppCardTitleThisisasimplecardw
  • 【蜂群课堂】AiWORK-自动化测试-自动化办公RPA 蜂群课堂 自动化rpa运维
    什么是AIWork:AT是AIWork旗下的一款安卓手机自动化集成度很高的自动化测试开发引擎，采用免root技术，自研IDE代码编辑器,脚本代码采用js代码，提供了众多的工具，方便自动生成js代码，做到可繁可简。AiWORK简单易上手AT提供了众多可视化代码编辑器,让你只是动动鼠标就可以生成代码,让编程小白也可以轻松入门。灵活开发对于编程大神,AT提供了代码编辑器,支持丰富的SDK封装，可以编写出
  • NextJS CVE-2025-29927 安全漏洞
    NextJSCVE-2025-29927安全漏洞CVE-2025-29927是一个存在于Next.js框架中的关键安全漏洞。该漏洞允许攻击者通过伪造或篡改x-middleware-subrequest请求头，绕过中间件（Middleware）的安全检查，从而访问到原本受保护的路由或API，进而导致授权绕过（AuthorizationBypass）以及潜在的更深层次安全风险。本篇文章将对漏洞成因、受
  • JWT 解码中的中文字符问题解决 奶糖 肥晨 js服务器运维
    文章目录问题背景问题分析1.**Base64Url编码问题**2.**`atob`函数的局限性**3.**UTF-8编码问题**解决方案1.**Base64Url解码**2.**UTF-8解码**3.**完整代码**测试与验证输入JWT输出结果最近在开发一个基于JWT（JSONWebToken）的身份验证功能时，我遇到了一个让人头疼的问题：解码后的JWT中的中文字符显示为乱码。经过一番折腾，终于找
  • VUE2导出el-table数据为excel并且按字段分多个sheet paradoxaaa_ 笔记excelvue.jsjavascript
    首先在根目录下建一个文件夹export用来存储export.jsimport*asXLSXfrom'xlsx'functionautoWidthFunc(ws,data){//设置每列的最大宽度constcolWidth=data.map(row=>row.map(val=>{varreg=newRegExp('[\\u4E00-\\u9FFF]+','g')//检测字符串是否包含汉字if(val
  • 03_JavaScript运算符+分支语句 东东__net 原生JavaScriptjavascript前端开发语言
    目录一、运算符1.1算数运算符1.2赋值运算符1.3比较运算符1.4自增自减运算符（一元运算符）1.5逻辑运算符二、分支结构if2.1if语句判断一种情况2.2ifelse判断两种情况2.3ifelseifelse判断多种情况三、分支结构switchcase四、强化练习一、运算符--运算符就是在代码里进行运算时使用的符号，不光是数学运算，在js里也有很多的运算方式1.1算数运算符1、+-只有两边都
  • 第十二：josn 传递参数 shouldBindJSON 和结构体的 db字段 小画家~ golang
    链接：Golang教程三（结构体、自定义数据类型，接口）_golang自定义数据类型-CSDN博客结构体指向json和数据库的dbtypeUserstruct{IDint`json:"id"db:"user_id"`Namestring`json:"name"db:"user_name"`}//db:"id"表示ID字段对应数据库中的"id"字段。//sql:",notnull"指定Name字段在
  • 探索复古编程的奇境：JSON65，一个在6502汇编语言中的JSON解析器 蒋素萍Marilyn
    探索复古编程的奇境：JSON65，一个在6502汇编语言中的JSON解析器json65AJSONparserwrittenin6502assemblylanguage.项目地址:https://gitcode.com/gh_mirrors/js/json65在这个追求高效与现代的编程时代，有一款项目逆流而上，将我们带回了8位机的时代——JSON65。这是一次向经典致敬的创新尝试，它不仅是一段代码，
  • 探索响应式架构的奇境：Reactive Architecture Patterns Examples 邴坤鸿Jewel
    探索响应式架构的奇境：ReactiveArchitecturePatternsExamplesreactiveReactiveArchitecturePatternsfromNFJSSessions项目地址:https://gitcode.com/gh_mirrors/reacti/reactive在当今瞬息万变的技术环境下，构建能够灵活应对高并发、低延迟需求的应用变得至关重要。由此，一款名为Re
  • [node] 2 fs文件系统模块 爱编程的小学究 ndoe专栏前端nodenode.js
    前言fs模块是Node.js官方提供的内置Api，用来操作文件的模块。它提供了一系列的属性和方法，来满足用户对文件的操作需求目标1掌握fs中文件处理方法readFile、writeFile等的基础用法2node如何安装3一些常用的终端快捷键
  • h5接微信js-sdk的详细步骤 爱编程的小学究 公众号与小程序专栏微信javascript前端
    h5接微信js-sdk的详细步骤JS-SDK配置流程（前端需要做的）1、配置JS安全域名2、服务接入3、引入Js文件4、使用wx.config进行权限验证5、代码JS-SDK配置流程（后端需要做的）获取access_token获取jsapi_ticket计算签名参考网站JS-SDK配置流程（前端需要做的）流程图:
  • Iptv机顶盒之epg界面h5开发注意事项 莱城意乱 tvhtml5javascripthtml智能电视
    发现机顶盒上内置的浏览器好像都是阉割版的，很多基本的样式或者js写法用不了。以下为注意事项（不足之处还望指点，谢谢）：一般机顶盒内置的浏览器都是ie8一下的版本浏览器的分辨率都是1280*720不允许出现css新特性，单位都是px，最好用绝对定位position,不用考虑电视屏幕尺寸的问题能用的css属性：position、width、height、top、right、bottom、left、fo
  • pyecharts在jupyter notebook中保存图片 忧王 python
    自己在使用的时候遇到的问题，也是看了很多博客实际上，官网就有使用方法附链接https://pyecharts.org/#/zh-cn/render_images我使用的是snapshot-phantomjssnapshot-phantomjs是pyecharts+phantomjs渲染图片的扩展，需要先安装phantomjs，安装方法请参照官网phantomjs.org/download.html
  • 什么是前端工程化？ PromptOnce 前端
    什么是前端工程化？前端工程化是指在前端开发中引入一系列标准化和自动化的工具和流程，以提高开发效率、代码质量和项目的可维护性。它包括代码组织、开发工具、构建和打包、版本控制、测试等多个方面。前端工程化的主要内容模块化开发：将代码分成独立、可复用的模块，提升代码的可维护性和可读性。常用技术：ES6模块（import/export）、CommonJS、AMD、UMD等。组件化开发：使用组件来构建用户界面
  • 前端 Web 与原生应用端 WebView 通信交互 - HarmonyOS Next survivorsfyh HarmonyOS前端harmonyos华为javascript
    基于鸿蒙HarmonyOSNext与前端Vue通信交互相关小结;DevEcoStudioNEXTDeveloperPreview2Vuejs两端相互拟定好协议后,通过前端页面的点击事件,将所需的数据传输给原生移动端组件方法中,处理后将消息回传至前端.根据官方文档的案例尝试,但没成功...后经过几经尝试后两端握手成功...(官方文档略显粗糙,好一番折腾)一.应用端基于importweb_webvie
  • 第三一课：HarmonyOS Next 插件开发全流程解析：从开发到生态落地 小_铁 HarmonyOSNextharmonyos华为
    一、插件开发体系架构1.核心开发规范‌工程结构标准‌：MyPlugin/  ├──src/  │ └──main/  │   ├──ets/     #业务逻辑  │   ├──resources/  #资源文件  │   └──module.json5#插件元数据‌:ml-citation{ref="1"data="citationList"}  └──hvigor/    └──hvigorf
  • 【MySQL】复合查询 熙曦Sakura MySQLmysqlsql数据库
    复合查询8.1基本查询回顾查询工资高于500或岗位为MANAGER的雇员，同时还要满足他们的姓名首字母为大写的Jselect*fromEMPwhere(sal>500orjob='MANAGER')andenamelike'J%';按照部门号升序而雇员的工资降序排序select*fromEMPorderbydeptno,saldesc;使用年薪进行降序排序selectename,sal*12+if
  • 【iframe结合pdf.js实现pdf的预览/下载及打印功能】 AmyGeng123 vuejavascript前端vue.js
    iframe结合pdf.js实现pdf的预览/下载及打印1.[下载pdf.js](http://mozilla.github.io/pdf.js/getting_started/#download)2.将下载好的文件中的build和web拷贝到vue项目的public文件夹下3.直接在项目中使用4.温馨提示:最终效果1.下载pdf.js2.将下载好的文件中的build和web拷贝到vue项目的pu
  • AI生成Json结构化数据的几种方案 Dashesand 人工智能json
    AI生成Json结构化数据的几种方案在AI功能开发中，我们通常希望AI生成的数据是结构化的，不仅仅是简单的一层字段，也可以包含嵌套关系。由于AI的注意力机制，AI可以在一次生成中根据上下文补全层级关系。比如我们想让AI生成一个虚拟人物，并附加一些相关属性，如下：json复制代码{"name":"John","age":30,"city":"NewYork","pets":[{"name":"Bud
  • python json 数据解析 Conan_ft Python算法pythonjson大数据
    #--coding:utf-8--importpprintimportosimportjsonclassspider(object):defread_json(self):withopen(‘D:\picture\meituan123.json’,‘r’,encoding=‘UTF-8’)asf:#withopen(‘D:\picture\meituan123.json’,‘rb’)asf:dat
  • 如何把map转成json字符串 嗯嗯嗯吧 javajava后端
    展开全部Map转成32313133353236313431303231363533e58685e5aeb931333363393633json格式Mapmap=newHashMap();map.put(“users”,users);map.put(“u”,u);1.转成JSONArray类型JSONArrayjson=JSONArray.fromObject(map);System.out.pri
  • html+css转pdf,HTML转成PDF的4个方法介绍 柔粟 html+css转pdf
    在本文中，我将展示如何使用Node.js、Puppeteer、headlessChrome和Docker从样式复杂的React页面生成PDF文档。背景：几个月前，一个客户要求我们开发一个功能，用户可以得到PDF格式的React页面内容。该页面基本上是患者病例的报告和数据可视化结果，其中包含许多SVG。另外还有一些特殊的请求来操纵布局，并对HTML元素进行一些重新排列。因此与原始的React页面相比
  • wx小程序 显示和隐藏（hidden） iCrazyTimor wx小程序
    wx小程序显示和隐藏（hidden）1、wx.wxml页面部分点击//这是显示隐藏的部分隐藏显示部分2、wx.jsjs部分page({data:{hiddenName:true},click:function(e){this.setData({hiddenName:!this.data.hiddenName})}})hidden用于频繁切换
  • （前端开发）网页制作案例 A宝呀 htmljavascriptcss
    HTML（index.html）A宝学成在线首页课程职业规划A宝前端开发后端开发移动开发人工智能商业预测云计算&大数据运维&测试UI设计产品我的课程表数据可视化课程正在学习-echarts使用步骤Vue3医疗项目课程正在学习-认识组合式APIReact核心技术课程正在学习-rudex配合TS使用全部课程精品推荐HTMLCSSJavaScriptNode.jsAjaxVue2.0Vue3.0Type
  • Next.js 开发指南 路由篇 | App Router 人工智能_SYBH 课程推荐javascript前端开发语言css开发实战
    Next.js开发指南-冴羽-掘金小册前言路由（routers）是应用的重要组成部分。所谓路由，有多种定义，对于应用层的单页应用程序而言，路由是一个决定URL如何呈现的库，在服务层实现API时，路由是解析请求并将请求定向到处理程序的组件。简单的来说，在Next.js中，路由决定了一个页面如何渲染或者一个请求该如何返回。Next.js目前有两套路由解决方案，之前的方案称之为“PagesRouter”
  • PHP 应用&留言板功能&超全局变量&数据库操作&第三方插件引用 我最厉害。，。 php数据库开发语言
    服务器用来处理脚本数据库用来存储数据#开发环境：DW+PHPStorm+PhpStudy+NavicatPremiumDW:HTML&JS&CSS开发PHPStorm:专业PHP开发IDEPhpStudy：ApacheMYSQL环境NavicatPremium:全能数据库管理工具#数据导入-mysql架构&库表列1、数据库名，数据库表名，数据库列名2、数据库数据，格式类型，长度，键等#数据库操作-
  • 【Node.js】制作简易图床应用 卷儿~ Node.jsnode.jsjavascript前端
    图床服务(picturehostingservice，不是“picturebed”吼)，是web服务中常见常用的服务。其功能在于允许用户将图片放在服务器上并提供公开可访问的链接。有了上一节(【Node.js】使用Multer的文件上传下载)的铺垫，这一节就来小试牛刀，制作一个简易的仅支持上传和浏览的图床应用了需求分析首先，提供上传图片的接口。在上传图片后，需要返回给用户图片的url以便于用户的访问
  • Dom 周华华 JavaScripthtml
    <!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
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他