hellobeifeng
hellobeifeng

[置顶] JavaScriipt实用并且简单的抽奖程序

1.需求说明

   某公司年终抽奖，需要有如下功能

1）可以根据实际情况设置到场人数的最大值

2） 点击“开始”，大屏幕滚动，点击“停止”，获奖者的编号出现在大屏幕上

3）在界面里显示全部奖项获奖人编号

4）不重复获奖

5）不会因为输入错误而导致抽奖结果异常。

2.代码呈上

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">
<html>
<head>
<title>某公司周年庆抽奖</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript">
	var timer;
	var flag = new Array(100);
	var existingnum = new Array(100);
	var clickTimes = 0;
	var randnum;
	var cellnum =1;
	var mobile;
	var num ;
	function check_input(){  
		var input = document.getElementById("real_num").value;
    	var re = /^[1-9]+[0-9]*]*$/;
   	 	if (!re.test(input)){  
        	alert("请输入正整数");  
        	window.location.href=window.location.href;	 
        	return false;  
    	 }

	}  

	//get the random numbers from the mobile array every 0.05s
	function setTimer(){
		timer = setInterval("getRandNum();",50);
	    document.getElementById("start").disabled = true;
	    document.getElementById("end").disabled = false;
	}

	function getRandNum(){
		document.getElementById("result").value = mobile[GetRnd(0,num)];
	}

	function GetRnd(min,max){ 
		randnum = parseInt(Math.random()*(max-min+1));
		return randnum;
	}

	//------------------------------------------------

	//turn the input's running down
	function clearTimer(){
	    noDupNum();
		clearInterval(timer);
	    document.getElementById("start").disabled = false;
	    document.getElementById("end").disabled = true;
	}
	// Re defined array:change the length of the array and delete the checked one
	function noDupNum(){
	    mobile.removeEleAt(randnum);
	    var o = 0;
	    for(p=0; p<mobile.length;p++){
	    	if(typeof mobile[p]!="undefined"){
	    		mobile[o] = mobile[p];
	 			o++;
	    	}
	    }
		num = mobile.length-1;
	 }

	 function setValues(){
	 	document.getElementById(cellnum).value = document.getElementById("result").value ;
	    cellnum++;
 	}

 	function set_array(){
 		var real_num = document.getElementById("real_num").value ;
 		mobile= new Array(real_num);
 		var o = 0;
 		for(i=1; i<=real_num;i++){
	    	mobile[o] = i;
	    	o++;
	    }
		num = mobile.length-1;
		document.getElementById("set_number").disabled = true;
 	}
	
	
	
	
	Array.prototype.removeEleAt = function(dx){
	    if(isNaN(dx)||dx>this.length){return false;}
	   		this.splice(dx,1);
	    }
</script>
</head>
<body>
	<center>
		<div id="main">
 			<div>
				<h1>获奖小伙伴</h1>
 				<p>
 					<input id="result" type="text" size="30" style="height:130px;width:800px;border:2px solid red;font-size:120;" readonly/>
 				</p>
 				<p>
 					<input id="start" type="button" value="开始" style="border: 1px solid; border-color: #aaa 000 #000 #aaa;width:4em; background: #fc0;" onclick="setTimer()" />
 					<input id="end" type="button" value="停" style="border: 1px solid; border-color: #aaa 000 #000 #aaa;width:4em; background: #fc0;"onclick="clearTimer();setValues();" disabled/>
				</p>
 				<p><strong>一等奖（1名）</strong></p>
				<table width="190" height="30" border="1">
 					<tr>
 						<td><input name="text1" type="text" id="3" style="height:30px;width:190px;border:1px solid red;font-size:25;" size="28" readonly/></td>
 					</tr>
 				</table>
 				<p>二等奖（2名）</p>
 				<table width="380" height="30" border="1">
 					<tr>
						<td><input name="text2" type="text" id="2" style="height:30px;width:190px;border:1px solid red;font-size:25;" size="28" readonly/></td>
 						<td><input name="text3" type="text" id="1" style="height:30px;width:190px;border:1px solid red;font-size:25;" size="20" readonly/></td>
 					</tr>
 				</table>
 			</div>
		</div>
		<p></p>
		<p></p>
		<div id="setter" style="border:1px solid;width:45em">
			<h3>系统设置</h3>
 			<table width="300" height="30" border="1">
 					<tr>
						<td>活动人数</td>
						<td><input type="text" id="real_num" style="width:11em"></td>
						<td><input id="set_number" type="button" value="设置" style="border: 1px solid; border-color: #aaa 000 #000 #aaa;width:4em; background: #fc0;" onclick="check_input();set_array();"/></td>
 					</tr>
 					<tr>
						
 					</tr>
 			</table>
 			<br/>
 			<input id="set_number" type="button" value="重新开始抽奖" style="border: 1px solid; border-color: #aaa 000 #000 #aaa;width:45em;height: 3em;background: #fc0;"  onclick="window.location.href=window.location.href;"/>
 			<p></p>
		</div>
	<center>
