JQuery弹出窗口小插件ColorBox

ColorBox官方网站：http://colorpowered.com/colorbox/ 

　　　　colorbox()函数使用一堆key/value对象和一个可选的callback函数

　　　　格式：$('selector').colorbox({key:value}, callback);

　　　　例子： $('a.gallery').colorbox({transition:'fade', speed:500});

　　　　还是例子：$('button').colorbox({href:"thankyou.html"});

　　　　支持 照片，照片组，幻灯片，ajax，内联 和 iframe 框架。

　　　　通过CSS 控制外观，使用用户可以很容易重新定制外观。

　　　　不需要更改 ColorBox 的 javascript 文件就可以重新设定其行为。

　　　　可以依靠 callback & event-hooks 进行拓展，不需要修改源代码。

　　　　非常友好，不需要修改现有的 HTML，所有的选项都通过 JS 设置。

　　现在我来说说我使用ColorBox的步骤吧：其实使用ColorBox很简单

　　1.当然，创建项目。这里就不多说了。

　　2.在需要使用ColorBox的地方引用ColorBox的JS文件和css样式文件。

　　ps:从官方下载ColorBox解压后得到colorbox文件夹，colorbox文件夹下包含了colorbox、content、demos、example1至example5等文件夹和文件。这里需要把colorbox文　　　　　　　　　　　　      件夹下的两个JS文件拷贝到项目中，example1至example5这几个文件夹中是ColorBox的皮肤文件，比如你喜欢example1文件夹下的皮肤，就将文件夹下的images文件和  colorbox.css样式表拷贝到项目中。在需要使用ColorBox的地方引用jquery.colorbox.js、colorbox.css；当然不能忘了JQuery的JS文件jquery.min.js（注意：jquery.min.js需放在jquery.colorbox.js的前面）。到此，我们的准备工作就做好了。

　　3. 添加<script>逻辑。

　　ps:<script type="text/javascript">
        　　function goColorBox() {
            　　$("#goOne").colorbox({ width: "50%", height:"50%", close: "关闭", overlayClose: false}); <!--调用colorbox，大括号里面是指定该colorbox的属性。。在文章结尾会列出ColorBox的常用属性-->
        　　}
    　　</script>

 附件下载

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset='utf-8'/>
		<title>Colorbox Examples</title>
		<style>
			body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
			a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
			h2{font-size:13px; margin:15px 0 0 0;}
		</style>
		<link rel="stylesheet" href="colorbox.css" />
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="../jquery.colorbox.js"></script>
		<script>
			$(document).ready(function(){
				//Examples of how to assign the Colorbox event to elements
				$(".group1").colorbox({rel:'group1'});
				$(".group2").colorbox({rel:'group2', transition:"fade"});
				$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
				$(".group4").colorbox({rel:'group4', slideshow:true});
				$(".ajax").colorbox();
				$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
				$(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});
				$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
				$(".inline").colorbox({inline:true, width:"50%"});
				$(".callbacks").colorbox({
					onOpen:function(){ alert('onOpen: colorbox is about to open'); },
					onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
					onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
					onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
					onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
				});

				$('.non-retina').colorbox({rel:'group5', transition:'none'})
				$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
				
				//Example of preserving a JavaScript event for inline calls.
				$("#click").click(function(){ 
					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
					return false;
				});
			});
		</script>
	</head>
	<body>
		<h1>Colorbox Demonstration</h1>
		<h2>Elastic Transition</h2>
		<p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
		<p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
		<p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
		
		<h2>Fade Transition</h2>
		<p><a class="group2" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee">Grouped Photo 1</a></p>
		<p><a class="group2" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
		<p><a class="group2" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
		
		<h2>No Transition + fixed width and height (75% of screen size)</h2>
		<p><a class="group3" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
		<p><a class="group3" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
		<p><a class="group3" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
		
		<h2>Slideshow</h2>
		<p><a class="group4"  href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
		<p><a class="group4"  href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
		<p><a class="group4"  href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
		
		<h2>Other Content Types</h2>
		<p><a class='ajax' href="../content/ajax.html" title="Homer Defined">Outside HTML (Ajax)</a></p>
		<p><a class='youtube' href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&wmode=transparent">Flash / Video (Iframe/Direct Link To YouTube)</a></p>
		<p><a class='vimeo' href="http://player.vimeo.com/video/2285902" title="Röyksopp: Remind Me">Flash / Video (Iframe/Direct Link To Vimeo)</a></p>
		<p><a class='iframe' href="http://wikipedia.com">Outside Webpage (Iframe)</a></p>
		<p><a class='inline' href="#inline_content">Inline HTML</a></p>
		
		<h2>Demonstration of using callbacks</h2>
		<p><a class='callbacks' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p>
		

		<h2>Retina Images</h2>
		<p><a class="retina" href="../content/daisy.jpg" title="Retina">Retina</a></p>
		<p><a class="non-retina" href="../content/daisy.jpg" title="Non-Retina">Non-Retina</a></p>

		<!-- This contains the hidden content for inline calls -->
		<div style='display:none'>
			<div id='inline_content' style='padding:10px; background:#fff;'>
			<p><strong>This content comes from a hidden element on this page.</strong></p>
			<p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>
			<p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p>
			
			<p><strong>If you try to open a new Colorbox while it is already open, it will update itself with the new content.</strong></p>
			<p>Updating Content Example:<br />
			<a class="ajax" href="../content/ajax.html">Click here to load new content</a></p>
			</div>
		</div>
	</body>
