webcode
webcode

使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果

日期：2011/11/01 来源：GBin1.com

因为本人是星际争霸系列游戏的忠实拥簇，所以在今天的jQuery教程中，我们将使用HTML5和jQuery插件Quicksand来创建一个超酷的星际争霸兵种效果图。希望大家喜欢！

如果你不熟悉jQuery插件Quicksand，那么推荐你查看这篇文章：2010年最佳jQuery插件，或者去Quicksand插件查看具体介绍。

使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果

在线演示在线下载

HTML5代码

首先我们使用HTML5的代码来创建一个html文档，将所需的quicksand类库，及其jquery类库，还有HTML5类库倒入，如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Starcraft 2 Unit Show Demo</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
        <script src="js/jquery.quicksand.js"></script>
        <script src="js/gbin1.js"></script>        
        <!-- Our CSS stylesheet file -->
        <link rel="stylesheet" href="css/styles.css" />
        <!--[if IE]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>    
    <body>
        <header>
            <h1>Starcraft 2 Unit</h1>
        </header>        
        <nav id="navbar"></nav>
        <span id="details"></span>
        <section id="container">
        //所有的兵种图片显示在这里


        </section>
    </body>
</html>

在以上代码中，我们将在container中插入需要展示的兵种图片，如下：

<li data-tag="Terran unit"><img src="unit/scv.gif" alt="Terran unit" /></li>
<li data-tag="Protoss unit"><img src="unit/probe.gif" alt="Protoss unit" /></li>
<li data-tag="Zerg unit"><img src="unit/larva.gif" alt="Zerg unit" /></li>
<li data-tag="Terran unit"><img src="unit/marine.gif" alt="Terran unit" /></li>
<li data-tag="Terran unit"><img src="unit/marauder.gif" alt="Terran unit" /></li>
<li data-tag="Terran unit"><img src="unit/reaper.gif" alt="Terran unit" /></li>
<li data-tag="Terran unit"><img src="unit/ghost.gif" alt="Terran unit" /></li>
<li data-tag="Terran unit"><img src="unit/hellion.gif" alt="Terran unit" /></li>

以上代码中，我们定义了兵种类别，分别为Terran，Protoss和Zerg单位。

在HTML5中，我们可以在data属性中存储数据，然后在jQuery中直接使用data方法调用取出，以上代码中我们将通过data-tag中定义的类别来展示所有兵种。

Javascript代码

gbin1.js

生成兵种的分类导航，如下：

$(document).ready(function(){    
    var items = $('#starcraft li'), itemsByTag = {};
    items.each(function(i){
        var elem = $(this);
        //使用jQuery的html5数据处理方法取得兵种分类
        var tag = elem.data('tag');
        elem.attr('data-id',i);
        //去空格
        tag = $.trim(tag);            
        if(!(tag in itemsByTag)){
            itemsByTag[tag] = [];
        }
　　　//添加到分类中
        itemsByTag[tag].push(elem);
    });
    ...
    ...


});

创建实际显示的兵种内容，如下：

function createList(text,items){
    var ul = $('<ul>',{'class':'hidden'});
    //生成兵种分类的数据
    $.each(items,function(){
        $(this).clone().appendTo(ul);
    });
    ul.appendTo('#container');
    var a = $('<a>',{
        html: text,
        href:'#',
        data: {list:ul}
    }).appendTo('#navbar');
}

生成导航栏点击动作，并生成放大效果。

//使用live方法来给动态生成内容添加事件
$('li').live('click', function(e){

    if($('#details').is(":visible")){
        $('#details').hide();
    }

    var src = $(this).find('img').attr('src');
    
    $('#details').html($('<img>',{
        src: src,
        width: '150px',
        height: '150px'
    }));
    
    var details = $('#details');
    var offset = $(this).offset();
    $('#details').css({"left":offset.left-32, "top":offset.top-32}).show(function() {
        $('#details img').animate({
            width: '150px', 
            height: '150px',
        }, 800);
    });
 });

原文来自： 使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果


