Yuu_lucky
Yuu_lucky

使用HTML+CSS+JS 实现简易版贪吃蛇

使用HTML+CSS+JS实现简易版贪吃蛇，功能还在完善中…

供大家学习参考使用！

效果如下：

使用HTML+CSS+JS 实现简易版贪吃蛇_第1张图片

代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Snake</title>
		<style type="text/css">
			/**全选,统配选择器*/
			
			* {
				margin: 0;
				padding: 0;
			}
			/*设置整个页面的背景*/
			body {
				background: -webkit-linear-gradient(left, #f1c40f, #e74c3c); /*设置渐变*/
				background: -moz-linear-gradient(left, red, orange);
				/*不同浏览器内核不同,兼容度不同,moz(火狐firefox)*/
			}
			
			h1 {
				text-align: center;
				margin-top: 20px;
			}
			
			table {
				margin: 30px auto;
				/*border-collapse:collapse ;*/
				/*单元格的位置重叠*/
			}
			
			td {
				width: 30px;
				height: 30px;
				border: 1px solid white;
				text-align: center;
				line-height: 30px;
			}
		</style>
	</head>

	<body>
		<!-- <h1>Running Snake</h1> -->
		<table>
			<tr><td></td></tr> -->设置20个tr，每个tr下含20个td
		</table>
	</body>

JS代码部分

<script type="text/javascript">
		// 1.基本设置

		var score = 0; //定义分数变量，保存游戏的成绩
		var direction = "right" //设置蛇身移动的方向，默认向右移动
		var snake_data = [{
			"row": 6,
			"col": 8
		}, {
			"row": 6,
			"col": 7
		}, {
			"row": 6,
			"col": 6
		}, {
			"row": 6,
			"col": 5
		}, {
			"row": 6,
			"col": 4
		}, {
			"row": 6,
			"col": 3
		}]; //定义蛇身的基本数据(键，值类型)
		// row(行)，columns(列) 蛇身起始位置

		// 声明绘制蛇身的函数(并封装函数)
		function snake(row, col, color) {
			//			document.getElementsByTagName("tr")[row].getElementsByTagName("td")[col].style.background = color;
			var tr = document.getElementsByTagName("tr")[row];
			var td = tr.getElementsByTagName("td")[col];
			td.style.background = color;
		}

		//声明绘制整条蛇的函数
		function draw_snake() {
			for(var i = 0; i < snake_data.length; i++) {
				if (i != 0) {
					var result = snake_data[0].row == snake_data[i].row && snake_data[0].col == snake_data[i].col;
					// 如果蛇头的行号和当前行号相等(重合) 并且 蛇头的列号和蛇身的列号相等(说明重合)
					if (result) {
						die();
						return;
					}
				}
				var row = snake_data[i].row;
				var col = snake_data[i].col;
				var color = "rgba(0,0,0,1)";
				snake(row, col, color);
			}
		}
		//调用函数
		draw_snake();

		//声明绘制 蛋 的函数
		function draw_egg() {
			//do while 循环 --> 先执行一次，再循环
			do {
				var row = parseInt(Math.random() * 20); //random(0-1)
				var col = parseInt(Math.random() * 20);
				var flag = false; //随机出来的egg不能和蛇身重合
				for(var i = 0; i < snake_data.length; i++) {
					var snake_row = snake_data[i].row;
					var snake_col = snake_data[i].col;
					if(row == snake_row && col == snake_col) {
						flag = true;
					}
				}

			} while (flag) {
				//				document.getElementsByTagName("tr")[row].getElementsByTagName("td")[col].style.background="white";
				var tr = document.getElementsByTagName("tr")[row];
				var td = tr.getElementsByTagName("td")[col];
				td.style.background = "white";
			}
		}
		// 调用
		draw_egg();

		// 定义清屏函数 
		function clear() {
			for(var i = 0; i < 20; i++) {
				for(var j = 0; j < 20; j++) {
					var td = document.getElementsByTagName("tr")[i].getElementsByTagName("td")[j];
					if (td.style.background != "white") {
						td.style.background = "";
					}
				}
			}
		}

		// 定义死亡函数(碰壁，撞到自身)
		function die() {
			clearInterval(timer); // 停止定时器
			var result = confirm(`游戏结束,最终得分为:${score}！！！`);
			if (result) {
				window.location.reload();
			}
		}

		// 定义定时器，让蛇自动移动(主要业务逻辑)
		var timer = setInterval(function() {
			clear(); // 每移动一次都要清除上一次绘制的蛇
			switch(direction) {
				case "left":
					if(snake_data[0].col - 1 < 0) {
						die();
						return;
					}
					// unshift 给第一个元素后面加入一个元素
					snake_data.unshift({
						"row": snake_data[0].row,
						"col": snake_data[0].col - 1
					})
					
				break;

				case "right":
					if(snake_data[0].col + 1 > 20) {
						die();
						return;
					}
					snake_data.unshift({
						"row": snake_data[0].row,
						"col": snake_data[0].col +1 
					})
				break;

				case "up":
					if(snake_data[0].row - 1 < 0) {
						die();
						return;
					}
					snake_data.unshift({
						"row": snake_data[0].row -1,
						"col": snake_data[0].col
					})
				break;

				case "down":
					if(snake_data[0].row + 1 > 20) {
						die();
						return;
					}
					snake_data.unshift({
						"row": snake_data[0].row + 1,
						"col": snake_data[0].col
					})
				break;
			}
			
			//判断新添加的蛇头是否是egg
			var row = snake_data[0].row;
			var col = snake_data[0].col;
			var td = document.getElementsByTagName("tr")[row].getElementsByTagName("td")[col];
			if (td.style.background != "white") {
				snake_data.pop();
			}else{
				draw_egg();
				score += 10; //得分+10分
			}
		draw_snake();
			
		}, 100); // 匿名函数，刷新时间(毫秒)

		// 监听键盘事件，完成贪吃蛇方向的改变
		// onkeydown 按下操作
		// 键盘类型属于unicode编码,每个数字对应键盘编码 ，左上右下
		document.onkeydown = function (event){
			console.log(event.keyCode); //在控制台输出
			switch (event.keyCode) {
				case 37:
				if (direction == "right") {
					return;
				}
				direction = "left";	
					break;

				case 38:
				if (direction == "down") {
					return;
				}
				direction = "up";	
					break;

				
				case 39:
				if (direction == "left") {
					return;
				}
				direction = "right";	
					break;	
				
				case 40:
				if (direction == "up") {
					return;
				}
				direction = "down";	
					break;	
				
				default:
					break;
			}
		}
	</script>

需要完善的地方：
1.没有添加重新游戏的按钮。
2.还可以继续美化。`

你可能感兴趣的:(案例练习)

  • 单片机与人工智能：融合创新的未来之路 嵌入式大圣 单片机人工智能嵌入式硬件
    摘要：本文深入探讨了单片机与人工智能的融合，阐述了单片机在人工智能应用中的角色、挑战与机遇。通过对相关技术的分析、实际案例的展示以及未来发展趋势的展望，揭示了这一融合在推动科技创新和产业发展中的巨大潜力。目录一、引言二、单片机与人工智能的基础概念三、单片机与人工智能的融合技术四、单片机与人工智能融合的应用场景五、单片机与人工智能融合面临的挑战六、单片机与人工智能融合的发展趋势七、结论一、引言随着科
  • 198、Django安全攻略：全方位防护Web应用常见漏洞 多多的编程笔记 django安全前端
    Python开发框架Django之安全性：防止常见的Web安全漏洞本文将为大家介绍Python开发框架Django的安全性，重点关注如何防止常见的Web安全漏洞。我们将简要了解Web安全漏洞的背景知识，然后深入探讨Django框架在防止这些漏洞方面的优势，最后提供一些实用的技巧和案例。一、Web安全漏洞概述在互联网时代，Web安全漏洞已经成为黑客攻击的首选目标。常见的Web安全漏洞包括：跨站脚本攻
  • MATLAB算法实战应用案例精讲-【优化算法】蘑菇繁殖优化算法(MRO)(附MATLAB代码实现) 林聪木 matlab开发语言
    目录前言算法原理算法思想算法步骤优缺点带模糊需求的开放式选址路径问题的混合离散蘑菇繁殖算法１ＯＬＲＰ⁃ＦＤ模型１.１可信度理论１.２问题描述１.３模型２求解ＯＬＲＰ⁃ＦＤ的混合离散蘑菇繁殖算法２.２初始化２.３改进蘑菇繁殖算法２.４随机模拟程序２.５ＨＤＭＲＯ算法流程基于改进蘑菇繁殖算法的机器人路径规划机器人路径规划方法研究现状路径规划方法传统路径规划方法智能路径规划方法机器人群体系统结构分布式结
  • 模型 冯/诺依曼思维模型 图王大胜 思维模型人工智能神经网络计算机基石管理创业
    系列文章分享模型，了解更多模型_思维模型目录。分解问题，创新整合，高效解决。1冯/诺依曼思维模型的应用1.1景区创建5A级旅游景区提升规划在面对如何将某个景区创建为5A级旅游景区的复杂任务时，可以采用冯诺依曼思维模型来解决这一挑战。这个案例展示了如何将一个庞大且笼统的问题拆解为可操作的小部分，并通过重新组合这些部分来形成一个完整的解决方案。任务拆解：政策层面：研究国家和地方关于旅游景区评级的相关政
  • tensorflow1.x 基础案例3 慢慢学习python tensorflow框架学习tensorflow学习python
    .为什么还有很多人都选择使用TensorFlow1.x兼容性问题:TensorFlow1.x在一些旧项目中已经得到了广泛应用，这些项目可能依赖于1.x版本的特定API或行为。升级到2.x可能需要大量的代码修改和测试工作，对于一些已经稳定运行的项目，维护者可能不愿意承担这种风险。性能要求:在某些情况下，TensorFlow1.x可能提供了更适合特定任务的性能优化。例如，对于需要极致计算性能的应用，1
  • 【系统架构设计师】案例专题六（8大系统架构设计之1）： 信息系统架构设计考点梳理 数据知道 系统架构设计师(软考高级)系统架构架构软考高级系统架构设计师案例分析
    更多内容请见：备考系统架构设计师-核心总结目录文章目录一、信息系统架构基本概念二、信息系统架构1、信息系统架构分类2、信息系统常用4种架构模型3、企业信息系统的总体框架三、信息系统架构设计方法1、ADM架构开发方法2、信息化总体架构方法3、TOGAF的目标、思想和组件四、信息系统架构风格一、信息系统架构基本概念信息系统架构(InformationSystemArchitecture,ISA)是指对
  • C# PDF操作之-PDF转EXCEL Diamond 、 C#C#PDFPDF转EXCELPDF操作
    特别说明：需引用Aspose.PDF.dll代码案例：OpenFileDialogopenFileDialog1=newOpenFileDialog();//显示选择文件对话框openFileDialog1.Filter="Allfiles(*.*)|*.*|pdffiles(*.pdf)|*.pdf";openFileDialog1.FilterIndex=2;openFileDialog1.R
  • uniapp中＜map＞地图怎么实现点位聚合？ GoppViper 前端uni-appuniapp前端前端框架地图聚合
    推荐学习文档golang应用级os框架，欢迎stargolang应用级os框架使用案例，欢迎star案例：基于golang开发的一款超有个性的旅游计划app经历golang实战大纲golang优秀开发常用开源库汇总想学习更多golang知识，这里有免费的golang学习笔记专栏想学习更多前端知识，这里有免费的前端专栏确定聚合条件定义聚合的距离阈值：根据你的需求确定一个合适的距离阈值，当两个标记点之
  • 观察者模式（Observer） 你一身傲骨怎能输 设计模式观察者模式windowsmicrosoft
    观察者模式（ObserverPattern）是一种常用的设计模式，特别适用于需要实现发布-订阅机制的场景。在游戏开发中，事件系统是一个典型的应用案例，允许多个对象对特定事件做出反应。下面我们将详细探讨观察者模式的实现及其在游戏中的应用。观察者模式的基本结构观察者模式主要由以下几个角色组成：主题（Subject）：被观察的对象，维护观察者的列表，并在状态变化时通知它们。观察者（Observer）：对
  • 图书销售数据大屏可视化 一键难忘 python开发语言信息可视化
    你的技术旅程将在这里启航！本文选自专栏：可视化技术专栏100例可视化技术专栏100例，包括但不限于大屏可视化、图表可视化等等。订阅专栏用户在文章底部可下载对应案例源码以供大家深入的学习研究。每一个案例都会提供完整代码和详细的讲解，不论你是初学者还是资深开发者，这里都有适合你的内容。本专栏至少会发布100篇高质量的文章深入剖析案例。文章目录一.图书销售数据大屏可视化1.1生成图表和地图代码讲解1.2
  • LabVIEW实现RFID通信 不脱发的程序猿 LabVIEW物联网开发实战labview
    目录1、RFID通信原理2、硬件环境部署3、程序架构4、前面板设计5、程序框图设计6、测试验证本专栏以LabVIEW为开发平台，讲解物联网通信组网原理与开发方法，覆盖RS232、TCP、MQTT、蓝牙、Wi-Fi、NB-IoT等协议。结合实际案例，展示如何利用LabVIEW和常用模块实现物联网系统的快速开发与原型设计，助你从基础到实战，全面掌握物联网开发技能。开源免费LabVIEW学习专栏分享：L
  • java爬虫工具Jsoup学习 Future_yzx java爬虫学习
    目录前言一、基本使用二、爬取豆瓣电影的案例三、Jsoup能做什么？四、Jsoup相关概念五、Jsoup获取文档六、定位选择元素七、获取数据八、具体案例前言JSoup是一个用于处理HTML的Java库，它提供了一个非常方便类似于使用DOM，CSS和jquery的方法的API来提取和操作数据。一、基本使用org.jsoupjsoup1.13.1二、爬取豆瓣电影的案例publicclassDouBan{
  • scikit-learn工具学习 - random,mgrid,np.r_ ,np.c_, scatter, axis, pcolormesh, contour, decision_function... helloxielan 数据结构与算法python人工智能
    yuanwen:http://blog.csdn.net/crossky_jing/article/details/49466127scikit-learn练习题题目：Tryclassifyingclasses1and2fromtheirisdatasetwithSVMs,withthe2firstfeatures.Leaveout10%ofeachclassandtestpredictionpe
  • 蓝桥杯单片机模块练习之AD/DA 我的头绝不是面团捏的 蓝桥杯单片机单片机
    蓝桥杯单片机比赛系列6AD/DA转换AD/DA原理相关电路pcf8591器件地址代码解释修改代码AD自写代码ADDAAD/DA原理相关电路通过pcf8591芯片实现ad转换。板子上ad采集主要采集滑动变阻器的电压值和与光敏电阻串联电阻的电压值。ad为8位精度，采集电压0-5V对应的值为0-255。根据需要可以对读取的值进行调整。da也通过pcf8591输出，对应引脚在外部引出，在20PIN中19位
  • 鸿蒙开发（OpenHarmony）栅格容器组件-GridRow 你我皆是牛马星人 OpenHarmony鸿蒙开发HarmonyOSharmonyos华为android前端鸿蒙uiOpenHarmony
    鸿蒙NEXT开发实战往期必看文章：一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）HarmonyOSNEXT应用开发案例实践总结合（持续更新......）HarmonyOSNEXT应用开发性能优化实践总结（持续更新......）栅格布局可以为布局提供规律性的结构，解决多尺寸多设备的动态布局问题，保证不同
  • 鸿蒙南向（OpenHarmony）调试工具hdc使用指导 你我皆是牛马星人 鸿蒙开发HarmonyOSOpenHarmonyharmonyos华为鸿蒙androiduiOpenHarmony驱动开发
    鸿蒙NEXT开发实战往期必看文章：一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）HarmonyOSNEXT应用开发案例实践总结合（持续更新......）HarmonyOSNEXT应用开发性能优化实践总结（持续更新......）hdc（OpenHarmonyDeviceConnector）是OpenHa
  • 滚雪球学Oracle[1.2讲]：Oracle数据库架构基础 bug菌¹ #滚雪球学Oracleoracle数据库架构数据库
    全文目录：前言一、Oracle数据库的物理存储结构详解1.1数据文件的组成与管理数据文件的主要特点：实际操作案例：添加数据文件数据文件管理的优化策略：1.2控制文件的作用与保护策略控制文件的主要作用：控制文件的保护策略：1.3重做日志文件的配置与优化重做日志文件的主要作用：重做日志文件的配置：实际操作案例：查看当前的重做日志组状态二、Oracle数据库的逻辑存储结构详解2.1表空间的类型与管理表空
  • 【上市公司文本分析】Python正则表达式从非结构化文本数据中提取结构化信息——以从上市公司高管简历中提取毕业院校信息为例 Ryo_Yuki #上市公司文本分析Pythonpython正则表达式
    从CSMAR中可以获取上市公司高管的简历文本信息，虽然是非结构化的，但是隐约可以从中发现一些规律，例如毕业院校很多出现在毕业于、就读于等词语之后，专业很多出现在大学名之后，但这些又不是绝对的，也会有其他一些规则。下方代码是我基于我的300多条示例数据（如果需要练习，可以评论邮箱），经过反复修改正则表达式规则去编制的，能够做到节约85%左右的人工工作量，但无法保证绝对精确。对于其他非结构化但又有规律
  • 前端开发实战：创建简易HTML计算器 不胖的羊
    本文还有配套的精品资源，点击获取简介：计算器是执行基本数学运算的应用程序，通常在IT和前端开发领域中通过HTML、CSS和JavaScript实现。HTML定义页面结构和布局，JavaScript赋予计算器动态交互功能，例如监听按钮点击事件、执行计算和更新结果显示。该项目涉及HTML的元素结构、JavaScript的事件处理和DOM操作，是学习Web开发基础的理想练习。1.计算器的基本概念和应用1
  • Android架构组件中的MVVM 小村学长毕业设计 android架构
    Android架构组件中的MVVM（Model-View-ViewModel）模式是一种广泛应用的设计模式，它通过将应用程序分为三个主要部分（Model、View、ViewModel）来分离用户界面和业务逻辑，从而提高代码的可维护性、可扩展性和可测试性。下面将详细介绍MVVM模式在Android开发中的实战应用，包括基本概念、实现步骤、优势以及一个实际案例。一、MVVM模式基本概念MVVM是Mod
  • AI时代，自媒体人如何“人机共生”破局？这3个案例告诉你答案 七时辰 媒体人工智能
    导语：凌晨3点，剪辑完最后一条视频的小林瘫在椅子上——这已是本周第5次熬夜。他的账号数据忽高忽低，评论区开始出现“内容同质化”的差评。这不是个例，而是600万自媒体创作者的生存缩影。但另一组数据更值得注意：某三农博主用AI工具将日更效率提升300%，单月涨粉15万；财经大V“X博士”的数字人分身每天自动解读行情，直播GMV反超真人；跨境博主@Eva通过AI翻译矩阵，单条视频覆盖6国市场...当行业
  • 调整oracle服务器时间,那些年Oracle数据库主机时间调整的风花雪月 环球旅行船长 调整oracle服务器时间
    最近工作中又遇到因时间问题导致的故障，这让本新四有好青年想起了N年前的一个案例，今天整理分享一下。当时是应用反应主机时间与正确的时间相差有8分多钟，影响了正常的业务，登录发现主机的NTP服务是开启的，查看NTP同步状态：可以看到offset是0.051s,基本没有延迟，那么问题就出在Ntpserver时间存在不准确的可能，通过主机侧查看，果然server端存在延迟的情况。为尽快恢复业务，通过以下方
  • Oracle小型机死机,十三起惨痛宕机案例 陈璃璃 Oracle小型机死机
    原标题：十三起惨痛宕机案例社区有很多兄弟分享惨痛宕机案例，提醒大家需警惕，以下介绍几起。(以下案例来自社区会员分享，由社区专家孙伟光编辑整理)01Oracle系统参数过小导致数据库宕机数据库双机安装完成后，数据库实例能够正常启动，但当启动全部应用软件后约10分钟，主机数据库出现自动切换至备机，再运行约10分钟备机数据库自动宕机。原因分析：启动应用软件前，数据库双机运行正常且能正常切换。当启动全部应
  • java集成kafka案例 沉墨的夜 javakafka开发语言
    要在Java项目中集成ApacheKafka以实现消息的生产和消费，步骤如下：1.引入Maven依赖在您的pom.xml文件中添加以下依赖，以包含Kafka客户端库：org.apache.kafkakafka-clients2.8.0org.springframework.kafkaspring-kafka2.7.02.配置Kafka生产者首先，设置生产者的配置属性：importorg.apach
  • 【编程小白必看】Python编程练习题元组操作秘籍一文全掌握 6个q python习题集python网络开发语言
    【编程小白必看】Python编程练习题元组操作秘籍一文全掌握文章目录前言一、练习题精选1.创建一个空元组2.创建一个单元素元组3.创建一个包含多个元素的元组4.访问元组中的第一个元素5.访问元组中的最后一个元素6.访问元组中的多个元素7.元组拼接8.元组重复9.获取元组的长度10.检查元素是否在元组中11.检查元素是否不在元组中12.计算元组中元素出现的次数13.获取元组中元素的索引14.获取元组
  • 数码管扫描显示verilog_如何开始Xilinx FPGA开发之旅 第二课 EGO1数码管与键盘 weixin_39869959 数码管扫描显示verilog
    庚子年，我们的EGO1在疫情当中作为口袋实验平台成为了众多高校的复课利器。其中的成功案例更是得到了新华社网媒与CCTV教育频道的报道。借此东风，为了让更多的老师与学生熟悉了解Xilinx，更好的入门学习FPGA知识，我们的师资培训直播已开设EGO1专题直播，欢迎新老朋友跟踪关注。第二课----EGO1数码管与键盘本周的直播我们将介绍EGO1的外设使用案例，介绍数码管扫描的原理和PS/2协议。并教大
  • Python绘图案例 Adiga无线丢人
    importmatplotlib.pyplotasplt#构建数据x_data=['2012','2013','2014','2015','2016','2017','2018']y_data=[58000,60200,63000,71000,84000,90500,107000]y_data2=[52000,54200,51500,58300,56800,59500,62700]#绘图plt.b
  • Linux下BIND安装与配置详解：正向解析、反向解析、主从域名服务器的搭建 shyuu_ 服务器运维linux云计算网络
    文章目录案例：BIND安装与配置详解一、安装BIND软件包二、配置BIND主服务器（正向解析）三、配置反向解析四、配置主从DNS服务器及自动同步案例：BIND安装与配置详解一、安装BIND软件包安装BIND软件包通过网络源或挂载的光盘安装BIND：yuminstallbind-y或者通过RPM包安装，前提是挂载系统盘ISO镜像：rpm-ivhbind-x.x.x-x.el7.x86_64.rpm查
  • shell sed多行文本处理 刘静飞 shell原创shellsed多文本处理
    3.sed多行文本处理问题本案例要求使用sed工具来完成下列任务操作：修改主机名配置文件修改hosts文件，添加两条映射记录：192.168.4.5与svr5.tarena.com、svr5，还有119.75.217.56与www.baidu.com方案sed工具的多行文本处理操作：i：在指定的行之前插入文本a：在指定的行之后追加文本c：替换指定的行步骤实现此案例需要按照如下步骤进行。步骤一
  • Unity引擎下的ARCore插件学习指南：从入门到实战案例 小宝哥Code 元宇宙VRARXRunity游戏引擎
    1.了解ARCore与Unity引擎的结合ARCore是由Google开发的一种增强现实（AR）平台，它能够让Android设备在现实世界中准确定位并映射环境，以便提供AR体验。与Unity结合后，ARCore能够为开发者提供强大的工具来实现流畅、精准的AR应用开发。学习资源：官方文档：ARCore官方文档（ARCoredocumentation）是最权威、最全面的学习资源，包含API参考、示例项
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他