</body>
</html>

3.丑陋截图

我很丑，但是我很温柔~
[置顶] JavaScriipt实用并且简单的抽奖程序_第1张图片


你可能感兴趣的:(JavaScript抽奖程序)

  • python程序发钉钉消息 乌11111 python
    参考：使用python通过接口方式发送钉钉消息分两步：1.在钉钉群---智能群助手里添加机器人，拿到webhook链接，设置关键词。2.写python代码，用requests请求接口的方式。参考代码和实现结果如下。#python发钉钉消息importjson,requestsdefsendDing(msg):dingding_url='https://oapi.dingtalk.com/robot
  • 学习TypeScript（一） 家里有只小肥猫 学习typescriptjavascript
    Ts静态类型可以直接在编译器进行类型检查js动态类型在代码执行期的时候才会进行类型检查好处优势程序中任何位置的代码都会有错误提示，避免浪费时间提高维护性让代码重构更容易只需要修改类型就可以全局安装打开cmd电脑全局安装npmi-gtypescript检查是否安装成功tsc-vTypeScript入门教程1.安装TypeScriptnpminstall-gtypescript2.创建TypeScri
  • Pex 项目使用教程 任翊昆Mary
    Pex项目使用教程pexPexisajavascript3dlibrary/engineallowingforseamlessdevelopmentbetweenPlaskandWebGLinthebrowser.项目地址:https://gitcode.com/gh_mirrors/pex/pex1.项目的目录结构及介绍Pex项目的目录结构如下：pex-gl/├──assets/├──lib/├
  • PEX 开源项目教程 束静研Kody
    PEX开源项目教程pexPexisajavascript3dlibrary/engineallowingforseamlessdevelopmentbetweenPlaskandWebGLinthebrowser.项目地址:https://gitcode.com/gh_mirrors/pex/pex项目介绍PEX（PolyethyleneExchange）是一个基于高密度聚乙烯（HDPE）的管道和
  • 学习ASP.NET Core的身份认证（基于JwtBearer的身份认证9） gc_2299 网页编程JwtBear身份认证
      测试数据库中只有之前记录温湿度及烟雾值的表中数据较多，在该数据库中增加AppUser表，用于登录用户身份查询，数据库表如下所示：  项目中安装SqlSugarCore包，然后修改控制器类的登录函数及分页查询数据函数，将之前函数中的固定数据修改为从数据库中查询数据，并将分页查询数据函数中返回数据集合修改为返回环境检测数据的集合，主要调整的代码如下所示。客户端页面中的JavaScript代码主要修
  • 为了避免工作疏忽，钉钉推送通知到个人（实例） 小小蚂蚁 钉钉java前端
    publicstaticvoidmain(Stringargs[]){//获取tokenJSONObjectjson=newJSONObject();json.put("appKey","应用程序的唯一标识符");json.put("appSecret","应用程序（App）的密钥");StringURL="https://api.dingtalk.com/v1.0/oauth2/accessTo
  • 面试官说 “你还有什么问题想问的” ，作为一名程序员该如何回答？ Misdirection_XG 面试经验分享androidjava
    前言程序员面试时经常会听到面试官说一些套话，比如“今天的面试就到这里了，回去等通知吧”，“你还有什么问题想问我的吗”，“如果这道题不会做，那么我们也可以换一道”今天我们要说的是大多数面试官都会说的一句话“你还有什么问题想问的？”这是一个老生常谈的问题，之前经历过不少面试，针对这个问题我也做过很多不同的回答，当然也参考了其他人的一些建议，我这里总结了几种回答的方法，仅供大家参考。1、没有了这听起来是
  • C语言笔记 次次娅 c语言笔记算法
    目录main函数printf函数占位符限定宽度小数位数数据类型变量创建初始化常量字面常量const修饰的常变量（定义常量）#define预处理器（定义常量）字符常量枚举（enum）枚举变量scanf函数基本用法占位符赋值忽略符main函数main函数是程序的⼊⼝，也被叫做：主函数。main前⾯的int表⽰main函数执⾏结束的时候返回⼀个整型类型的值。所以在main函数的最后写return0;正好
  • 谷歌开发者模式调试Js代码 [保姆级教程] yunAike javascript开发语言ecmascript
    开启开发者模式方法一：在网页中右键单击，选择“检查”选项，即可打开开发者工具。方法二：使用快捷键，在Windows/Linux系统中按Ctrl+Shift+I，在Mac系统中按Command+Option+I。开始调试JavaScript代码1.定位到源代码打开开发者工具后，点击上方的“Sources”（源代码）面板。该面板左侧是文件树，你可以从中找到要调试的JavaScript文件。如果是内联的
  • Avalonia+ReactiveUI跨平台路由：打造丝滑UI交互的奇幻冒险 步、步、为营 ui交互.netc#
    一、引言在当今数字化时代，跨平台应用开发已成为大势所趋。开发者们迫切需要一种高效、灵活的方式，能够让应用程序在不同操作系统上无缝运行，为用户提供一致的体验。Avalonia和ReactiveUI的组合，宛如一对天作之合的舞者，在跨平台开发的舞台上翩翩起舞，为我们带来了前所未有的可能。Avalonia是一个开源的跨平台UI框架，它以其强大的跨平台能力而备受瞩目。无论是Windows、Linux还是m
  • 桌面应用程序开发：跨平台方案方案有什么？ 柚米汇 开发语言
    目前市面上最流行的桌面开发程序框架和工具包括以下几种：1.Electron简介：使用Web技术（HTML、CSS、JavaScript）开发跨平台桌面应用，结合Node.js和Chromium。优点：广泛使用的Web技术，开发门槛低。丰富的插件和生态系统支持。许多成功的应用案例（如VisualStudioCode、Slack、Discord）。工具：VisualStudioCode、Atom。2.
  • linux 二进制编辑工具,全网最全Linux的十大十进制编辑器，要接触Linux的你摆脱不了... 金雪锋 linux二进制编辑工具
    简单来说，十六进制编辑器允许您检查和编辑二进制文件。标准文本编辑器和十六进制编辑器之间的区别在于，逻辑文件内容由常规编辑器表示，而实际文件内容由十六进制编辑器表示。在本文中，我们将看到Linux的顶级十六进制编辑器。谁在使用十六进制编辑器：为了编辑数据的各个字节，使用了十六进制编辑器，程序员或系统管理员经常使用十六进制编辑器。调试或逆向工程二进制通信协议是一些最常用的情况。当然，您可以将十六进制编
  • 性能优化案例：通过合理设置spark.default.parallelism参数的值来优化PySpark程序的性能 weixin_30777913 大数据sparkpython
    在PySpark中，spark.default.parallelism是一个关键参数，直接影响作业的并行度和资源利用率。通过合理设置spark.default.parallelism并结合数据特征调整，可显著提升PySpark作业的并行效率和资源利用率。建议在开发和生产环境中进行多轮基准测试以确定最优值。以下是如何通过调整此参数优化性能的详细说明，结合案例和最佳实践：1.参数作用与问题场景参数意义
  • 人形机器人的组成原理、相关技术和行业应用 weixin_30777913 机器人
    人形机器人的部件和工作原理人形机器人的部件通常包括机身、关节、传感器、驱动器、控制器等。其工作原理是通过传感器收集环境信息，控制器根据预设的算法和程序生成动作指令，驱动器驱动关节运动，从而实现机器人的各种动作。人形机器人主要由以下几个部件组成：伺服电机：在自动控制系统中，伺服电机作为执行元件，将接收到的电信号转换为电动机轴上的角位移或角速度输出。在人形机器人中，伺服电机是驱动各个关节运动的核心部件
  • 数据采集与存储——Elasticsearch实战详解 AI天才研究院 Python实战深度学习实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介Elasticsearch是一个基于Lucene构建的开源分布式搜索引擎，主要用于大规模数据的存储、检索、分析等功能。Elasticsearch非常适合处理结构化和非结构化的数据，并且提供完整的RESTfulAPI接口，可以与多种语言的客户端进行交互。本文将从以下几个方面对Elasticsearch进行详细介绍：⒈Elasticsearch的历史及特性介绍；⒉E
  • Flask python 开发篇：蓝图的使用 ignativs amor Pythonflaskpythonflask后端
    蓝图引言一、为什么使用蓝图？二、蓝图的概念三、创建蓝图四、注册蓝图五、分享我的creat_app方法六、写在最后引言falsk是个轻量级的框架，核心实现简单，但同事可以让开发人员自由的扩展功能。开发中，使用模块导入的方式。一、为什么使用蓝图？将一个应用程序分解为一组蓝图。这对于较大的应用程序是理想的；一个项目可以实例化一个应用程序对象，初始化多个扩展，并注册许多蓝图。-在URL前缀和（或）子域的应
  • NPM 常用命令 pumpkin84514 其它npm
    NPM常用命令NPM（NodePackageManager）是JavaScript生态系统中最流行的包管理工具，它不仅可以管理Node.js项目的依赖，还提供了丰富的命令来管理和发布你的代码。本文将从不同角度，深入浅出地介绍NPM的常用命令和实际应用。目录NPM基础什么是NPM安装NPM初始化项目(npminit)管理依赖安装依赖(npminstall)升级和卸载依赖(npmupdate,npmu
  • 我喜欢和不喜欢的C++特点 liulun c++开发语言
    我喜欢C++把我当成年人对待：在C++设计中有一条原则，那就是：无论做什么事情，都要相信程序员。与可能出现什么样的错误相比，能做出什么好产品更重要。C++程序员总是被看作成年人，只需要最少的看护。C++之父的《C++语言的设计与演化》我不太喜欢别人管着我，因为事情做的好不好是我自己的事，如果我的工具担心我做不好事，就给我灌输一大堆原则、理念，骑在我脖子上，这也不让我做，那也不让我做，必须如何如何做
  • 简介：编译、链接、静态库那点事儿 liulun 数据库c++
    编译一个C程序文件非常简单，如果你用MSVC编译器，那命令行是：>clhello.c//同目录下生成hello.execl.exe是你安装VisualStudio自带的，一般你在"x64NativeToolsCommandPromptforVS2022"环境下就能直接用它。编译多个C程序文件也可以用同样的方式，如下指令所示：>clhello.callen.c//同目录下生成hello.exe当然，
  • python flask 蓝图(Blueprint)详解 ldq_sd python
    Blueprint模块化随着flask程序越来越复杂,我们需要对程序进行模块化的处理,针对一个简单的flask程序进行模块化处理举例来说:我们在一个py文件中写入了很多路由,fromflaskimportFlaskapp=Flask(__name__)@app.route('/')defindex():return'index'@app.route('/list')deflist():return
  • 【Blazor】使用C#替代Java编写代码的前端开发框架 雕技小虫 系统开发WindowsServerBlazor.NET前端开发框架webassembly
    Blazor是微软于2019年下半年开始陆续全新推出的前端开发框架。优势无需插件，基于Web标准可与JavaScript交互利用.NETCore优势Blazor有两个版本：Server||WebAssemblyBlazorServer可以理解为在服务器上运行的Blazor，客户端与服务器间通过SignalR实进通信，2019年09月正式发布。BlazorWebAssembly2020年05月正式发
  • 微信小程序中实现背景图片完全覆盖显示，可以通过设置CSS样式来实现 徊忆羽菲 微信-小程序微信小程序css小程序
    wxml页面代码wxss样式代码/*pages/beiJing/beiJing.wxss*/.beijing{background-image:url("https://www.qipa250.com/qipa.jpg");/*定位：绝对定位*/position:absolute;/*上下左右都定位到0*/top:0;left:0;right:0;bottom:0;/*给它足够低的层次*/z-in
  • 编译器概述 Tiantangbujimo7 编译原理学习编程语言
    什么是编译器：编译器是一个程序，核心功能是把源代码翻译成目标代码。源代码：c/c++,Java,c#,html,sql,…目标代码:x86,IA64,ARM,MIPS,…编译器的核心功能：源代码经过编译器的翻译，生成了目标代码，这里的静态计算意思是编译器在对目标程序进行编译的过程中并不去执行这个代码，而是尝试以静态的方式对目标程序进行理解，理解的原因是编译器所生成的目标程序和源程序必须语义相同。生
  • TB抢购购程序 无涯学徒1998 pythonchrome
    fromseleniumimportwebdriverimportdatetimeimporttimedeflogin():#打开淘宝首页，扫码登陆淘宝driver.get("https://www.XXXXXX.com")time.sleep(3)ifdriver.find_element_by_xpath("//*[@id='J_SiteNavLogin']/div[1]/div[1]/a[1
  • Spring Boot与H2数据库：快速搭建内存数据库应用 2501_90323865 数据库springbootoracle个人开发
    在现代软件开发中，快速搭建和测试应用程序是提高开发效率的关键环节之一。SpringBoot作为一款强大的Java应用开发框架，结合H2内存数据库，能够帮助开发者迅速构建出功能完善的原型系统。本文将通过一个简单的实例，详细介绍如何在SpringBoot项目中集成H2数据库，并利用其浏览器控制台进行数据操作。一、项目搭建创建SpringBoot项目首先，我们需要创建一个SpringBoot项目。可以通
  • 性能优化案例：通过合理设置spark.storage.memoryFraction参数的值来优化PySpark程序的性能 weixin_30777913 python大数据spark
    优化PySpark程序的性能时，合理设置spark.storage.memoryFraction（或相关内存参数）是关键。合理设置spark.storage.memoryFraction需结合任务类型和内存使用监控。对于缓存密集型任务，适当提高存储内存比例；对于Shuffle密集型任务，优先保障执行内存。新版本Spark的动态内存机制简化了调优，但手动干预在极端场景下仍有效。最终需通过反复测试验证
  • C++PTA题解(3)——逆序的三位数 qdhd c++PTA题解
    题目信息题名：逆序的三位数题目：程序每次读入一个正3位数，然后输出按位逆序的数字。注意：当输入的数字含有结尾的0时，输出不应带有前导的0。比如输入700，输出应该是7。输入格式：每个测试是一个3位的正整数。输出格式：输出按位逆序的数。分析题目这道题乍一看很简单，就是三个变量的事，但运行结果成绩为0。正确做法是用/10和%10的方式求出个位、十位和百位。先声明6个变量输入n用c=n%10;temp1
  • Ajax：万字总结黑马笔记，学懂Ajax看这一篇就够了 做一只猫 前端ajaxjavascript前端
    一、了解AjaxAjax的全称是AsynchronousJavascriptAndXML（异步JavaScript和XML）通俗的理解：在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式，就是Ajax如：用户名检测：注册用户时，通过ajax的形式，动态检测用户名是否被占用搜索提示：当输入搜索关键字时，通过ajax的形式，动态加载搜索提示列表数据分页显示：当点击页码值的时候，通过
  • Objective-C实现avl 树算法(附完整源码) 源代码大师 objective-c算法java
    Objective-C实现avl树算法以下是一个Objective-C程序，用于实现AVL树（平衡二叉树）的算法。AVL树是一种自平衡二叉搜索树，保持左右子树的高度差不超过1，以确保树的高度始终保持在对数级别。#import@interfaceAVLNode:NSObject@propertyintdata;@propertyAVLNode*left;
  • 软件工程 案例分析作业 SoftwareTeacher 编程语言人工智能javapython大数据
    现代软件工程构建之法作业https://bbs.csdn.net/forums/SoftwareEngineering?typeId=1723软件工程作业案例分析很多同学有疑惑：软件工程课是否就是枯燥的理论课？或者是几个牛人拼命写代码，其他人抱大腿的课？要不然就是学习一个程序语言，练习某个框架，搞一个职业培训的课？都不对！软件工程有理论，有实践，更重要的是分析，思辨，总结。在课程中，同学们自己组织
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他