shumeihh
shumeihh

抽奖小游戏

抽奖小游戏_第1张图片

html代码：

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>title>
        <link rel="stylesheet" type="text/css" href="./index.css"/>
    head>
        
    <body>
        <div id="app">
            
        div>
        <script src="./tools.js" type="text/javascript" charset="utf-8">script>
        <script src="./index.js" type="text/javascript" charset="utf-8">script>
        <script type="text/javascript">
            lottery.init({
                el : document.getElementById('app'),
                row : 4,
                col : 4,
                width : 100,
                height : 100,
                spacing : 5,
                lottery : ['一等奖', '二等奖', '三等奖','四等奖', '五等奖', '六等奖','七等奖', '八等奖', '九等奖','十等奖', '十一等奖', '十二等奖'],
            });
        script>
    body>
html>

css代码：

.lottery {
    position: relative;
    
    user-select: none;
}
.lottery .lottery-items {
    background: #ff0000;
    text-align: center;    
    color: #FFFFFF;
    position: absolute;
}

.on {
    background: #FFFF00 !important;
    color: #FF0000 !important;
}
.lottery .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #ff0000;
    text-align: center;    
    color: yellow;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 10px;
    font-size: 22px;
    font-weight: 600;
    cursor: pointer;
}

index.js代码：

// 步骤
// 1.拿到数据 initData
// 2.个数 去生成元素了   渲染 render
// 3.监听事件 handle