你可能感兴趣的:(jquery插件)

  • 适用于多种设备的的滑块幻灯片插件--jquery插件Swiper 吴杼恩 常用插件jquery插件Swiper
    今天为大家推荐一款支持多种设备（移动端，平板，pc端）的滑块幻灯片插。我测试的是ie7.下载后解压：在demos文件中有很多种常见的用法，根据自己的项目需要选择其中之一即可。下面是其中效果：使用方法1：引入jq库2：引入Swiper文件：3：引入Swipe基本样式：4：写入html：4.1：比较完整的html：左右箭头轮播图片轮播图片上的内容SlidewithHTMLYoucanputanyHTM
  • js 生成二维码 weixin_30519071 javascriptViewUI
    插件描述：jquery.qrcode.js是一个能够在客户端生成矩阵二维码QRCode的jquery插件，使用它可以很方便的在页面上生成二维条码。如何使用它将jquery.qrcode.min.js和jquery添加到您的网页中然后创建一个DOM元素去包含生成qr码。然后你在此容器中的添加qrcodejQuery('#qrcode').qrcode("http://www.jq22.com");【
  • jquery是干什么的--乐字节前端 dirft_din
    JQuery主要内容imageJquery对象jQuery是一套兼容多浏览器的javascript脚本库.核心理念是写得更少，做得更多，使用jQuery将极大的提高编写javascript代码的效率，帮助开发者节省了大量的工作，让写出来的代码更加优雅，更加健壮，"如虎添翼"。同时网络上丰富的jQuery插件也让我们的工作变成了"有了jQuery，一切soeasy。"--因为我们已经站在巨人的肩膀上
  • 学习之旅10------掌握jQuery：实用应用案例深度解析 theskylife Javascript总结学习jquery前端
    目录写在开头1.jQuery基础知识回顾1.1.选择器1.2.事件1.3.效果1.4.DOM操作1.5.AJAX2.实用应用案例分析2.1.动态内容加载2.2.表单验证2.3.图像滑动门效果2.4.创建动态导航菜单3.高级技巧与最佳实践3.1.优化jQuery代码的性能3.2.jQuery插件的使用和自定义3.3.jQuery在移动开发中的应用写在最后参考资料写在开头jQuery，作为一种轻量级的
  • bootstrap与jQuery的优点与区别 传而习乎
    一、bootstrapBootstrap是基于HTML5和CSS3开发的，它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。优点1.简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。2.bootstrap提供了一套响应式、移动设备优先的流式栅格系统。它可以根据用户屏幕尺寸调整页面，使其在各个尺寸上都表现
  • jquery.lazyload-1.9.3中文文档 -- 延迟加载图片的jQuery插件 Leo_DLi Web前端jquerylazyload
    最近使用jquery.lazyload.js这个jQuery插件的时候,突然发现对这个插件相对全面的介绍不多.特别是对lazyload()方法中的配置选项的介绍少之又少.随即整理一份供大家参阅.说明:我使用的版本是1.9.3废话不多少,直接上代码:一,使用小DemoDemo#container{width:765px;margin:auto;}#containerimg{width:100%;}$
  • Bootstrap学习总结笔记（16）-- 基本插件之模态对话框 kikay Bootstrapbootstrap模态对话框
    Bootstrap自带了很多JQuery插件，给用户做前端开发提供了很大的方便。对于每一个插件，有2种引用方式：一是单独引用，即使用Bootstrap的单独*.js文件，这种方式需要注意的是一些插件和CSS组件可能依赖其他插件，所以单独引用的时候，需要弄清楚这种包含关系一并引用；二是直接引用完整的bootstrap.js或者压缩版的bootstrap.min.js，需要注意的是不能同时引用这2个文
  • 7、jQuery插件之uploadify文件上传(基于flash) sensus森森 jQueryflash上传插件
    Uploadify上传文件body{font:13pxArial,Helvetica,Sans-serif;}UploadifyDemo$(function(){$('#file_upload').uploadify({'formData':{'timestamp':'','token':''},'swf':'uploadify.swf',//该文件必须有的'uploader':'uploadif
  • 前端图表制作——HighCharts图表入门 eck_燃 前端图表数据可视化前端JavaScript
    HighCharts图表入门HighCharts的作用在JavaEE企业级项目开发中，很多项目都会用到数据的统计和图表的展示功能，如：各种股票系统，银行的资金结算，公司的财务报表，等等。如何快速高效的开发这些图表是一件麻烦的事。HighCharts可以非常方便的实现这个功能HighCharts是非常棒的一个jQuery插件，和大多数的浏览器都兼容。支持很多类型的图表。并且是动态的插件，你可以轻松在
  • 分享几个好用的前端网站 qq_48378883 javascript信息可视化开发语言
    1.echart图表demo集https://www.isqqw.com/2.json地图在线预览https://geojson.io/3.全国地图json数据https://www.poi86.com/4.jquery插件库https://www.jq22.com/5.jquery操作手册https://www.bejson.com/apidoc/jquery/index.html6.丰富的表格
  • 每日一题：封装 JavaScript源文件的全部内容到一个函数块有什么意义？ DHLSP15 每日一题javascript开发语言ecmascript
    封装JavaScript源文件的全部内容到一个函数块有什么意义？这是一个越来越普遍的做法，已被许多流行的JavaScript库（jQuery、Node.js等）采用。这种技术创建了一个围绕文件全部内容的闭包。最重要的是，创建了一个私有的命名空间，有助于避免不同JavaScript模块和库之间的命名冲突。这种技术的另一个特点是，允许把一个易于引用的（更短的）别名用于全局变量。例如：jQuery插件中
  • 前端网站推荐 好好哒 前端网站
    一、插件类网站jQuery插件库:http://www.jq22.com/最简单强大的插件框架:http://www.iopenworks.com/jQuery之家:http://www.htmleaf.com/经典模块化前端开发框架:http://www.layui.com/进阶攻略|前端最全的框架总结:http://www.jianshu.com/p/2a8ce7075d79二、图标类网站阿里
  • 07-JQuery插件应用 D丝学编程
    本教程主要以JqueryUI为例，简单介绍Jquery插件的使用。使用JQueryUI提供的基本功能，需要如下文件支持:(1)jquery-ui.css(2)jquery.js(3)jquery-ui.jsjqueryui主题风格:可以通过如下网站地址选择风格或者自定义https://jqueryui.com/themeroller/一、JqueryUI-AutocompleteJqueryUI-
  • jQuery插件elevateZoom简单使用 不知道取个什么昵称不如娶个媳妇
    elevateZoom其实很强大，但是，如果你的网速不给力，就会出现卡顿问题，这一点深有体会。屁话就说这么多。现在开始开车，前排的乘客注意系好安全带，呸。。。传送门网速慢卡就不要打开了，浪费时间elevateZoom是一个jquery插件，所以要依赖jquery才能使用，敲黑板划重点。上代码：$("#img-big").elevateZoom({gallery:'small',//注意相关dom元
  • asp.net+js+ajax实现手机移动端页面预览、剪裁、上传头像图片 公西雒 移动端预览剪裁上传头像
    参考资料：支持移动设备触摸图片裁剪的jQuery插件移动端html测试html-->修改取消确定//document.addEventListener('touchmove',function(e){e.preventDefault();},false);$("#clipArea").photoClip({width:80,height:80,file:"#imgFaceUrl",view:"#v
  • jquery.LoadImage.js 预加载图片 love_燕子 前端技术
    jquery插件预加载图片在线的项目图片比较多，没有办法一次加载完成，所以使用预加载，先加载一个旋转的gif图片然后等图片加载完成后显示引入jquery类库引入jquery.LoadImage.js在head中添加$(function(){$(".mainimg").LoadImage(true,800,600,"images/loading.gif");});注意一定要把该js放到head中，不
  • jquery插件开发 简介 交大小丑
    jQuery插件开发精品教程，让你的jQuery提升一个台阶-刘哇勇-博客园http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html深入理解jQuery插件开发-文章-伯乐在线http://blog.jobbole.com/30550/
  • 自定义浏览器滚动条 xilong
    1、自己手动实现这里有一篇文章写的挺好的https://blog.csdn.net/suwu150/article/details/78923390（suwu150博客）2、jQuery插件如果使用jQuery，则有插件jquery-custom-content-scroller3、vue插件Vuebar官网地址：http://github.serafin.io/vuebar/
  • jQuery实现自定义轮播图插件 觉醒法师 JavaScriptjqueryjavascript前端
    一、通过别名$.fn进行引用，开发jQuery插件/***轮播图*@constructor*/$.fn.Sliders=function(){//dosomething...}二、内部功能实现/***轮播图*@constructor*@paramsoptions参数*/$.fn.Sliders=function(options){var_TYPES_={INNER:"INNER",//替换原内容L
  • 选择年-月-日的JQuery插件，界面简洁优美，接口简单 henry技术探索记录员
    由于工作需要，需要一个选择年-月-日的插件。在网上找了很多插件库，这些日期选择插件，要不就是界面复杂，不好操作；要不就是接口复杂；甚至有bug。于是用半天时间，自己实现了一个基于JQuery的简单的日期选择插件，界面简洁优美，接口简单好用。使用方法非常简单1.在Html中导入接口文件：image2.调出日期选择插件的input控件的用法：image3.外部唯一需要调用的接口：image4.创建日期
  • vue中实现html页面导出word和pdf的办法 阿祥是刺刺
    导出word1.使用预先写好的与html相似的word文档模板，将用户输入的数据与读取出来的模板结合生成指定名称的docx文件vue+elementUI导出数据为word文档2.使用Jquery插件和file-save来生成word文档vue前端导出word、excel、pdf导出pdf1.使用html2canvas和JsPDF来生成pdf文件html2canvas生成截图后，用JsPDF转为pd
  • 使用jsDeliver+github搭建免费的cdn 42c64edf12e9
    前言:国内加载github的资源比较慢，需要使用CDN加速来优化网站打开速度，于是使用jsDeliver+github搭建免费的cdn。jsDelivr是一个免费开源的CDN解决方案，用于帮助开发者和站长。包含JavaScript库、jQuery插件、CSS框架、字体等等Web上常用的静态资源。写给小白的,懂的前面可以略过npmNPM是JavaScript的包管理器，也是世界上最大的软件注册中心。
  • 10个比较有用的jQuery插件 尚硅谷铁粉 前端jqueryjQuery插件
    jQuery是简化了HTML文档遍历、事件处理、动画和Ajax交互最快、最简洁的JavaScript库。随着越来越多的jQuery插件出现，开发者们可以很轻易地将所需要的组件整合进他们的导航菜单、logo、表格化布局、简短的文本，使其拥有指定的大小或是为其创建一系列的滑动效果，以迎合网站的主题。jQuery的出现丰富了网页的应用和开发，促使了多功能、视觉效果绚丽的网站的出现。在本文中，我们将为开发
  • jquery插件 （jquery之家）的使用案列，（瀑布流的使用）非常简单 一只小阿乐 笔记jqueryajax
    在我们使用这个插件的时候，我们只需要打开这个网址，非常优秀的一个jquery插件库jQuery库_jQuery之家-自由分享jQuery、html5、css3的插件库使用这个插件库1.先引入js和css文件2引入HTML结构3继续复制一些js代码，管理这个图片的方式然后使用就完毕了
  • 微信公众账号开发利器 - jQuery WeUI V0.6.0 发布 lihongxun945 jquery微信UIjquery-weuweui
    jQueryWeUI是一个专门为对微信公众账号开发的一套UI库，它包含了WEUI的全部组件，另外还拓展了大量的常用组件，包括下拉刷新、滚动加载、日历、select等。jQueryWeUI所有的组件都是标准的jQuery插件，所以上手没有任何难度，也可以和Angular、React等其他框架结合使用。目前包括按钮、列表、对话框、日历等20+个常用组件。本次改动主要是：增加了Select和Popup两
  • jquery插件页面滚动元素进入视口触发动画jquery-aniview weixin_33724059 javascriptpythonViewUI
    2019独角兽企业重金招聘Python工程师标准>>>animate.css+jquery-aniviewAnimate.cssAnimate.css是一个跨浏览器的css3动画库，兼容性很好。官网：https://daneden.github.io/animate.css/。1首先引入animate.css文件2给元素加上指定给的动画样式名这里包括两个class名，第一个是基本的，必须添加的样式
  • 解决视口动画插件jquery.aniview.js使用animate.css时无效的问题（最新版本网页视口动画插件的使用及没作用、没反应） 暂时先用这个名字 前端javascriptjquerycssaniviewanimate视口动画网站
    当网站页面元素进入视口时自动应用过渡效果。CSS过渡效果可以为网页添加动画效果，并提供了一种平滑的转换方式，使元素的变化更加流畅和生动。而通过jQuery插件来获取页面滚动位置决定合适调用动画效果。一、官网animate.css官网一款强大的预设css3动画库，也是实现视口动画功能的核心，各种动作名称都从此链接内找。以下为部分动画对应的中文。fade:{title:'淡入淡出',fadeIn:'淡
  • Jquery插件导出word之---html-docx.js chibimarukochan web前端html-docx.js
    下载地址：链接：https://pan.baidu.com/s/1e7zh8pXhR5h_obipuaq3zA密码：i4pg使用方法：//.dts文件中：declarenamespacehtmlDocx{exportfunctionasBlob(content:string);}//.ts中引入：/////html页面：letconverted=htmlDocx.asBlob(downConten
  • jquery控制css3动画 列表,10款jQuery/CSS3动画应用 超实用 草头余 jquery控制css3动画列表
    本文作者html5tricks，转载请注明出处这次我们要带来10款最新的jQuery/CSS3动画应用，这里有不少1、jQuery/CSS3书本翻页动画特效多功能选项支持这是一款基于jQuery和CSS3的书本翻页动画特效，该书本翻页插件的外观非常华丽喜庆，非常适合产品活动或者育儿网站使用。我们可以点击左右翻页按钮进行翻页，也可以使用鼠标拖拽页脚来实现翻页动画。这是个jQuery插件，因此兼容性还
  • 微信小程序九宫格抽奖和转盘抽奖的实现 爱唱歌的前端 微信小程序微信小程序九宫格抽奖的实现微信小程序转盘抽奖的实现微信小程序实现九宫格抽奖微信小程序实现转盘抽奖微信小程序常用的抽奖方式
    描述：最近在工作中遇到了小程序抽奖的一些页面制作，以前制作网页抽奖的时候，在jQuery插件库谁便找一个Demo就可以满足我们的需求了，自己动手写的话不仅会拖慢项目进度，而且写出来的也未必有别人的那么流畅自然。而在小程序中我们就没有这么幸福了(ಥ﹏ಥ)，并没有丰富的插件库供给我们使用，所以该写的还得自己动手写。好了，下面是常见的两种抽奖方式：九宫格和转盘，在实际项目中用的还不错，分享给大家。一、九
  • 怎么样才能成为专业的程序员？ cocos2d-x小菜 编程PHP
      如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。   关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
  • java web开发 高并发处理 BreakingBad javaWeb并发开发处理高
    java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
  • mysql批量更新 ekian mysql
    mysql更新优化： 一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 三千多条的更新，需要3分多钟。 查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
  • 微软BI（3） 18289753290 微软BI SSIS
    1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
  • Java中的List g21121 java
            List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。         与 set 不同，列表通常允许重复
  • 读书笔记 永夜-极光 读书笔记
       1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策?          传统决策: A:100%订单  B,C,D:0%     &nbs
  • centos 安装 Codeblocks 随便小屋 codeblocks
    1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++   2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK    yum search w
  • 23种设计模式的形象比喻 aijuans 设计模式
    1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
  • 开发管理 CheckLists aoyouzi 开发管理 CheckLists
    开发管理 CheckLists(23) -使项目组度过完整的生命周期 开发管理 CheckLists(22) -组织项目资源 开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
  • js实现切换 百合不是茶 JavaScript栏目切换
    js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示   代码实现:   html代码: <di
  • 周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
            这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
  • 前端Web开发的页面效果 Bill_chen htmlWebMicrosoft
    1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
  • 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
      CMS概述 并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。   CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
  • Struts2技术总结 白糖_ struts2
      必备jar文件 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar   Apache旗下commons项目的log日志包 freemarker-*.jar          
  • Jquery easyui layout应用注意事项 bozch jquery浏览器easyuilayout
    在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：      如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
  • java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
    public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ 拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。 假设原来链表为A1 -> A2 ->... -> An，新拷贝
  • color Chen.H JavaScripthtmlcss
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
  • [信息与战争]移动通讯与网络 comsci 网络
          两个坚持:手机的电池必须可以取下来                光纤不能够入户,只能够到楼宇       建议大家找这本书看看:<&
  • oracle flashback query(闪回查询) daizj oracleflashback queryflashback table
    在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
  • zeus持久层DAO单元测试 deng520159 单元测试
    zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码   package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
  • C语言学习三printf函数和scanf函数学习 dcj3sjt126com cprintfscanflanguage
    printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园 功能： 目的： 测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
  • 那你为什么小时候不好好读书? dcj3sjt126com life
    dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊 没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you   爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿   爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
  • iptables开放端口 Fanyucai linuxiptables端口
    1，找到配置文件 vi /etc/sysconfig/iptables   2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT   3，保存 ESC :wq!   4，重启服务 service iptables
  • Ehcache（05）——缓存的查询 234390216 排序ehcache统计query
    缓存的查询 目录 1.    使Cache可查询 1.1     基于Xml配置 1.2     基于代码的配置 2     指定可搜索的属性 2.1     可查询属性类型 2.2 &
  • 通过hashset找到数组中重复的元素 jackyrong hashset
      如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
  • 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
    后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) {         if (window.history && window.history.pushState) {
  • 应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰netkillerneo
    应用程序的通信成本 什么是通信 一个程序中两个以上功能相互传递信号或数据叫做通信。 什么是成本 这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。 都有哪些通信方式 全局变量 线程间通信 共享内存 共享文件 管道 Socket 硬件（串口，USB） 等等 全局变量 全局变量是成本最低通信方法，通过设置
  • 一维数组与二维数组的声明与定义 恋洁e生 二维数组一维数组定义声明初始化
    /**  *  */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
  • Spring Mybatis独立事务配置 toknowme mybatis
    在项目中有很多地方会使用到独立事务，下面以获取主键为例   （1）修改配置文件spring-mybatis.xml  <!-- 开启事务支持 -->  <tx:annotation-driven transaction-manager="transactionManager" />   &n
  • 更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
    使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  检测一会后提示 No update were found 
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他