- 军军小站|张军博客

JS图片灯箱(lightBox)效果基本原理和demo

到年底了，项目不怎么忙，所以有空特地研究了下KISSY中源码JS灯箱效果，感觉代码比较简单，所以就按照他们的思路依赖于Jquery框架也封装了一个，特地分享给大家，以前经常看到网上很多这样的插件，感觉很多人很牛逼的样子，这样的效果也能做出来，碰巧今天自己也能研究出来一个，代码也不多，就300多行代码，嘿嘿！如果写的不够好，或者还不够的，希望大家多多指教！或者多多发表意见，那些需要值得改进的地方！共同学习！基本原理点击缩略图浮层显示大图，可点击键盘←、→键切

系统 2019-08-29 22:47:15 2920

编程技术

MapReduce 模式、算法和用例

本文译自MapreducePatterns,Algorithms,andUseCases在这篇文章里总结了几种网上或者论文中常见的MapReduce模式和算法，并系统化的解释了这些技术的不同之处。所有描述性的文字和代码都使用了标准hadoop的MapReduce模型，包括Mappers,Reduces,Combiners,Partitioners,和sorting。如下图所示。基本MapReduce模式计数与求和问题陈述:有许多文档，每个文档都有一些字段组

系统 2019-08-12 09:29:31 2920

Oracle

Oracle Class1. Oracle 入门(rdbms结构)

------------------------2013-5-4------------------------createuser"tempuser2"profile"DEFAULT"identifiedby"tempuser2"defaulttablespace"USERS"accountunlock;--profile"DEFAULT"是区分大小写的。defaulttablespace"USERS"是区分大小写的。createuser"TEMPUSE

系统 2019-08-12 01:53:43 2920

各行各业

地址阵列

代码/*************************************************************对于一个数组来说，比方inta[]a==&a==&a[0]。这三个值是相等的。代表这个数组的起始地址*************************************************************/#include#includestruct{inta,b;}ST[3

系统 2019-08-12 01:32:52 2920

ASP.NET

技巧/诀窍：在ASP.NET中重写URL

转自ScottGuthrie博客，收藏学习。【原文地址】Tip/Trick:UrlRewritingwithASP.NET经常有人请我指导应该如何动态地“重写”URL，以在他们的ASP.NETweb应用中发布比较干净的URL端点。这个博客帖子概述了几个方法，你可以用来在ASP.NET中干净地映射或重写URL，以及按照你自己的需求组织你的URL的结构。为什么URL映射和重写很重要？下面是开发人员想要对URL有更大的灵活性的最常见的场景：1)处理这样的情形：你

系统 2019-08-29 23:28:01 2919

编程技术

困扰的ISA问题宣告解决

依据本人日前提交的《ISA服务异常诊断思路与步骤》中描述的诊断思路，今天连同客户方工程师对ISA故障进行了再次调试。时间为10点至18点。今天计划如下调试工作：1.继续进行数据包分析、采用更加专业的网络分析工具及数据包分析软件、检测在ISA通信过程中是否存在异常信源、特殊结构数据包、攻击携带的淹没数据报、重点对PSP软件

系统 2019-08-29 23:09:01 2919

编程技术

揭露人性丑恶的五大心理实验

作者：AlexandraGedrose来源：Cracked.com心理学家认为，当你触及他人思想的时候必须格外小心，因为你永远也无法肯定你将会发现些什么。多年以来，就这一课题的大量心理实验已经得出了惊人的结论。请注意，我们所要讨论的对象并不是那些间歇性精神病患者；事实上，我们所说的正是您。以下这些实验的结果将不言自明：实验五、阿希的从众实验（1953年）实验步骤：心理学者阿什(SolomonAsch)曾作了一系列用以验证从众效应的研究，其实验结果可令所有读

系统 2019-08-29 22:44:57 2919

编程技术

以一种"廉价"的方式获取页面的标题(downmoon)