var lottery = {
    flag : false,
    index : 0,
    time : 200,
    timer : null,
    init: function(options) {
        this.initData(options);
        this.render();
        this.handle();
    },
    initData: function(options) {
        this.el = options.el;
        this.row = options.row; //格子的行数
        this.col = options.col; //格子的列数
        this.width = options.width || 100;
        this.height = options.height || 100;
        this.spacing = options.spacing || 5;
        this.lottery = options.lottery;
        this.childLength = this.row * this.col - (this.row - 2) * (this.col - 2); //格子个数
        this.domPosArr = this.getPosition(this.childLength); //每个格子的边框数据
        this.totalWidth = this.width * this.col + (this.col - 1) * this.spacing;
        this.totalHeight = this.height * this.row + (this.row - 1) * this.spacing;
    },
    getPosition: function(childLength) { //得到每个格子的位置信息
        var arr = [];
        //临界值点
        var criticalVal1 = 0;
        var criticalVal2 = this.col;
        var criticalVal3 = this.col + this.row - 1;
        var criticalVal4 = 2 * this.col + (this.row - 2);
        
        for (var i = 0; i < childLength; i++) {
            if (i >= criticalVal1 && i < criticalVal2) {
                arr[i] = {
                    top: '0px',
                    left: i * (this.width + this.spacing) + 'px',
                }
            } else if (i >= criticalVal2 && i < criticalVal3) {
                arr[i] = {
                    right: '0px',
                    top: (i + 1 - criticalVal2) * (this.height + this.spacing) + 'px',
                }
            } else if(i >= criticalVal3 && i < criticalVal4){
                arr[i] = {
                    bottom : '0px',
                    left : (criticalVal4 - i - 1 ) * (this.width + this.spacing) + 'px',
                }
            } else if(i >= criticalVal4){
                arr[i] = {
                    left : '0px',
                    bottom : (i - criticalVal4 + 1) * (this.height + this.spacing)   + 'px',
                }
            }
        }
        return arr;
    },
    render: function() {
        for (var i = 0; i < this.childLength ; i++) {
            var posInfo = this.domPosArr[i];
            var oDiv = document.createElement('div');
            oDiv.setAttribute('class', 'lottery-items');

            if (posInfo.top) {
                oDiv.style.top = posInfo.top;
            }
            if (posInfo.bottom) {
                oDiv.style.bottom = posInfo.bottom;
            }
            if (posInfo.left) {
                oDiv.style.left = posInfo.left;
            }
            if (posInfo.right) {
                oDiv.style.right = posInfo.right;
            }
            
            oDiv.style.width = this.width + 'px';
            oDiv.style.height = this.height + 'px';
            oDiv.style.lineHeight = oDiv.style.height;
            oDiv.innerText = i + 1;
            oDiv.dataset.praise = this.lottery[i];
            this.el.appendChild(oDiv);
        }
        
        //添加抽奖按钮
        var oDiv = document.createElement('div');
        oDiv.innerHTML = '点我抽奖';
        oDiv.setAttribute('class', 'btn');
        oDiv.style.width = (this.col - 2) * this.width + 'px';
        oDiv.style.height = (this.row - 2) * this.height + 'px';
        oDiv.style.lineHeight = oDiv.style.height;
        this.el.appendChild(oDiv);
        
        this.el.classList.add('lottery'); //预防 el 的 id改变后所造成样式不可用的问题 
        this.el.style.width = this.totalWidth + 'px';
        this.el.style.height = this.totalHeight + 'px';
    },
    handle: function() {
        var self = this;
        var oBtn = this.el.getElementsByClassName('btn')[0];
        addEvent(oBtn, 'click', function() {
            if(!self.flag) {
                self.startLottery();
            }
        });
    },
    startLottery : function () {
        this.flag = true;
        var onDom = this.el.getElementsByClassName('lottery-items')[this.index];
        onDom.classList.add('on');
        setTimeout(this.runner.bind(this), this.time);
    },
    runner : function() {
        clearTimeout(this.timer);
        var index = Math.floor(Math.random() * this.childLength);
        while(index === this.index) {
            index = Math.floor(Math.random() * this.childLength);
        }
        this.index = index;
        var onDom = this.el.getElementsByClassName('on')[0];
        onDom.classList.remove('on');
        
        onDom = this.el.getElementsByClassName('lottery-items')[this.index];
        onDom.classList.add('on');
        this.time -= 20;
         if(this.time < 20){
             this.end();
             return;
         }
         this.timer = setTimeout(this.runner.bind(this), this.time);
    },
    end : function () {
        var self = this;
        setTimeout(function() {
            alert(self.el.getElementsByClassName('lottery-items')[self.index].dataset.praise);
            self.resetting();
        }, 0);
    },
    resetting : function() {
        this.flag = false;
        this.index = 0;
        this.time = 500;
        this.el.getElementsByClassName('on')[0].classList.remove('on');
    },
};

 