</html>

 

你可能感兴趣的:(colorbox)

  • P9915 「RiOI-03」3-2 Mr.Azz 算法
    Question问题P9915「RiOI-03」3-2难度：提高+/省选\colorbox{#3498db}{\color{White}提高+/省选}提高+/省选给定一个正整数nnn。将[0,2n)[0,2^n)[0,2n)中每个整数的二进制最低nnn位从低到高依次写在一个2n×n2^n\timesn2n×n的矩阵上。矩阵两维的下标都从000开始。如，当n=3n=3n=3时，矩阵是这样的：给定qq
  • CF1270F Awesome Substrings Mr.Azz c语言开发语言
    Question问题CF1270FAwesomeSubstrings基本信息难度：省选/NOI-\colorbox{#9d3dcf}{\color{White}省选/\text{NOI-}}省选/NOI-知识点：根号分块题目大意：给定一个长度为nnn的01串sss。求有多少个区间[l,r][l,r][l,r]满足r−l+1r-l+1r−l+1是sl...rs_{l...r}sl...r中111的个
  • LaTeX中的框以及框中的子图 纳米狮子 LaTex
    目录文章目录目录框（盒子）\fboxframed包framed环境leftbar环境mdframed包fcolorbox命令tcolorbox包adjustbox包调整盒子的宽度和高度旋转盒子框中的子图问题一：框中插入图片问题二：给框中图片加上图名、编号caption包问题三：框中加入含有子图的图subcaption包框（盒子）在LaTeX中，有几个包或命令可以用来生成框。以下是其中一些常用的包和
  • js+css实现颜色选择器 PHP隔壁老王邻居 htmljsjavascriptcss开发语言
    颜色选择器.color-box{width:50px;height:50px;border:1pxsolid#000;cursor:pointer;}提交varcolorBox=document.querySelector('.color-box');varcolorValue=document.querySelector('#color-value');colorBox.addEventList
  • 洛谷 P1903 [国家集训队]数颜色/维护序列（树套树） 天黑之后才拥有光彩 算法数据结构c++
    用的是主席树的思路，不理解此思路的请先食用HH的项链思路树状数组套主席树，即按照树状数组的核心操作在每个点建一颗主席树，在每一个点更新主席树（这里用的是动态开点，当然不用也可以，我看题解有不是动态开点的）。R\colorbox{#F5F5F5}{R}R操作，维护1e61e61e6个setsetset存储每个颜色的位置（每个setsetset都先预处理一个000位置，1≤1\leq1≤颜色的值≤1e
  • P7473 重力球 阿史大杯茶 算法-多源BFSc++
    P7473重力球Solution考虑BruteForce：对于每一次询问，通过BFS处理出最近的交汇点，输出答案。很显然，会TLE\colorbox{navy}{\color{white}{TLE}}TLE。故，考虑优化：观察发现障碍物数量非常少，故设状态(x,y,d)\mathrm{(x,y,d)}(x,y,d)表示第111个小球被第xxx个障碍物卡住，第222个小球被第yyy个小球卡住，在障碍
  • three.js 中shader 的几种呈现方式 DSLMing Threejs-Shaderthree.jsshader
    three.js中shader的几种呈现方式这里以改变box的颜色为例。方式1-使用three.js内置的shader//改变颜色-方式1:通过顶点属性修改,使用three.js自带shaderaddColorBox1(size){vargeometry=newTHREE.BoxBufferGeometry(size,size,size);varmaterial=newTHREE.MeshBasi
  • Qt 窗口界面绘制 我只是一个小菜鸟 VS+QTqt开发语言c++
    //设置窗口无外框无任务栏setWindowFlags(Qt::FramelessWindowHint|Qt::SubWindow);//点击窗口以外关闭串口：判断当前活跃窗口，重写eventboolevent(QEvent*event);boolColorBox::event(QEvent*event){if(event->type()==QEvent::ActivationChange){if
  • jquery+zTree+colorbox 实现弹出框内组织结构树 小菜鸟的博客 jqueryjqueryfunctionclassinputdivbutton
    点击新建按钮弹出两个框，第一个是刷新等待的图片框，第二个是ztree产生的节点树，如图1-1所示：那么第一个刷新等待的图片框和第二个是ztree产生的节点树分别保存在两个隐藏的div层里面，代码如下：其中标签是用来生成组织结构树的，需要制定class属性，这里的class=“tree”是引用ztree自带的css文件中的css样式。varorgZTree;//定义全局ZTree对象，存放整个生成的
  • Latex语法学习10：盒子的使用(fbox, tcolorbox, boitee)，支持设置颜色和换页 运筹码仓 Latex公式的编写学习
    目录1\fbox2彩色的盒子（可换页）3boitee环境1\fbox这段代码主要用到了三个命令：\noindent：表示取消缩进\textwidth：表示设置盒子宽度为页面宽度\noindent\fbox{\parbox{\textwidth}{%子问题2：\\Maximize43.8Y[0,0]+43.8Y[0,1]+10.5Y[1,0]+10.5Y[1,1]+33.9Y[2,0]+33.9Y[
  • 书中的“黄金屋” 人世逍遥客 文案其他
    人的一生会遇到两个人，一个惊艳了时光，一个温柔了岁月——苏剧《经年》\color{red}\colorbox{white}{苏剧《经年》}苏剧《经年》每朵云都下落不明，每盏月亮都不知所综——八月长安《暗恋》\color{red}\colorbox{white}{八月长安《暗恋》}八月长安《暗恋》如果时光可以倒流，我还是会选择认识你，虽然伤痕累累，但是心中的温暖记忆是谁都无法给予的。谢谢你来过我的世
  • Leaflet包：从入门到跑路（二） Giser@lin R语言r语言经验分享学习
    文章目录前言Leaflet包中的颜色Colorbox颜色盒子其他参数的设置应用示例添加图例图例的美化结语前言上一节我们学习了leaflet包是如何添加底图、修改底图、在底图上添加图标、绘制点、添加地图数据，在上一节的结尾，我们小科普了一个名为RColorBrewer包的配色包，说到颜色，令我好奇的是如何在leaflet包里实现从属性到颜色的映射。Leaflet包中的颜色那么接下来就介绍一下leaf
  • 【Matlab算法】进退法迭代求解无约束一维极值问题（附进退法MATLAB代码） Albert_Lsk MATLAB最优化算法matlab算法线性代数
    【Matlab最优化算法】进退法求解无约束一维极值问题往期回顾前言正文一、进退法原理二、代码实现进退法迭代求解总结参考文献往期回顾【MATLAB机器人建模汇总】⧫【Matlab六自由度机器人】系列文章汇总\blacklozenge\fcolorbox{green}{aqua}{【Matlab六自由度机器人】系列文章汇总}⧫【Matlab六自由度机器人】系列文章汇总定义标准型及改进型D-H参数，建立
  • 详解C语言printf()输出格式
    目录C语言printf()输出格式类型长度精度输出最少宽度标志C语言printf()输出格式主要说明格式字符串的基本思想。格式字符串纲要[标志]  [输出最少宽度]  [.精度]  [长度]  类型\fcolorbox{#ffae42}{#2E8B57}{\textcolor{White}{[标志]\;[输出最少宽度]\;[.精度]\;[长度]\;类型}}[标志][输出最少宽度][.精度][长度]
  • SQL 合并分组 Stuff DrS6
    select*fromColorBoxselecta.Code,STUFF((SELECT','+rtrim(Color)FROMColorBoxWHEREa.Code=CodeORDERBYCodeFORXMLPATH('')),1,1,'')asColor,b.ccountasColorCountfromColorBoxainnerjoin(selectCode,count(color)asc
  • Latex 颜色设置... 小沙ms Latex
    Mark：参考：点击打开链接https://www.sharelatex.com/learn/Using_colours_in_LaTeX\usepackage{color}1.给文字加色\textcolor{颜色}{内容}2.加底色标注\colorbox{颜色}{内容}3.画线\noindent{\color{颜色}\rule{\linewidth}{宽度}}4.文本设置底色；\pagecolo
  • LaTeX：公式中元素填背景色/颜色 胜负55开
    在公式环境中，给数组/字母添加颜色/背景色：颜色：{\color{red}{5}}背景色：\colorbox{red}{5}注意：颜色最外层还需一个大括号！而背景色不需要。
  • 超分之BasicVSR++ Ton10 超分计算机视觉人工智能深度学习超分辨率重建神经网络
    这篇文章是BasicVSR的升级版本\colorbox{tomato}{升级版本}升级版本，同一批作者将BasicVSR中的Propagation和Alignment部分进行了增强产生了新一点VSR方法——BasicVSR++。具体而言，Propagation采用了一个Grid-Propagation来重复校正对齐的准确性；更重要的是提出了一个具有二阶马尔可夫性质的跨格点传播机制以及光流引导的可变
  • jquery特效---jquery显示缩略图，点击查看大图，并且大图可自适应原图大小 m0_72429728 javascript
    之前为了实现这样的效果找了很久，大部分都不是自己想要的。实现这样的效果，我用了两个jquery的框架。一个是jquery.nailthumb.1.1.js，另一个是jquery.colorbox-min.js。大概写一下用法：这个地方设置缩略图大小.square-thumb{width:215px;height:240px;float:left;margin-right:10px;margin-b
  • LaTeX之tcolorbox宏包应用示例 繁星间漫步 LaTeX#LaTeX排版其他
    tcolorbox宏包可以为我们提供更好看的文本框，这里列出一些应用例子方便以后查询使用。一、环境操作系统：Ubuntu20.04引擎：XeTeX3.14159265-2.6-0.999991二、完整示例代码不好意思，因为目前CSDN并不支持LaTeX代码的高亮显示，所以下面展示的代码只有一个颜色（难道CSDN相关人员从来不写论文吗？）。%CSDN，繁星间漫步，陆巍的博客\documentclas
  • 【Matlab 六自由度机器人】运动学正解（附MATLAB机器人正解完整代码） Albert_Lsk MATLAB机器人工具箱matlab人工智能运动学矩阵
    【Matlab六自由度机器人】求运动学正解往期回顾前言正文一、运动学正解1.齐次变换矩阵2.总变换二、代码实现1.定义各连杆参数2.齐次变换矩阵及总变换3.代码运行结果总结参考文献往期回顾【汇总】相关资源：【Matlab六自由度机器人】系列文章汇总\fcolorbox{green}{aqua}{【Matlab六自由度机器人】系列文章汇总}【Matlab六自由度机器人】系列文章汇总【主线】定义标准型
  • 【Matlab 六自由度机器人】运动学逆解（附MATLAB机器人逆解代码） Albert_Lsk MATLAB机器人工具箱matlab线性代数矩阵人工智能算法
    【Matlab六自由度机器人】求运动学逆解往期回顾前言正文一、运动学逆解1.Pieper法2.《机器人学》常规求解二、代码实现1.机器人模型的建立2.Pieper法求六自由度机器人逆解3.常规法求六自由度机器人逆解总结参考文献往期回顾【汇总】相关资源：【Matlab六自由度机器人】系列文章汇总\fcolorbox{green}{aqua}{【Matlab六自由度机器人】系列文章汇总}【Matlab
  • 【Matlab 六自由度机器人】运动学逆解（附MATLAB机器人逆解代码） Albert_Lsk MATLAB机器人工具箱matlab线性代数矩阵人工智能算法
    【Matlab六自由度机器人】求运动学逆解往期回顾前言正文一、运动学逆解1.Pieper法2.《机器人学》常规求解二、代码实现1.机器人模型的建立2.Pieper法求六自由度机器人逆解3.常规法求六自由度机器人逆解总结参考文献往期回顾【汇总】相关资源：【Matlab六自由度机器人】系列文章汇总\fcolorbox{green}{aqua}{【Matlab六自由度机器人】系列文章汇总}【Matlab
  • 那些“别人家的孩子”，一直比我们努力 ColorBox国际艺术教育
    第一次见这个18岁的女孩儿是去年的10月份，那时候的成都还略有种乱蓬蓬的燥热。楚寒跟着妈妈来CB聊关于出国留学的困惑。她喜欢插画，想要去全美插画资源最优质的纽约视觉艺术学院（SVA）。从决定来CB，到完成作品集成功申请，她只用了三个月的时间。最关键的是在此之前，楚寒并没有太多的美术基础。在老师的引导下，她的天赋和灵气跃然纸上。楚寒作品：《自画像》系列一图片版权归艺术家与ColorBox所有成功申请
  • 2017 立邦-就匠变新家第六期作品 么么哒嗨
    刘孝天《就匠变新家》设计师筑视界设计公司创始人、设计总监改造前改造后牛玮楠《就匠变新家》设计师HughDutton中国区唯一合作伙伴、SOHO中国设计师佘宛婷《就匠变新家》设计师ColorBox艺术教育顾问，曾就职于Gensler纽约和上海分部带轮子的床移动起来更方便省力，可以随意转换床的朝向。墙面书柜的设计为孩子的成长预留了空间。半人标准球桌，单人练习更安全方便。收起的乒乓球桌可以收纳在墙面上，
  • latex 字体大小_LaTeX专栏001|入门篇谈安装与排版心得 weixin_39565910 latex字体大小LaTeX不显示页码latex图片位置跑到了下一页latex字体大小latex安装sublimelatex
    我的故事17年5月，第一次接触到LaTeX；17年9月，第一次使用该软件，主要是为了数学建模；17年12月，用于排版美赛模拟前的优秀论文，但第一年美赛我还的确是用word提交.18年初，开始系统学习一遍，并接触到tcolorbox漂亮的盒子与beamer学习；18年12月，翻译了一份42页的简短LaTeX数学指南;19年7月，初学TiKZ绘图，功能还是很强大，不过我个人不是很有设计感；19年8月，
  • 在JS文件中对同一个页面是否存在另一个js进行判断 然后丶是你好 JAVAWEB
    js判断js文件有没有引入，一般引入的js文件里面都会有函数和对象是否存在可以通过js的typeof判断1.判断对象if(typeofjQuery.colorbox=='undefined'){document.write("");}2.判断函数if(typeof("function_name")=="function"){alert("Functionexists!");}
  • MVC2的框架下，使用ColorBox弹出的几种用法 CF西西 ajax库
    0.需加载colorbox的库文件与样式一.1.内置对象colorbox弹出（写在同一个页面里面），这是一个预先隐藏的页面，当触发事件后，利用colorbox插件将其嵌套并显示出来。 您的评论：2.通过SCRIPT触发事件，点击页面上的按钮（绑定一个函数，当函数触发时弹出colorbox）。functionjumpComment(){$("#makeComment").colorbox({widt
  • colorbox的常见问题 wxinpeng JS脚本
    发现colorbox官方网站的troubleshoot写的比较好，转载一下。1,flash覆盖colorbox:ThisisnotaColorBoxspecificproblem,bydefaultFlashwilloverlayanyHTMLcontent.Thiscanbepreventedbysettingthe‘wmode’paramandembedattributeto‘transpar
  • ColorBox使用及处理流读取图片问题 javageekcoder js
    jquery.ColorBox确实是一个非常强大的jquery弹出层插件，可以类似于幻灯片效果来展示图片；正常的，我们使用colorBox需要引入jquery类库和colorbox的css文件在页面中使用colorbox代码如下Photo_1Photo_2Photo_3$('a.gallery').colorbox();以上为常规用法我在开发的时候，因为项目需要，对图片的读取采用了流的方式，在图片
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!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/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他