weixin_43978685
weixin_43978685

*js实现简单拼图小游戏**

js实现简单拼图小游戏

文章目录

  • 个人说明
  • 截图
  • 代码区
  • 结语

个人说明

大三计科学生第一次写博客，目的就是记录一下自己到底多垃圾，感觉学校里教的东西不会用，真的让自己去完成一个项目压根不知到从哪里下手。。。呃，应该是我太菜。寒假刚刚看一个视频教拼图游戏，就学一下喽。游戏很简单，拼拼图，鼠标拖动一块去和另一块互换。语言是HTML+js，注释写的有不明白的可以留言问一下。

截图

*js实现简单拼图小游戏**_第1张图片
*js实现简单拼图小游戏**_第2张图片

代码区

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		div{
			width: 200px;
			height: 200px;
			
		}
		.tu{
			background-image:url(anni.jpg);
			}
		//利用background-position给每个div添加不同的图片；即9个div组成一幅完成的图片;
		#z-1{
			background-position: 0px 0px;
		}
		#z-2{
			background-position:-200px 0px;
		}
		#z-3{
			background-position:-400px 0px;
		}
		#z-4{
			background-position:0 -200px;
		}
		#z-5{
			background-position: -200px -200px;
		}
		#z-6{
			background-position: -400px -200px;
		}
		#z-7{
			background-position: 0px -400px;
		}
		#z-8{
			background-position: -200px -400px;
		}
		#z-9{
			background-position: -400px -400px;
		}
	</style>
	<script>
	//完成两个图片拖拽后的互换;
		function over(e){
			e.preventDefault();//阻止默认
		}
		//抓起
		function drag(e){
			var id=e.target.id;
			// console.log(e.target.id);
			e.dataTransfer.setData("id",id);//设置传输的是被抓id；
		}
		//经过
		function drop(e){
			var beizhuaId=e.dataTransfer.getData("id");//接受被抓id;
			// console.log(beizhuaId);//被抓ID
			var fangID=e.target.id;//所放位置的id;
			var beizhua=document.getElementById(beizhuaId);//获取被抓对象;
			var fang=document.getElementById(fangID);//获取放的对象；
			var f_beizhua=beizhua.parentNode;//分别找到对应的父节点
			var f_fang=fang.parentNode;
			//互换儿子
			f_beizhua.appendChild(fang);
			f_fang.appendChild(beizhua);
			win();
			}
			//判断赢得方法；每个父和子id名字序号相同，循环 ,累加count;
			function win(){
				var tus=document.getElementsByClassName('tu');
				var count=0;
				for(var i=0;i<tus.length;i++){
					var tu=tus[i];
					var fu=tu.parentNode;
					var tu_id=tu.getAttribute("id");
					var fu_id=fu.getAttribute("id");
					if(tu_id.replace("z-","")==fu_id.replace("f-","")){
						count++;
						console.log(count);
					}else{
						return;
					}
				}
				
				if(count==9){
					alert("you win!");
				}
				
			}
			//打乱按钮；通过生成随机数；appenChild方法去多次互换，则为打乱；
			function daluan(){
				for(var i=0;i<100;i++){
				var tus=document.getElementsByClassName('tu');
				var m=parseInt(Math.random()*9);
				var n=parseInt(Math.random()*9);
				var tusmp=tus[m].parentNode;
				var tusnp=tus[n].parentNode;
				tusmp.appendChild(tus[n]);
				tusnp.appendChild(tus[m]);
				}
			}
	</script>
	<body>
		<table border="1">
			<tr>
				<td>
					<div id="f-1" ondragover="over(event)" ondrop="drop(event)">
						<div id="z-1" class="tu" draggable="true" ondragstart="drag(event)"></div>
					</div>
				</td>
				<td>
					<div id="f-2" ondragover="over(event)" ondrop="drop(event)">
						<div  id="z-2" class="tu" draggable="true" ondragstart="drag(event)"></div>
					</div>
				</td>
				<td>
					<div id="f-3" ondragover="over(event)" ondrop="drop(event)">
						<div  id="z-3" class="tu" draggable="true" ondragstart="drag(event)"></div>
					</div>
				</td>
			</tr>
			<tr>
				<td>
					<div id="f-4" ondragover="over(event)" ondrop="drop(event)">
						<div id="z-4" class="tu" draggable="true" ondragstart="drag(event)"></div>
					</div>
				</td>
				<td>
					<div id="f-5" ondragover="over(event)" ondrop="drop(event)">
						<div id="z-5" class="tu" draggable="true" ondragstart="drag(event)"></div>
					</div>
				</td>
				<td>
					<div id="f-6" ondragover="over(event)" ondrop="drop(event)">
						<div id="z-6"  class="tu" draggable="true" ondragstart="drag(event)"></div>
					</div>
				</td>
			</tr>
			<tr>
				<td>
					<div id="f-7" ondragover="over(event)" ondrop="drop(event)">
						<div id="z-7"  class="tu" draggable="true" ondragstart="drag(event)"></div>
					</div>
				</td>
				<td>
					<div id="f-8" ondragover="over(event)" ondrop="drop(event)">
						<div id="z-8" class="tu" draggable="true" ondragstart="drag(event)"></div>
					</div>
				</td>
				<td>
					<div id="f-9" ondragover="over(event)" ondrop="drop(event)">
						<div id="z-9" class="tu" draggable="true" ondragstart="drag(event)"></div>
					</div>
				</td>
			</tr>

		</table>
		<input type="button" value="打乱" onclick="daluan()" />
	</body>