你可能感兴趣的:(抽奖小游戏)

  • python简单好玩的编程代码,python有哪些好玩的代码 2301_81900439 pygamepython开发语言
    大家好，小编来为大家解答以下问题，20行python代码的入门级小游戏，python有什么好玩的代码嘛，今天让我们一起来看看吧！哈喽铁子们表弟最近在学Python，总是跟我抱怨很枯燥无味，其实，他有没有认真想过，可能是自己学习姿势不对？比方说，可以通过打游戏来学编程！今天给大家分享100个Python小游戏，一定要收藏！1、简易飞机大战飞机大战相信大家都玩过吧，非常简单有意思的游戏，咱们通过Pyt
  • h5小游戏定制开发 红匣子实力推荐
    随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
  • 2023思想日记-1 心颐
    22年底被朱晓平老师种草，被他对每一个人的那份耐心所打动。每天早晨听他的直播，结尾读一首小诗，唱几句。满满的能量补给，又燃起了对生活的热情与希望。很幸运年末直播间抽奖时，中了一本他的签名书《青少年品格必修课》。这也是我第一次在直播间中奖。且在新年的第一天元旦节收到！迫不及待打开，老师在上面写了“舍得”并附上签名。心情或许就像那些追星的粉丝一样，得到偶像的签名莫名欣喜！每当在工作或生活中遇到难题时，
  • 手机小游戏开发 红匣子实力推荐
    随着智能手机的普及，手机小游戏已经成为人们日常生活中不可或缺的一部分。从简单的消除游戏到复杂的策略游戏，手机小游戏为玩家提供了丰富的娱乐体验。本文将为您介绍手机小游戏开发的基本概念、工具和技术。开发-联系电话：13642679953（微信同号）1.游戏类型手机小游戏可以分为多种类型，如益智游戏、休闲游戏、动作游戏、策略游戏等。开发者可以根据自己的兴趣和技能选择合适的游戏类型进行开发。2.开发工具手
  • 【C语言编程】【小游戏】【俄罗斯方块】 星毅要努力 c语言开发语言学习游戏
    #include#include#include#include#include#include#defineWIDTH12#defineHEIGHT18#defineBUFFER_WIDTH(WIDTH*2+20)#defineBUFFER_HEIGHT(HEIGHT+2)charfield[HEIGHT][WIDTH]={0};intscore=0;charbuffer[BUFFER_HEIG
  • 说说几个免费领水果的app 过雨碎江南
    1、拼多多好像是最先开始有果园种树，成功后可以免费得到三斤水果，三餐时候有福袋领水滴，浏览商品，在果园里购买商品都会得到水滴和化肥，还可以免费抽签抽奖之类的，都可以得到水滴。果树刚开始的时候长的特别快，到最后就慢了。2、京东商城，京东果园首次种树特别快，不到半个月就成功了，浇一次水就成长了百分之十几，跟多多果园同时种下树，京东都收到货了，拼多多的还有百分之十几没成功，不过现在慢了，浏览商品就给几克
  • 相信命运9 哭丧难得
    “玄学”，我曾经最常用的说辞。“玄学”是对未来发生事情的预测，以及用微妙改变来使未来转变的行动。举个例子，抽奖和考试，本应无直接联系，但是若抽了奖，便是用了“人品”，没抽到那么就可以保留“人品”，甚至把抽奖的“人品”用在考试上。平时注意积德，并且遵守对自己的承诺，那么“人品”就不会差，事情也就顺利。我对“玄学”半信半疑，大多数时候，“玄学”都起了作用，但是我也怀疑这只是我在事后将一切联系起来。大家
  • 2018.09.28 Betty丽丽
    财富目标：9月轻松愉快地显化一万二的财富目标，活在丰盛喜悦之中！计划：1.三大良田2.帮助业力伙伴3.帮助这个世界需要帮助的人行动：1.种下分享智慧的好种子，帮助一个有财富方面匮乏的朋友去做冥想，清理他的负面情绪，让他感受到内心的平和与喜悦，他看到了自己金色的财富之花盛开，非常棒！图片发自App2.种下肯定他人赞美他人的好种子，给班级的同学们带来了一个小游戏叫做iamhappy，让同学们都很开心！
  • 华为OD机试 - 单词搜索（Python） AsiaFT. Py华为OD机试AB卷算法python华为od
    题目描述找到它是一个小游戏，你需要在一个矩阵中找到给定的单词。假设给定单词HELLOWORD，在矩阵中只要能找到H->E->L->L->O->W->O->R->L->D连成的单词，就算通过。注意区分英文字母大小写，并且您只能上下左右行走，不能走回头路。输入描述输入第1行包含两个整数n、m(0
  • 奖赏效应 杨子_
    奖赏效应在生活中随处可见，如积分抽奖，蚂蚁森林，商场满减，新品试用等等在预售工作中，游戏化机制就是一部分奖赏效应的具化文中提到即到即得是奖励，目前定金奖励为一天或一周发放，是否可以提升为及时发放？即出即发？多变式奖励正好符合目前每周的周主题，周周不同新玩法，带给大家的是不同的新鲜感升级式奖励可以利用积分制，如一个资源一分，一个定金5分，最小到达500分的奖励一个礼品，最小到达1000分的再奖励一个
  • 我今天的工作和学习 bulaodexin
    图片发自App今天回家晚了。匆匆忙忙把特训营第八天的课程学完，效果不理想，不知什么原因，就觉得老师的语速好快，暂停倒回了好多次，迷你图没有成功，抽奖前三名的知识也没能全弄懂，导图快做完了又遇到电脑故障重启，总之很有点失望。想想昨天的可是被储君老师老师钦点表扬的，一下子感觉从天上掉到了地下。今天学习的内容是用条件格式扮靓报表，内容主要包括：1、基础用法：（1）突出显示单元格规则（2）快速查找重复值（
  • NOIP2021 T1 报数 aWty_ 题解算法
     传送门：NOIP2021T1题目大意报数游戏是一个广为流传的休闲小游戏。参加游戏的每个人要按一定顺序轮流报数，但如果下一个报的数是7的倍数，或十进制表示中含有数字7，就必须跳过这个数，否则就输掉了游戏。在一个风和日丽的下午，刚刚结束SPC20nn比赛的小r和小z闲得无聊玩起了这个报数游戏。但在只有两个人玩的情况下计算起来还是比较容易的，因此他们玩了很久也没分出胜负。此时小z灵光一闪，决定把这个游
  • 【Python游戏】贪吃蛇升级版——双人贪吃蛇小游戏 | 附带源码 彳余大胆 Python游戏python游戏pygame
    前言之前做过一个单人版的贪吃蛇，所以常常就是我只能看着别人玩，或者别人看着我玩，却没法两个人一起愉快地玩耍。由此产生了做一个可以双人玩的贪吃蛇想法，并且从小时候一直到现在，之前python还没有那么火的时候，就在网上看过一些用python写游戏的教程。后来系统地学了一下python，就打算将双人贪吃蛇安排上了。相关文件想学Python的小伙伴可以关注小编的公众号【Python日志】有很多的资源可以
  • Python小游戏——雷霆战机 星和月 pygamepython开发语言
    importpygameimportrandom#初始化pygame.init()#定义游戏窗口大小window_width=800window_height=600#创建游戏窗口window=pygame.display.set_mode((window_width,window_height))pygame.display.set_caption("雷霆战机")#加载图片player_img=
  • 高手粉丝还原《无敌破坏王2》中的休闲游戏《松饼和奶昔》 爱游戏的萌博士
    大家还记得《无敌破坏王2：大闹互联网》吗？这部华特·迪士尼影片公司出品的动画电影已经上映了一段时间了。这部《无敌破坏王》的续作，依旧维持了高水准，电影中很多细节都给大家留下了深刻的印象。博士今天想说的是电影中出现的那款小游戏《Pancakes&Milkshakes》！动画中出现的这款游戏《Pancakes&Milkshakes》，中文可以叫做《兔子吃松饼，猫咪喝奶昔》。因为游戏中左边的兔子就是一直
  • 2020-12-18 A金城游泳健身张玲
    会籍部姓名：张玲日期：12月18日当月任务：4W当日业绩：0当月已完成业绩：13800当日打电话量：40当日收集新客源量：2次日预约量：0次日准单：0今天联系会员填奖卷，宣传活动，约访，会员在前台咨询活动内容，填写奖卷，应第一时间找到责任会籍，沟通维护介绍本着这次免费抽奖活动机会与老会员增进感情和见面机会，会籍部作为主要责任部门，应按会籍维护人员登记（也就是说谁的客户谁登记），没有联系的按顺序安排
  • 决战《三字经》小游戏程序文档 力江 游戏程序pythonpygamepip
    游戏简介“决战《三字经》”是一个基于Python编写的小游戏程序，旨在帮助玩家通过互动方式学习《三字经》中的内容。玩家需要控制上升的文字块，与下降的文字块碰撞并正确排序，以获得分数。游戏功能读取《三字经》文本文件：程序会读取预先准备的《三字经》文本文件，将其中的内容用于游戏中生成文字块。生成当前段落：根据游戏进度，程序会生成当前需要排序的文字块段落，供玩家操作。处理文字块碰撞：玩家控制上升的文字块
  • 学习编程的第五天，打卡-DAY5（2024/9/11） 不做悲观主义 学习c#
    一、收获今天学习了分支和循环，试着设计了一款猜字小游戏，很有成就感！！有需要改进的地方请各位大佬指出，感谢！二、猜字小游戏代码#include#include#includevoidmenu(){printf("*************************\n");printf("****1->开始游戏****\n");printf("****0->退出游戏****\n");printf("
  • 在家就能赚钱的小游戏，让你轻松实现财务自由！ 多职猫
    在家就能赚钱的小游戏，让你轻松实现财务自由！你是否曾经想过，是否有一种方法可以在家中赚钱，轻松实现财务自由？是否渴望摆脱乏味的日常工作，拥有更多的自由时间和金钱来追求梦想？如果你答案是肯定的，那么这篇文章将为你揭示一个令人兴奋的机会，让你在家中通过小游戏赚取财富。推荐一篇找兼职必看的免费教程：《手机兼职，300-500/天，一单一结，大量要人》，在这里可以找到各种视频编辑兼职，游戏试玩兼职，文本配
  • 华为云服务器搭建小游戏 单车~ 华为云服务器运维
    在当今数字化的时代，搭建自己的小游戏服务器成为了许多开发者和爱好者的热门选择。华为云服务器凭借其强大的性能、稳定的服务和丰富的功能，为我们提供了一个理想的平台。接下来，让我们一起探索如何在华为云服务器上搭建小游戏。一、准备工作注册华为云账号并完成实名认证。开通相关的云服务，如云服务器ECS等。二、选择合适的云服务器配置根据游戏的类型和预计的玩家数量，选择合适的CPU、内存、存储和带宽。例如，如果是
  • 易语言打造智能在线更新程序指南 甄公子
    本文还有配套的精品资源，点击获取简介：易语言作为一种中文编程语言，简化了在线智能更新程序的构建过程。本文深入介绍易语言在创建软件更新系统中的应用，包括程序的自动更新机制、文件管理、安全校验、用户界面设计以及网络通信技术等方面。1.易语言简介易语言是一种基于中文的编程语言，特别适合中文用户和初学者快速上手。它具有简单易学、开发效率高的特点，可以快速进行软件开发，尤其在桌面应用和小游戏开发中颇受青睐。
  • 丰盛日记20140410 linerhy
    今天我们项目smcop启动了。自我感觉不是很好，原因主要是我自己没有把会议目标弄清楚。同时会议引导和时间把控的能力还很不足。好的地方是，给到每个人机会，表达了自己的想法，“我报名的初衷是什么？”，在大家的分享中，“以人为本，关注人，激活个人和团队”这些都被提到了，这是我们未来工作的指导思想。我把上次设计的“换位思考”小游戏执行了，一个晚上加班刷手机的现象，员工/主管/家长分别怎么想。大家的分享中很
  • C语言---双人贪吃蛇 .KEG c语言其他游戏
    贪吃蛇双人小游戏，每局游戏两分钟，死亡则直接失败，若时间结束，则分高者获胜。上源代码：​#include#include#include#include#include#include#defineSNAKESIZE100#defineMAPWIDTH118#defineMAPHEIGHT29struct{//保存食物坐标intx;inty;}food;struct{intlen;intx[SNA
  • C语言-------实现贪吃蛇小游戏 夜晚中的人海 c语言数据结构
    目录一、预备知识1.1Win32API介绍Windows这个多作业系统除了协调应用程序的执行、分配内存、管理资源之外，它同时也是一个很大的服务中心，调用这个服务中心的各种服务（每一种服务就是一个函数），可以帮应用程序达到开启视窗、描绘图形、使用周边设备等目的，由于这些函数服务的对象是应用程序(Application)，所以便称之为ApplicationProgrammingInterface，简称
  • redis常见使用场景 思静语 #Redis-缓存redis缓存
    文章目录redis常见使用场景全局ID位统计购物车用户消息时间线timeline抽奖商品筛选分布式锁限流redis实现计数器排行榜消息队列redis如何实现延时队列redis生产常用的场景redis常见使用场景Redis是一种高性能的内存数据库，广泛应用于各种场景中。以下是Redis的常见使用场景：缓存：作为缓存层，将频繁访问的数据存储在内存中，以加速数据访问速度。Redis提供了丰富的数据结构和
  • 微信小游戏制作开发 红匣子实力推荐
    在移动互联网时代，微信已经成为了人们日常生活中不可或缺的社交工具。而微信小游戏，作为微信生态中的一部分，也吸引了大量的用户和开发者。本文将为您介绍微信小游戏的制作开发过程，带您了解如何从零开始，打造出一款受欢迎的微信小游戏。1.确定游戏类型和题材首先，您需要确定游戏的类型和题材。微信小游戏涵盖了休闲、益智、竞技、角色扮演等多种类型，您可以根据自己的兴趣和擅长领域来选择。同时，游戏的题材也很重要，如
  • 2019.6.27 Lvy千寻
    上午做了个团队协作的小游戏，AD一组，开心说完后在原哥的指导下就开始分工合作，由于没有明确目标，审错题，在有限的资源中最后时间内完成。下午出去扫楼，商业区，和若澜先去了迈普大厦，每一层电梯要刷卡，消防通道要密码，在里面浪费了近一个小时，于是放弃去了商铺和川威大厦那边，直接上去很顺利的发完了。总结一下：接到任务时先明确目标，再想讨论怎么做，分工明确，时间有效利用；下午扫楼就没有有效利用时间，在不足中
  • 最受欢迎的年会礼品，实用又贴心的员工福利，比较实用的年会礼品 金钱保卫科长
    在年会上，为员工准备一份实用又贴心的礼品，是表达公司对员工辛勤付出和贡献的感谢之情的最佳方式。本文将为你推荐一些最受欢迎的年会礼品，以及如何选择实用又贴心的员工福利。淘宝/京东/拼多多/唯品会/外卖等平台超级红包|活动无门槛红包https://www.chaojiyouhui12.26-12.31日京东跨年互动，红包、抽奖、促销商品优惠享不停！一、最受欢迎的年会礼品1、电子产品：如智能手环、无线耳
  • 京东跨年有活动吗？京东跨年有优惠吗？京东跨年红包在哪里领？ 金钱保卫科长
    随着2023年的尾声渐近，我们迎来了充满期待和欢乐的跨年时刻。在这个特别的时刻，京东为大家准备了一份特别的新年大礼——2023-2024跨年晚会10亿红包活动！淘宝/京东/拼多多/唯品会/外卖等平台超级红包|活动无门槛红包https://www.chaojiyouhui京东跨年互动，红包、抽奖、促销商品优惠享不停！京东搜索：年年有余888活动时间：2023年12月31日晚8点玩法攻略：下载京东AP
  • 解析“吃豆人”小游戏，附赠免费完整代码 海拥✘ 100个摸鱼小游戏游戏html5
    个人网站:【摸鱼游戏】【神级代码资源网站】【海拥导航】一站式轻松构建小程序、Web网站、移动应用：注册地址基于Web端打造的：轻量化工具创作平台想寻找共同学习交流，摸鱼划水的小伙伴，请点击【全栈技术交流群】在这篇文章中，我们将逐段解析一个简单的“吃豆人”游戏代码，帮助大家理解其中的实现逻辑。这款游戏通过HTML5的元素和JavaScript来开发，虽然代码量不大，但它展示了如何实现一个基础的小游戏
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他