有朋友问到：“我需要得到一个webpage的title，因为这个title一般都比较靠前，只要取得html的前面少量内容就可以了。因为要取得很多个页面的title,如果下载整个htmlcode，肯定比较浪费时间。.net好像没有现成的类可以干这件事情(取得部分html)，我应该如何去实现？”一种比较"廉价"(即较小成本条件下)的解决思路：第一步：取出含有页面title部分的最小集合。这是“廉价”的关键！第二步：用正则表达式取出和</title</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 22:21:16</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2919</span></span>  </p> </article><article class="excerpt"> <header> <a title="各行各业" class="label label-important zj-del-target" href="/category/38">各行各业<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/10344" title="Selenium - IDE模式匹配" target="_blank" onclick="return recordId('',)">Selenium - IDE模式匹配 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/10344" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/5.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/10344';}else{window.open('/article/10344');}" style="cursor: pointer;">Selenium-IDE模式匹配在SeleniumIDE中，如定位器，模式是selenium中经常使用的一种类型的参数。它允许用户描述特殊字符的模式。很多时候，我们想核实文字是动态的，在这种情况下，模式匹配是非常有用的。模式匹配是用于所有验证点命令-VerifyTextPresent，verifyTitle，verifyAlert，assertConfirmation，verifyText和verifyPrompt有三种方法来定义一个模式-通配符，正则表达</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-12 09:27:23</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2919</span></span>  </p> </article><article class="excerpt"> <header> <a title="各行各业" class="label label-important zj-del-target" href="/category/38">各行各业<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/10255" title="（原创）OpenStack服务如何使用Keystone(三)---" target="_blank" onclick="return recordId('',)">（原创）OpenStack服务如何使用Keystone(三)--- </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/10255" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/6.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/10255';}else{window.open('/article/10255');}" style="cursor: pointer;">（一）Keystone端的操作（二）如何在OpenStack服务上部署Keystone中间件（三）详细配置keystonemiddleware前文我们介绍了如何部署Keystone中间件以及中间件的配置点.这里给出所有Keystone中间件的配置项.概括起来,Keystone中间件的配置项具有以下特点,1.以"auth_"开头的配置项需要指向Keystone的Admin服务,Keystone中间件使用这些配置信息从Keystone服务处获取令牌的有效信息.</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-12 09:27:20</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2919</span></span>  </p> </article><div class="pagination" style="display:;"> <ul><li><a href="/search/form/1/p/1">首页</a></li> <li class="prev-page"><a href="/search/form/1/p/421">上一页</a></li> <li><a href="/search/form/1/p/420">420</a></li><li><a href="/search/form/1/p/421">421</a></li><li class="active"><span>422</span></li><li><a href="/search/form/1/p/423">423</a></li><li><a href="/search/form/1/p/424">424</a></li> <li class="next-page"><a href="/search/form/1/p/423">下一页</a></li> <li><a href="/search/form/1/p/2924">末页</a></li> <li><span>共 2924页,共29234条</span></li> </ul> </div> </div> </div>   <style type="text/css"> .d_postlist .text { /* height: 30px; */ display: block; /* height: 100%; */ font-size:14px !important; width:85%; } .zj-dynamic-info li{ margin: 10px 3px; } .zj-dynamic-info .zj-a{ color: blue; cursor: pointer; } </style> <aside class="sidebar"> <div class="widget d_postlist"> <div class="title"> <h2>站内搜索</h2> </div> <ul> <li><div class="zj-search-box zj-pc-search-box"> <form class="searchform themeform" role="form" action="/search" method="get"> <input style="font-size: 120%; margin-top: 10px;" type="ext" class="search" name="search_word" placeholder="搜索从这里开始..." value=""> <i class="fa fa-search"></i> <button class="btn btn-primary" type="button" style="margin-left: -4px;height: 36px !important;"> <span class="zj-icon-text">搜索</span> </button> </form> </div></li> </ul> </div>    <div class="widget d_postlist"> <div class="title"> <h2>加入交流</h2> </div> <ul> <li class="zj-no-wx-app"><a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=f6d1df60dbb7ebc94c2c8a67b1e094e1e90677df1e943d9547d425b81bb218a5"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/qq-qun.png" alt=""></span><span class="text">1. 手机QQ扫左侧二维码</span><span class="text">2. 搜Q群：542395358</span> <span class="text">3. 点击<img style="cursor: pointer;" onclick="window.open('//shang.qq.com/wpa/qunwpa?idkey=f6d1df60dbb7ebc94c2c8a67b1e094e1e90677df1e943d9547d425b81bb218a5');" border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="张军网站共享资料群" title="张军网站共享资料群"> </span></a></li> <li class="zj-no-wx-app"><a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=29dfc8d27e6e13276b9ea9848e3a211c076e130376a7b6ef380ffcc967e8a1fc"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/qq-qun.png" alt=""></span><span class="text">1. 手机QQ扫左侧二维码</span><span class="text">2. 搜Q群：922215567</span> <span class="text">3. 点击<img style="cursor: pointer;" onclick="window.open('//shang.qq.com/wpa/qunwpa?idkey=29dfc8d27e6e13276b9ea9848e3a211c076e130376a7b6ef380ffcc967e8a1fc');" border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="java技术沟通群" title="java技术沟通群"> </span></a></li> <li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/wx-gzh.jpg" alt="关注企业微信公众号"></span><span class="text">1.手机微信扫左侧二维码 </span><span class="text">2. 微信中搜索：上海加盾信息科技有限公司</span></a></li> <li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/wx-app-zhangjunbk.jpg" alt="关注军军小站|张军博客小程序"></span><span class="text">1.手机微信扫左侧二维码 </span><span class="text">2. 微信搜索小程序：张军博客 </span></a></li> <li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/wx-app-shanghaijiadun.jpg" alt="关注企业微信小程序"></span><span class="text">1.手机微信扫左侧二维码 </span><span class="text">2. 微信搜索小程序：上海加盾信息科技有限公司</span></a></li> <li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/dingding.jpg" alt="关注企业钉钉"></span><span class="text">关注企业钉钉 </span></a></li> <li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/qywx-my.png" alt="关注企业微信"></span><span class="text">关注企业微信 </span></a></li> <li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/wx.zhangjunbk.com.png" alt="微信扫一扫添加张军网站微信群"></span><span class="text">微信扫一扫添加张军网站微信群 </span></a></li> <li><a target="_blank" href="javascript:void(0)" style="cursor: text;"><span style="margin-right: 10px;" class="thumbnail"><img style="max-height: 100%;" src="/Public/static/images/my-wx.png" alt="添加我为微信好友"></span><span class="text">微信扫一扫加我为好友 </span></a></li> </ul> </div>  <div class="widget d_tag"> <div class="title"> <h2>标签云</h2> </div> <div class="d_tags"> <a title="金融业务" href="/tag/37" onclick="return recordId('tid',37)">金融业务 (4)</a><a title="教育资料" href="/tag/39" onclick="return recordId('tid',39)">教育资料 (10)</a><a title="Java" href="/tag/41" onclick="return recordId('tid',41)">Java (901)</a><a title="C++" href="/tag/42" onclick="return recordId('tid',42)">C++ (86)</a><a title="C#" href="/tag/43" onclick="return recordId('tid',43)">C# (215)</a><a title="Python" href="/tag/44" onclick="return recordId('tid',44)">Python (9022)</a><a title="Oracle" href="/tag/45" onclick="return recordId('tid',45)">Oracle (911)</a><a title="SqlServer" href="/tag/46" onclick="return recordId('tid',46)">SqlServer (681)</a><a title="MySql" href="/tag/47" onclick="return recordId('tid',47)">MySql (600)</a><a title="DB2" href="/tag/48" onclick="return recordId('tid',48)">DB2 (33)</a><a title="PostgreSql" href="/tag/49" onclick="return recordId('tid',49)">PostgreSql (23)</a><a title="Tomcat" href="/tag/50" onclick="return recordId('tid',50)">Tomcat (825)</a><a title="Weblogic" href="/tag/51" onclick="return recordId('tid',51)">Weblogic (12)</a><a title="Windows" href="/tag/52" onclick="return recordId('tid',52)">Windows (214)</a><a title="Linux" href="/tag/53" onclick="return recordId('tid',53)">Linux (647)</a><a title="VMware" href="/tag/54" onclick="return recordId('tid',54)">VMware (32)</a><a title="Ubuntu" href="/tag/55" onclick="return recordId('tid',55)">Ubuntu (194)</a><a title="ASP.NET" href="/tag/56" onclick="return recordId('tid',56)">ASP.NET (198)</a><a title="Android" href="/tag/57" onclick="return recordId('tid',57)">Android (681)</a><a title="IOS" href="/tag/58" onclick="return recordId('tid',58)">IOS (75)</a><a title="Hive" href="/tag/59" onclick="return recordId('tid',59)">Hive (45)</a><a title="Hadoop" href="/tag/60" onclick="return recordId('tid',60)">Hadoop (50)</a><a title="Hbase" href="/tag/61" onclick="return recordId('tid',61)">Hbase (9)</a><a title="Spark" href="/tag/62" onclick="return recordId('tid',62)">Spark (4)</a><a title="redis" href="/tag/63" onclick="return recordId('tid',63)">redis (78)</a><a title="PHP" href="/tag/64" onclick="return recordId('tid',64)">PHP (145)</a><a title="Jquery" href="/tag/65" onclick="return recordId('tid',65)">Jquery (174)</a><a title="Javascript" href="/tag/66" onclick="return recordId('tid',66)">Javascript (168)</a><a title="NoSQL" href="/tag/67" onclick="return recordId('tid',67)">NoSQL (6)</a><a title="CSS" href="/tag/68" onclick="return recordId('tid',68)">CSS (127)</a><a title="资料下载" href="/tag/69" onclick="return recordId('tid',69)">资料下载 (25)</a><a title="交易系统" href="/tag/70" onclick="return recordId('tid',70)">交易系统 (9)</a><a title="java工具类" href="/tag/71" onclick="return recordId('tid',71)">java工具类 (32)</a><a title="其它" href="/tag/72" onclick="return recordId('tid',72)">其它 (7)</a><a title="秕处理" href="/tag/73" onclick="return recordId('tid',73)">秕处理 (6)</a><a title="AI技术" href="/tag/74" onclick="return recordId('tid',74)">AI技术 (3)</a> </div> </div>  <div class="zj-no-wx-app widget widget_links"> <div class="title"> <h2 style="float: left;">友情链接</h2><h2 style="float: right;"><a class="zj-titles" href="/link">申请友链</a></h2> </div> <ul class="xoxo blogroll">  <li> <a class="zj-titles" title="张军博客" href="https://www.zhangjunbk.com/" target="_blank">张军博客</a> </li>  <li><a class="zj-titles" title="上海加盾信息科技有限公司" href="https://www.shanghaijiadun.com" target="_blank">上海加盾信息科技有限公司</a></li><li><a class="zj-titles" title="股票002162悦心健康资金分析" href="/stock/my" target="_blank">股票002162悦心健康资金分析</a></li><li><a class="zj-titles" title="张军博客" href="https://www.zhangjunbk.com/" target="_blank">张军博客</a></li><li><a class="zj-titles" title="张军博客-网址导航" href="https://www.zhangjunbk.com/web-nav/index.htm" target="_blank">张军博客-网址导航</a></li><li><a class="zj-titles" title="张军java工具类" href="http://www.zhangjunbk.com/otherlink/javatooldoc/" target="_blank">张军java工具类</a></li><li><a class="zj-titles" title="快手号出售" href="https://www.weihaoyi.com" target="_blank">快手号出售</a></li><li><a class="zj-titles" title="张军博客-SpringBoot入门" href="https://zhangjunbk.com/Public/static/md/SpringBoot/index.html" target="_blank">张军博客-SpringBoot入门</a></li> </ul> </div>  <div class="zj-no-wx-app widget widget_links"> <div class="title"> <h2 style="float: left;">51链网站</h2> </div> <ul class="xoxo blogroll"> <li><a class="zj-titles" title="51链首页" href="https://www.51link.com?ruid=16279" target="_blank">51链首页</a></li> <li><a class="zj-titles" title="51链注册页" href="https://www.51link.com/mobileRegister?ruid=16279" target="_blank">51链注册页</a></li> <li><a class="zj-titles" title="广告出售页" href="https://www.51link.com/ad-sell?ruid=16279" target="_blank">广告出售页</a></li> <li><a class="zj-titles" title="友链出租页" href="https://www.51link.com/link-sell?ruid=16279" target="_blank">友链出租页</a></li> <li><a class="zj-titles" title="软文出售页" href="https://www.51link.com/article-sell?ruid=16279" target="_blank">软文出售页</a></li> <li><a class="zj-titles" title="友链交换页" href="https://www.51link.com/link-exchange?ruid=16279" target="_blank">友链交换页</a></li> </ul> </div>          </aside>  <script type="text/javascript"> $(function(){ }); </script> </section>   <footer class="footer"> <div class="footer-inner"> <div class="copyright pull-left"> <a href="/">军军小站|张军博客</a> 丨 <a target="_blank" href="https://www.shanghaijiadun.com/product#id-5">获取加密软件注册码</a>丨<a target="_blank" href="https://www.shanghaijiadun.com">上海加盾信息科技有限公司</a>丨<a href="/article/24">个人简介</a> 丨 © 2020-2030 版权所有丨<a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备19026782号-2</a> | <a href="/link">申请友链</a> | 站长QQ：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=360901061&site=qq&menu=yes">360901061</a> </div> </div> </footer> <div class="rollto zj-rollto"> <button class="btn btn-inverse zj-totop" data-type="totop" title="回顶部" zj-title-options="direction:'left'"> <i class="fa fa-arrow-up"></i> </button> <button class="btn btn-inverse zj-torespond" data-type="torespond" title="发评论" zj-title-options="direction:'left'"> <i class="fa fa-comment-o"></i> </button> </div> <div class="zj-mark"></div> <div class="zj-search-box zj-mini-search-box" style="position: fixed; top: 0px; background: #FFF; height: 100%; width: 100%; text-align: center; display: none; background:; z-index: 2000"> <span class="close zj-close" style="top: 3%; right: 8%; font-size: 220%; color: #000;"></span> <form class="searchform themeform" role="form" action="/search" method="get" style="margin: 20% auto;"> <input style="font-size: 120%; margin-top: 10px;" type="ext" class="search" name="search_word" placeholder="搜索从这里开始..." value=""> <button class="btn btn-primary" type="button" style="margin-left: -4px; height: 36px !important;"> <span class="zj-icon-text">搜索</span> </button> </form> </div>  <script src="/Public/static/js/wxLogin.js?v=1.1.1"></script> <script src="/Public/static/js/jweixin-1.3.2.js?v=1.0.1"></script> <script src="/Template/default/Home/Public/js/zj.basic.js?v=1.1.1"></script> <script src="/Template/default/Home/Public/js/zj.jq.ui.js?v=1.1.1"></script> <script src="/Template/default/Home/Public/js/zj.jq.js?v=1.1.1"></script> <script src="/Template/default/Home/Public/js/zj.jq.web.js?v=1.1.1"></script> <script src="/Template/default/Home/Public/js/zj.validate.js?v=1.1.1"></script> <script src="/Template/default/Home/Public/js/qrcode.min.js?v=1.1.1"></script> <script src="/Public/static/ueditor1_4_3/third-party/SyntaxHighlighter/shCore.js?v=1.0.1"></script> <script src="/Public/static/js/stomp.js?v=1.0.1"></script> <script type="text/javascript"> $(document).ready(function(){ SyntaxHighlighter.all(); }); </script>  <script src="/Template/default/Home/Public/js/zj.app.js?v=1.1.1"></script> <script src="/Template/default/Home/Public/js/zj.login.reg.js?v=1.1.1"></script> <script type="text/javascript"> $(function() { setTimeout(function(){ // 方式1：默认点击自身（推荐） // $('.return-top').returnTop(); // 方式2：自定义点击对象（比如点击"顶部"文字触发） $(".zj-rollto").returnTop($(".zj-totop")); // 方式3：需要时解绑事件（如页面切换时） // $('.return-top').offReturnTop(); },100); if ($('.v-comment').length == 0) { $('.zj-torespond').remove(); } else { $('.zj-torespond').click(function() { $('.v-comment').focus(); }); } }); </script>    <script> (function() { var script = document.createElement('script'); script.src = "https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba"; script.id = "sozz"; script.async = true; script.defer = true; document.head.appendChild(script); })(); </script> </body> </html>

热门排行