</html>

结语

东西很少，逻辑也不算强，但是思路需要清晰。加油！

你可能感兴趣的:(*js实现简单拼图小游戏**)

  • 一周热点：微软攻克语音输入、文本输出难题-Phi-4-multimodal 数据分析能量站 机器学习人工智能
    微软Phi-4-multimodal模型是人工智能领域的一个重要进展，它标志着微软在多模态人工智能技术上的突破。以下是对该模型的详细解释：模型概述微软Phi-4-multimodal是一个能够同时处理文本、图像和语音的多模态大型语言模型。它通过创新的架构和训练方法，实现了在不同模态之间的无缝交互，为用户提供更自然、更智能的交互体验。模型架构该模型采用多模态Transformer架构，通过LoRA（
  • Python-Django毕业设计医院门诊管理信息系统（程序+Lw) Python计算机毕设程序源码_ pythondjango课程设计
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程项目运行环境配置：Pychram社区版+python3.7.7+Mysql5.7+HBuilderX+listpip+Navicat11+Django+nodejs。项目技术：django+python+Vue等等组成，B/S模式+pychram管理等等。环境需要1.运行环境：最好是python3.7.7，我们在这个版本上开发的。其他版
  • 【设计模式】（22）模板方法模式 xiyubaby.17 设计模式Java教程设计模式模板方法模式
    模板方法模式（TemplateMethodPattern）教程一、模式定义模板方法模式在父类中定义了一个算法的骨架，允许子类在不改变算法结构的前提下重写某些特定步骤。核心目标：复用公共流程，差异化实现细节，确保算法步骤的稳定性和扩展性。二、适用场景统一流程，差异细节：多个类有相同流程但某些步骤实现不同（如数据解析、文档生成）。框架设计：框架定义核心流程，用户通过子类扩展具体行为（如SpringJd
  • 鸿蒙 @ohos.arkui.componentUtils (componentUtils) 淼学派对 harmonyos华为
    鸿蒙@ohos.arkui.componentUtils(componentUtils)在鸿蒙开发中，@ohos.arkui.componentUtils模块提供了强大的功能，用于获取组件的绘制区域坐标和大小信息。这对于实现动态布局、交互效果以及用户界面测试等场景非常有用。本文将详细介绍如何使用@ohos.arkui.componentUtils模块，并提供一些实际代码示例。一、功能概述@ohos
  • 鸿蒙初级考试备忘 肥喵蒙太奇 鸿蒙
    Module类型Module按照使用场景可以分为两种类型：Ability类型的Module：用于实现应用的功能和特性。每一个Ability类型的Module编译后，会生成一个以.hap为后缀的文件，我们称其为HAP（HarmonyAbilityPackage）包。HAP包可以独立安装和运行，是应用安装的基本单位，一个应用中可以包含一个或多个HAP包，具体包含如下两种类型。entry类型的Modul
  • Kubernetes 认证授权实验总结 π大星星️ kubernetes容器云原生
    实验目标通过一系列实验步骤，深入理解Kubernetes中的认证和授权机制，包括用户账户和服务账户的创建、RBAC（基于角色的访问控制）的配置与应用，以及如何通过这些机制实现对Kubernetes资源的安全访问控制。实验环境Kubernetes集群（已部署并运行）kubectl命令行工具（已配置并连接到集群）一台具有管理员权限的主机（用于执行命令）实验一：创建用户账户并进行认证实验目的创建一个用户
  • 小语言模型（SLM）技术解析：如何在有限资源下实现高效AI推理 硅基打工人 AI人工智能语言模型自然语言处理
    引言：为什么小语言模型（SLM）是2025年的技术焦点？2025年，人工智能领域正经历一场“由大变小”的革命。尽管大语言模型（LLM）如GPT-4、GeminiUltra等在复杂任务中表现惊艳，但其高昂的算力成本、庞大的参数量（通常超过千亿）和依赖云端的特性，使得实际落地面临诸多瓶颈。**小语言模型（SmallLanguageModel,SLM）**应运而生，凭借其高效性、经济性和本地化部署能力，
  • 【蓝桥杯速成】| 3.数据结构 最好的药物是乌梅 算法数据结构蓝桥杯
    题目一：两数之和问题描述1.两数之和-力扣（LeetCode）给定一个整数数组nums和一个整数目标值target，请你在该数组中找出和为目标值target的那两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案，并且你不能使用两次相同的元素。你可以按任意顺序返回答案。解题步骤从数组中找出和为目标值的两个数字，返回其数组下标用最简单的思维就是嵌套循环来一套，遍历到一个以后，再去遍历下
  • 【CodeMirror】系列（一）官网文档学习（一）系统指南 一棵开花的树，枝芽无限靠近你 CodeMirror学习CodeMirror前端编辑器
    这个系列来学习一下CodeMirror编辑器。这篇文章主要是记录一下官方文档的学习，先把官方文档大致浏览一遍。CodeMirror是一个Web端的代码编辑器，和前面学习的MonacoEditor一样。应该比MonacoEditor轻便一些，而且有Vue版本，对Vue用户友好。另外可以将代码显示成DOM元素，对于代码和DOM元素的转换这块比较简单，在MonacoEditor中就没有这么方便，Mona
  • 8、基于osg引擎实现读取vtk数据通过着色器实现简单体渲染(2) 不收藏找不到我 着色器着色器c++开发语言
    #include#include#include#include#include#include#include#include#include#include#include#include#include#include#include#include#include#include#include#include#includeconststd::stringDATA_PATH=R"(..\
  • SpringBoot实战系列之发送短信验证码 m0_67401660 面试学习路线阿里巴巴android前端后端
    大家好，我是??大二在读作业侠系列最新文章??Java实现聊天程序SpringBoot实战系列??SpringBoot实战系列之发送短信验证码一起刷算法与数据结构最新文章??一起刷算法与数据结构-树篇1环境搭建大集合环境搭建大集合(持续更新）内容速览:1.短信验证码平台选择考虑点2.短信平台3.实战发送短信验证码1.短信验证码平台选择考虑点各个类型短信价格短信到达率、到达时间短信内容变量灵活，便持
  • Java对接DeepSeek全攻略：从0到1小白无忧 古龙飞扬 java开发语言ai
    本文将带你从零开始，详细讲解如何在Java中对接DeepSeekAPI，适合小白用户。我们将从环境搭建、API调用、数据处理等方面逐步展开，并提供完整的代码示例。目录准备工作获取DeepSeekAPI密钥创建Java项目添加依赖使用Maven引入HTTP和JSON库编写代码创建请求和响应类发送HTTP请求处理API响应完整代码示例运行与测试常见问题与解决方案1.准备工作1.1获取DeepSeekA
  • Windows安装nvm【超详细图解】 古龙飞扬 windows
    在Windows系统上安装nvm（NodeVersionManager，即Node.js版本管理器）的详细步骤如下：一、下载nvm安装包方式一：官网下载地址：https://nvm.uihtm.com/注意此种方式可能会打不开，看运气，如果打不开还有第二种方式。方式二：GitHub下载1.访问nvm的GitHub页面：前往nvm的GitHub页面下载适用于Windows的安装包。2.选择安装包：通
  • jsp中嵌套java代码，js中嵌套java代码 loveking6 嵌套jspjsjava代码
    首先根据三目运算中，来判断如果等于add，就是新增，否则就是编辑。在js中想要判断是true还是false，所以需要把java代码拿过来，在js中写java代码，得加上，在里面写java代码根据jsp中的java代码，取到user，在js中调用user
  • js隐藏td loveking6 js隐藏
    通过if条件判断td的显示情况window.οnlοad=function(){//获取td的唯一标识，经过判断使其不显示（不占位隐藏）document.getElementById("admin2").style.display="none";$("#admin2").hide();$("#admin2").attr("style","display:none");//获取td的唯一标识，使其显
  • 如何选择测试管理工具 测试工具
    选择测试管理工具的关键在于需求匹配、功能全面、易用高效。其中，需求匹配强调企业应明确自身测试流程和目标，选择工具时要确保其功能与实际需求高度契合；功能全面要求测试管理工具具备需求管理、缺陷跟踪、自动化测试集成、报告生成等多项核心功能；易用高效则要求工具操作简单、界面友好，并能与其他系统无缝对接，从而提升整体测试效率和团队协同能力。在软件开发和互联网项目中，测试管理工具扮演着关键角色。随着项目复杂度
  • 用Python打造智能姓名生成器：从数据分离到AI赋能 灏瀚星空 python人工智能开发语言经验分享笔记
    用Python打造智能姓名生成器：从数据分离到AI赋能目录项目概述与功能清单环境准备与工具选择项目架构设计核心代码实现AI古文解析模块交互界面开发使用示例与效果展示扩展思路与优化建议1.项目概述与功能清单核心功能数据管理CSV文件存储姓氏/名字库支持用户导入/导出数据交互界面姓名生成与实时预览已选名单管理（增删改查）排除词输入框（黑名单过滤）AI赋能从古文中提取字词及注解自动生成姓名寓意解析扩展功
  • Python常用10个模块详解：提升开发效率的利器 Python_trys pythonmicrosoft数据库开发语言Python入门Python基础Python教程
    包含编程籽料、学习路线图、爬虫代码、安装包等！【点击领取！】Python作为一门功能强大且易于学习的编程语言，拥有丰富的标准库和第三方模块，能够帮助开发者快速实现各种功能。本文将详细介绍Python中常用的10个模块，帮助你在开发中更高效地完成任务。1.os模块：操作系统交互os模块提供了与操作系统交互的功能，包括文件操作、目录管理、环境变量等。常用功能：文件与目录操作：importos#获取当前
  • 使用Node.js对接StockTV全球金融市场数据API 数据分析爬虫
    使用Node.js对接StockTV全球金融市场数据API摘要：本文详细介绍了如何通过Node.js客户端库快速接入StockTV全球金融市场数据API，涵盖股票、外汇、期货和加密货币的实时行情获取与历史数据查询。通过本文，开发者可掌握RESTAPI调用、WebSocket实时订阅等核心功能。一、项目概述StockTVAPINode.js客户端是一个轻量级SDK，提供对全球四大金融市场的标准化访问
  • 7、基于osg引擎实现读取vtk数据通过着色器实现简单体渲染(1) 不收藏找不到我 着色器着色器
    1、顶点着色器代码#version110/*GLSL1.10需要显式声明精度(OpenGLES要求)*/#ifdefGL_ESprecisionhighpfloat;#endif//体数据采样步长uniformfloatxStepSize,yStepSize,zStepSize;//体数据纹理和颜色纹理uniformsampler3DbaseTexture;uniformsampler1DtfTe
  • Nginx负载均衡策略详解：从轮询到智能分发，打造高可用服务架构 weixin_42587823 linux云计算nginx负载均衡架构
    Nginx负载均衡策略详解：从轮询到智能分发，打造高可用服务架构一、负载均衡的核心价值当单台服务器无法承载高并发流量时，负载均衡通过将请求分发到多台服务器，实现：横向扩展：突破单机性能瓶颈故障隔离：自动剔除异常节点动态调度：根据策略优化资源利用率二、Nginx原生负载均衡策略1.轮询（RoundRobin）配置示例：upstreambackend{server192.168.1.10:8080;s
  • 2021-05-21 python中curses基本用法 zerfew pythoncursescli
    有时候linux系统没有界面，可能需要在terminal终端完成程序的交互和状态显示，C语言的ncurses支持命令行界面程序开发，curses是基于ncurses实现的python终端界面库。本文实现一个简单的demo小程序，方便初学者学习和使用。首先上demo主程序#-*-coding:UTF-8-*-importcursesimportlocalelocale.setlocale(local
  • 在 Python 中实现 RESTful API 的完整指南 清水白石008 pythonPython题库pythonrestful开发语言
    在Python中实现RESTfulAPI的完整指南随着互联网的发展，RESTfulAPI（RepresentationalStateTransfer）已成为现代应用程序架构的重要组成部分。RESTfulAPI允许不同系统之间通过HTTP协议进行通信，提供了一种简单而灵活的方式来访问和操作资源。在这篇文章中，我们将深入探讨如何在Python中实现RESTfulAPI，并提供简单的示例代码。一、什么是
  • sql server用触发器取另外一台电脑的mysql数据_SQL Server 如何创建触发器实现一张表数据更新时，同步增加、删除、修改另一张表的数据。... 清清清飏 sql
    一、触发器知识点摘要：实际应用中，我们经常会遇到在对SQLServer的某一张表进行增加、删除、修改操作时，需同步更新同一数据库或不同数据库的另一张表，此时我们可以使用SQLServer的表触发器来实现。使用触发器时，我们会用到触发器的两个临时虚拟表：Deleted表、Inserted表，它们用于存储【创建触发器表】的记录变动信息，即发生触发事件时对应的【一条旧记录】和【一条新记录】，各触发事件对
  • 4A架构：企业数字化转型的核心引擎 ronshi 架构架构
    4A架构，即业务架构、应用架构、数据架构和技术架构的统称，是构建数字化企业的基石。这四个方面相互关联、相互支撑，共同构成了企业信息化建设的完整体系。一、业务架构：明确方向与目标业务架构是数字化转型的起点，通过对企业价值流和业务目标的梳理，为后续的架构设计提供指导。企业需明确战略定位，识别核心业务流程，并优化组织结构，以确保数字化转型与业务目标相契合。二、应用架构：实现业务能力应用架构将业务架构转化
  • webpack-bundle-analyzer分析打包文件 闰土月下追猹 前端webpack-bundlebundle-analyzerwebpackvue.js前端
    安装：npminstall--save-devwebpack-bundle-analyzer在vue.config.js中配置：constBundleAnalyzerPlugin=require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports={chainWebpack:config=>{//打包分析if(process
  • Python精进系列： K-Means 聚类算法调用库函数和手动实现对比分析 进一步有进一步的欢喜 Python精进系列算法pythonkmeans
    一、引言在机器学习领域，聚类分析是一种重要的无监督学习方法，用于将数据集中的样本划分为不同的组或簇，使得同一簇内的样本具有较高的相似性，而不同簇之间的样本具有较大的差异性。K-Means聚类算法是最常用的聚类算法之一，它以其简单性和高效性在数据挖掘、图像分割、模式识别等领域得到了广泛应用。本文将详细介绍K-Means聚类算法，并分别给出调用现成函数和不调用任何现成函数实现K-Means聚类的代码示
  • SpringBoot自动配置原理及手动实现自动配置 m0_56222134 程序员面试java经验分享
    之前我们学习了SpringBoot中的配置文件及外部化配置，了解了SpringBoot对于配置文件的功能支持与增强，本篇我们将要来学习SpringBoot的自动配置原理及手动实现自动配置。数据库依赖引起的bug我们很多人在第一次使用SpringBoot的时候，往往对其原理认知不足，或者简单的了解以后就开始入门使用，往往最常见的就是使用SpringBoot添加一个持久化框架的依赖，用来尝试操作数据库
  • angular打地鼠 勘察加熊人 typescriptangular.js前端javascript
    说明：我计划用angular做一款打地鼠的小游戏，打地鼠游戏实现文档游戏逻辑游戏场景采用3x3网格布局的9个地鼠洞核心机制地鼠随机从洞口弹出点击有效目标获得积分30秒倒计时游戏模式难度系统简单模式：生成间隔1.5s/停留1s普通模式：生成间隔1s/停留0.8s困难模式：生成间隔0.8s/停留0.6s⚙️主要功能游戏控制开始/结束游戏按钮游戏进行中禁止重复启动状态显示实时分数更新动态倒计时显示交互系
  • angular中下载接口返回文件 lhhbk angular.js前端javascriptangular
    目录一、URL.createObjectURL()一、URL.createObjectURL()createObjectURL属于js的原生方法，位于window.URL上，用于将Blob或者File文件转换为可以临时的URL地址进行显示**注意**：Angular的HttpClient默认将响应解析为JSON对象‌16。若实际返回的是二进制数据（如Excel文件、图片等），解析过程会因格式不匹配
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他