Icesea_syh
Icesea_syh

TypeScript实战 -- 贪吃蛇游戏(1)--项目简介与具体实现、实现食物类和计分板类

TypeScript实战 -- 贪吃蛇游戏(1)--项目简介与具体实现、实现食物类和计分板类_第1张图片

TypeScript实战 – 贪吃蛇(1)

目的

使用typescript以及面向对象的方式编写简易版贪吃蛇的项目，实现：蛇自主移动，吃到食物检测并增加身体长度，食物随机生成，计分板，撞墙检测，键盘事件检测等基本功能。

界面

TypeScript实战 -- 贪吃蛇游戏(1)--项目简介与具体实现、实现食物类和计分板类_第2张图片
TypeScript实战 -- 贪吃蛇游戏(1)--项目简介与具体实现、实现食物类和计分板类_第3张图片

分析

总体来说，整个游戏中所含的类可以分为四个：蛇(Snake)，食物(Food)，计分板(Scoreboard)，游戏控制器(GameController)。

  • Snake：获取与设置蛇身体部分的位置，增加长度，处理撞墙，检测是否吃到自己，禁止掉头
  • Food：获取与设置食物位置，随机改变位置
  • Scoreboard：获取积分和等级，增加积分，增加等级
  • GameController：控制游戏开始和结束，吃到食物检测，蛇移动，调用其他各对象的方法完成游戏的逻辑。

还需要一个HTML作为界面展示，具体typescript简单项目搭建，webpack配置可以看我另外一个文章讲了如何从0开始搭建简单的webpack编译ts的项目

HTML整体结构与样式不多赘述

注意的地方就是：因为每次吃到食物后，增加一段，增加的是蛇容器里面的子元素，所以我们对于蛇的样式需要加在蛇的子元素上，而蛇容器不必加样式和定位

HTML：

<html>
<head>
  <title>贪吃蛇title>
head>
<body>
  <div class="snake_postion">
    <div class="snake_body">
      <div class="snake_body_screen">
        
        <div class="snake">
          <div>div>
        div>
        
        <div class="food">div>
      div>
      <div class="snake_body_score_level">
        <div class="snake_body_item">level:
          <span class="level">0span>
        div>
        <div class="snake_body_item">grade:
          <span class="score">0span>
        div>
      div>
    div>
  div>
body>

html>

CSS(将主要用到的列了出来)：

/* 定位总游戏盒子  */
.snake_postion{
     
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* 游戏盒子  */
.snake_body{
     
  width: 324px;
  height: 400px;
  background: #1e272e;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 10px;
  box-shadow: 0 0 15px #1e272e;
}
/* 屏幕 */
.snake_body_screen{
     
  background: #485460;
  height: 304px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 2px solid #808e9b;
  position: relative;
}
/* 记分板 */
.snake_body_score_level{
     
  border-radius: 6px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  line-height: 50px;
  display: flex;
}
/* 记分板各项 */
.snake_body_item{
     
  width: 50%;
  font-size: 14px;
  text-shadow: 0 0 10px #222f3e;
}
/* 蛇身体 */
.snake > div{
     
  width: 10px;
  height: 10px;
  background: #222f3e;
  border: 1px solid #808e9b;
  position: absolute;
  border-radius: 2px;
}
/* 蛇头 */
.snake > div:nth-child(1){
     
  width: 10px;
  height: 10px;
  background: #3c6382;
  border: 1px solid #808e9b;
  position: absolute;
  border-radius: 2px;
  left: 20px;
  top: 20px;
}
/* 食物 */
.food{
     
  width: 10px;
  height: 10px;
  background: #222f3e;
  border: 1px solid #808e9b;
  position: absolute;
  left: 120px;
  top: 100px;
  border-radius: 2px;
}

各类的具体分析与实现

我们最好将各类分成各个模块，这样好维护。

因为从分析来看，食物类和计分板类是最简单的两个类，所以先将它们实现

Food类

食物类包含了获取和设置食物位置，随机改变食物位置

  • 实现步骤

    1. 定义存放食物元素的变量
    2. 使用document.querySelector获取食物元素
    3. 使用offsetTop和offsetLeft获取食物的位置get和set设置食物的位置
    4. 因为我们屏幕的有效长宽是290px，每次移动10px，所以我们只需要取0-29的随机数，最后再乘以10就行了。使用Math.random和Math.round实现随机取数
    5. 赋值给食物元素的样式

  • 具体代码

    // 定义食物类
class Food{
       
  // 定义存储元素的变量
  private element: HTMLElement;

  constructor() {
       
    // 拿到元素
    this.element = document.querySelector(".food")!;
  }

  get X() {
       
    // 得到left值
    return this.element.offsetLeft;
  }

  get Y() {
       
    // 得到top值
    return this.element.offsetTop;
  }

  // 吃到一个事物改变位置
  change() {
       
    // 这里left和top需要分别拿，不然就只能走对角线了
    let left = Math.round(Math.random() * 29) * 10;
    let top = Math.round(Math.random() * 29) * 10;
    // 赋值给food实现随机改变位置
    this.element.style.left = left + 'px';
    this.element.style.top = top + 'px';
  }
}

export default Food;

    测试代码

    项目入口文件index.ts增加如下测试代码

    import Food from './modules/Food';

const testFood = new Food();
testFood.change();

    然后刷新多次页面查看食物随机改变的效果

TypeScript实战 -- 贪吃蛇游戏(1)--项目简介与具体实现、实现食物类和计分板类_第4张图片

Scoreboard类

包含了获取积分和等级，增加积分，增加等级的功能

  • 实现步骤

    1. 我们需要定义四个变量，存放等级level和积分score，等级显示元素和积分显示元素
    2. 如果还想自定义升级的规则和最大等级可以定义两个变量去控制
    3. 升级和积分增加都是先将现在的level和score自增后往各自的元素的innerHTML添加即可

  • 具体代码

    // 定义记分牌
class LevelScore{
       
  // 等级
  private level: number = 1;
  // 积分
  private score: number = 0;
  // 控制升级规则(每吃多少个升一级)
  private levelItem: number;
  // 最大等级
  private maxLevel: number;

  // 显示等级的元素
  private levelElement: HTMLElement;
  // 显示积分的元素
  private scoreElement: HTMLElement;

  // 给出初始值定义初始规则：吃10个食物升一级，最高等级10及
  constructor(leveItem: number = 10, maxLevel: number = 10) {
       
    this.levelItem = leveItem;
    this.maxLevel = maxLevel;
    this.levelElement = document.querySelector(".level")!;
    this.scoreElement = document.querySelector(".score")!;
  }

  // 增加积分
  addScore() {
       
    this.scoreElement.innerHTML = ++this.score + '';
    // 如果当前的积分和升级规则规定的个数取余为0，说明达到规定个数升级
    if (this.score % this.levelItem === 0) {
       
      this.levelUp();
    }
  }

  levelUp() {
       
    if (this.level < this.maxLevel) {
       
      this.levelElement.innerHTML = ++this.level + '';
    }
  }
  
  getlevel() {
       
    return this.level;
  }
  getScore() {
       
    return this.score;
  }
}

export default LevelScore;

测试代码

项目入口文件index.ts增加如下测试代码

import LevelScore from './modules/LevelScore'

const testLevelScore = new LevelScore();
setInterval(()=>{
     
  testLevelScore.addScore();
},1000)

查看页面对于我们增加分数和增加等级规则的测试

TypeScript实战 -- 贪吃蛇游戏(1)--项目简介与具体实现、实现食物类和计分板类_第5张图片

你可能感兴趣的:(TypeScript,typescript,游戏,贪吃蛇游戏,贪吃蛇)

  • 关于用c语言实现简陋版MINE MAP cuikebinpau 数据结构c#
    思路游戏规则：扫雷游戏的核心是玩家需要点击格子，避开地雷。每个格子可能是地雷，也可能是数字（表示周围地雷的数量）。玩家通过推理，标记所有地雷的位置即可获胜。数据结构：使用二维数组表示游戏棋盘。一个数组存储地雷的位置（mineMap）。另一个数组存储玩家可见的棋盘状态（playerMap）。游戏流程：初始化棋盘：随机布置地雷，并计算每个格子周围的地雷数量。玩家输入坐标，检查是否踩雷。更新玩家可见的棋
  • 封装websocket，兼容uniapp及普通vue3应用 一个水货程序员 websocketuni-app网络协议
    本文将实现websocket的封装,采用typescript+vue3实现，同时支持uniapp中使用。主要实现两个部分：websocket.core.ts，一个封装的websocket对象，用于处理websocket断线重连及生命周期钩子触发useWebsocket.ts，采用vuehook封装上述对象，将实例属性转换为响应式属性以供页面组件内使用websocket.core.tstypeTim
  • TypeScript语言的云计算 沈雲澈 包罗万象golang开发语言后端
    TypeScript语言的云计算引言随着科技的高速发展，云计算已经成为现代软件开发中不可或缺的一部分。它为企业提供了灵活的资源管理与高效的开发流程。而在众多编程语言中，TypeScript因其静态类型和良好的工具支持，逐渐成为云计算领域的热门选择。本文将深入探讨TypeScript在云计算中的应用，分析其优势和最佳实践，帮助开发者更好地利用这一语言实现云计算项目。一、云计算概述1.1什么是云计算？
  • 贪吃蛇案例 The_era_achievs_hero javajavascript开发语言
    题十：贪吃蛇还原要求：只需对所给js代码的部分函数进行还原最终实现效果即可原理：首先获得蛇的头部定位，再根据键盘改变头部的位置。更新蛇的身体数组，删除蛇身体的最后一个元素，并生成新数组(头部作为新数组的第一个元素)//移动蛇的头部nextStep(){//TODO：待补充代码////只需完善该函数实现功能，不允许修改别处代码//使用对象展开运算符，复制当前蛇的头部位置consthead={...t
  • 七.工控之工控机专题 小何的Blog 工控工控工控机C#上位机
    1.防止工控机突然断电导致数据丢失防止工控机突然断电问题后，数据无法及时保存在磁盘问题，可以有如下2种举措：安装UPS电源。添加磁盘阵列功能。2.CPU选择Intel的E系列CPU是服务器专用，主打超长时间稳定运行，多线程任务处理，而Intel的I系列CPU是桌面级的，主打游戏娱乐、办公设计。这个是完全不同的两个产品线，没有好坏之分，服务器就E，普通电脑就I。因此在工业领域，尤其是一些对电脑、系统
  • 2025游戏行业的趋势预测 疯子的游戏梦 游戏行业的理解游戏
    一、市场现状从总产值的角度来看，游戏总产值的增长率已经放缓，由增量市场转化为存量市场，整体的竞争强度将会加大，技术水平不强（开发技术弱、产品品质低、开发效率低）的公司将会面临更大的生存的困难。从表现形式的角度来看，从2003年端游的兴起，到2015年移动游戏的兴起，游戏形式会随着设备的更迭而产生新的形式，在2025年-2030年，本人预测随着VR、AR设备的成熟（价格更低、性能更好、外形更小），游
  • 用C/C++手搓链表：从青铜到王者的进阶之路 暮乘白帝过重山 c语言c++链表开发语言区块链算法数据结构
    链表就像程序员的"俄罗斯套娃"——每个娃娃肚子里都藏着下一个娃娃的线索。今天我们将用纯手搓代码和灵魂比喻，带你彻底征服这个数据结构！一、链表的本质：程序员的"贪吃蛇"1.1核心结构解剖节点(Node)=贪吃蛇的关节数据域：当前关节吃的食物指针域：下一截蛇身的位置坐标头指针(Head)=蛇头GPS定位器尾节点(Tail)=蛇尾（指向NULL表示结束）1.2类型选择指南类型内存消耗适用场景经典案例单向
  • 主流渲染引擎/游戏引擎 力博荣三维可视化 图形学基础渲染引擎
    meshoptimizeriswidelyusedinthegamesindustryaswellasinmanypipelinesforprocessing3Dcontentforreal-timerendering.Thisdocumentcontainsasmallselectionofprojectsthatrelyonmeshoptimizer.Forbrevity,theproject
  • 使用Qt+opencv实现游戏辅助点击工具-以阴阳师为例 虎式坦克我最爱 游戏
    注：本文章技术交流使用，不侵犯任何著作权。一.阴阳师辅助软件需要实现哪些功能?1.首先，对于肝绘卷拿角色而言，需要打困难28副本和结界突破循环刷绘卷碎片。这一功能让你每月免费悠闲地拿到最新角色，即使你是较新的玩家！2.有人喜欢打阴阳寮突破，因为结界卡可以合成勾玉，另外寮突破后给的寮勋章可以维持寮正常运转。3.御魂等副本，这款游戏的御魂是核心玩法。而且这只是一个辅助工具，不修改游戏内存，用来解放双手
  • 【第15章：量子深度学习与未来趋势—15.1 量子计算基础与量子机器学习的发展背景】 再见孙悟空_ #【深度学习・探索智能核心奥秘】机器翻译自然语言处理计算机视觉量子计算人工智能深度学习机器学习
    想象一下，你正在用ChatGPT生成一篇小说，突然它卡在"主角穿越虫洞"的情节上——这不是因为想象力枯竭，而是传统计算机的晶体管已经烧到冒烟。当前AI大模型的参数规模每4个月翻一番，但摩尔定律的终结让经典计算机的算力增长首次跟不上AI的进化速度。这时候，量子计算带着它的"超能力"登场了：1台50量子位的量子计算机，处理某些问题的速度可达超级计算机的1亿倍。这场算力革命，正在改写深度学习的游戏规则。
  • ch02离散仿真引擎基础——Unity3D学习 yesor_not 3D游戏学习c#unity游戏游戏策划
    ch02离散仿真引擎基础——Unity3D学习一、简答题1.解释游戏对象（GameObjects）和资源（Assets）的区别与联系游戏对象（GameObjects）：一般为玩家，敌人，环境等资源（Assets）：一般包括声音，脚本，材质等区别与联系：对象一般是一些资源的集合体资源可以被多个对象使用资源作为模版，可实例化游戏中具体的对象。2、下载几个游戏案例，分别总结资源、对象组织的结构（指资源的
  • C++自研游戏引擎-碰撞检测组件-八叉树AABB检测算法实现 千年奇葩 三维引擎c++人工智能算法八叉树
    八叉树碰撞检测是一种在三维空间中高效处理物体碰撞检测的算法，其原理可以类比为一个管理三维空间物体的智能系统。这个示例包含两个部分：八叉树部分用于宏观检测，AABB用于微观检测。AABB可以更换为均值或节点检测来提高检测精度。八叉树的构建确定根节点范围首先要为整个碰撞检测系统确定一个初始范围，这就像是为所有参与碰撞检测的物体划定一个“活动区域”。这个范围是一个能够完全容纳所有待检测物体的三维立方体空
  • 电脑录屏软件 班迪录屏 Bandicam v8.0 注册版 下载与使用说明 2401_89543598 电脑windows
    Bandicam是一款电脑录屏软件。主要功能：多模式录制：支持录制屏幕、游戏画面以及设备内容（如HDMI输入和摄像头）。自由调整录制区域：你可以选择全屏录制，也可以自定义录屏分辨率，满足多种需求。鼠标追随功能：录制时可追随鼠标移动，聚焦特定操作区域。重复捕捉功能：支持反复录制屏幕内容，方便制作教程或解说视频。快捷键设置：自定义快捷键，录制操作更加便捷高效。双音频混合录制：提供同时录制系统音效和麦克
  • html5游戏引擎-Pharse.js学习笔记（一） 18520195858 游戏javascriptc/c++ViewUI
    1.前言前几天随着flappybird这样的小游戏的火爆，使我这种也曾了解过html5技术的js业余爱好者也开始关注游戏开发。研究过两个个比较成熟的html5游戏引擎，感觉用引擎还是要方便一些。所以决定从今天正式开始研究html5游戏引擎，并且将从看官网demo的学习整理成博客和大家一起分享。我了解过cocos-2dforhtml5和phaser.js这两个引擎，其中前者比较复杂，对于有过coco
  • MTTK Vue Wrap 项目介绍 MTTKbelinda VUEWrapvue.js前端javascript
    关键字:Vue3,配置开发,快速开发,组件封装关于本项目概述MttkVueWrap是一个基于Vue3的组件封装工具，核心目标是通过纯JavaScript/TypeScript替代传统的单文件组件（SFC）开发模式，同时兼容与SFC的混合使用.它允许开发者通过类似JSON的配置对象或动态生成的脚本快速构建Vue组件，涵盖模板、双向绑定（v-model）、属性、事件、插槽等核心功能.项目起源在前端开发
  • interface 和 type 的使用场景有什么区别？ Ashy- 前端面试题前端笔记typescript前端
    Typescript提供的核心特性之一，旨在编译时期补货并防止类型相关的错误，从而提高代码质量，使其更可靠更易维护。变量类型的注解//指定变量的类型，变量只能存储特定类型的值lets:string='abc';letn:number=123;leti:boolean=false;函数参数和返回值的类型注解//在函数中指定参数和返回值的类型functionadd(n1:number,n2:numbe
  • TypeScript 与后端开发Node.js m0_74825746 面试学习路线阿里巴巴typescriptnode.jsjavascript
    文章目录一、搭建TypeScript+Node.js项目（一）初始化项目并安装相关依赖1、创建项目目录并初始化2、安装必要的依赖包（二）配置TypeScript编译选项（如模块解析方式适合后端）二、编写服务器代码（一）定义路由类型（使用Express等框架）（二）处理请求和响应的类型（包括中间件的类型）1、请求类型处理2、响应类型处理3、中间件类型处理三、数据库交互（一）使用Type-Safe的数
  • Lua 数据库访问 froginwe11 开发语言
    Lua数据库访问引言Lua是一种轻量级的编程语言，因其简洁性和高效性，常被用于游戏开发、嵌入系统和应用程序开发。在许多情况下，数据库访问是应用程序的核心功能之一。本文将深入探讨在Lua中如何进行数据库访问，包括连接数据库、执行查询、处理结果以及异常处理等。Lua数据库访问概述在Lua中，有多种方法可以用来访问数据库。以下是几种常用的数据库访问方式：直接使用数据库的命令行工具：例如，使用MySQL的
  • 使用JvaScript做一个猜数字游戏And条件语句和循环语句整合 偷只猫来养 javascript游戏js
    **使用JvaScript做一个简单的猜数字游戏（这里设置的数字范围是0-100）**JavaScript是一门目前流行的面向对象的脚本语言，可以使用它来做很多事情，这里为大家分享一下如何使用js语言来写出一个猜数字游戏。1、需求用户可以控制游戏的开始和结束。在用户点击开始后，系统自动为用户生成一个0-100的随机数，用户在输入框中输入内容后点击确认后可以根据输入内容提示相关信息。2、逻辑分析使用
  • 用js代码实现贪吃蛇小游戏 guai_guai_guai javascript前端开发语言
    js已经学了大部分了，现在就利用我所学的js知识试试做贪吃蛇小游戏吧以下部分相关图片以及思路笔记均出自渡一陈老师的视频首先制作简单的静态页面，添加贪吃蛇移动的背景和相关图片，比如开始游戏等等将各个功能均封装在函数中，利用主函数调用分函数会使结构更清晰初始化游戏初始化地图地图坐标//1.初始化地图for(leti=0;i=td||newHead.y=tr){collideCheckInfo.isCo
  • 「前端+鸿蒙」鸿蒙应用开发-TS-模块化 吴维炜 大前端开发前端鸿蒙harmonyos华为typescript
    在TypeScript中，模块化是一种将代码分割成独立单元的方式，每个单元可以封装特定的功能或数据。模块化有助于保持代码的组织性、可维护性和可重用性。TypeScript支持ES6模块标准，这意味着你可以使用import和export语句来创建模块。TS快速入门-模块化导出模块成员使用export关键字可以将类、接口、类型、函数或变量导出，以便它们可以在其他文件中被导入。//myModule.ts
  • Vue前端框架的使用 不想秃头的小杨 Vuevue.js前端框架javascript
    1.正文vue前端框架1.1什么是Vue1.2如何使用vue$Title${{name}}{{age}}/*创建一个Vue对象*/varapp=newVue({//把该对象挂载到div标签上el属性是必有el:"#app",//data:数据区定义一些数据这些数据得类型可以是任意类型。data:{name:"张三",age:15,hobby:["游泳","看书","玩游戏"],}})总结:(1)导
  • 探索TypeScript设计模式：构建更健壮的软件基石 任蜜欣Honey
    探索TypeScript设计模式：构建更健壮的软件基石TypeScript-Design-PatternsCoderepositoryforTypeScriptDesignPatterns,publishedbyPackt项目地址:https://gitcode.com/gh_mirrors/typ/TypeScript-Design-Patterns在编程的世界里，设计模式是开发者们的指南灯，它
  • 【大模型实战】零门槛入门AgentScope多智能体游戏开发：和Agent玩飞花令 南七小僧 服务器开发网站开发人工智能数据库服务器运维
    1.项目起因最近，阿里开源了一款全新的多智能体协同的Multi-Agent应用框架-AgentScope，早先的单智能体还只能完成对话类等一些简单的应用，通过调用外部API（如搜索绘画配音等）也只是拓展了单智能体的能力边界。如果能够调用多个智能体，并做好多个智能体之间的协同配合，就能够打造出内容和样式更加丰富的应用。中国古典诗词中的经典游戏（如飞花令尾字接龙即景联诗九宫格）等，非常考验选手的知识储
  • 基于Unity引擎的日志管理模块深度技术分析 晴空了无痕 项目框架unity游戏引擎系统架构
    引言在游戏开发领域，日志系统是诊断运行时问题的重要基础设施。本文将以GameFramework.Logging命名空间下的LogController类为研究对象（原YouYou.LoggerManager），从架构设计、实现机制、性能优化等多个维度进行深入剖析，并提出改进建议。本文涉及的类名和变量名均经过语义化重构，以提升代码可读性。一、架构设计分析1.1类层次结构设计publicclassLog
  • Unity入门 七七喝椰奶 Unity经验分享
    摘要本文是为那些缺乏Unity使用经验的读者设立的，会对Unity游戏开发的大致流程以及一些属于进行说明Unity的游戏开发，大体可以分为三个步骤将美术素材和各种逻辑功能整合在一起，创建出角色摆放好各个角色，创建出场景创建好所有需要的场景根据我们的经验可以知道，在游戏中，玩家操作的角色以及敌方角色，还有作为游戏舞台的背景等都会显示在画面上。游戏中的那些角色可以通过鼠标或者触屏来操作，也可以根据自己
  • C++学习指南 月眠老师 c++java算法
    一、引言C++是一种功能强大的高级编程语言，它融合了面向过程编程和面向对象编程的特性。由于其效率高、可移植性强等优点，广泛应用于系统开发、游戏编程、嵌入式系统等诸多领域。对于想要深入学习C++的人来说，需要全面掌握其语法、编程范式、数据结构、算法以及相关的开发工具等多方面的知识。二、C++基础语法（一）基本数据类型整型（Integer）在C++中有多种整型类型，如int（通常为32位有符号整数）、
  • deepseek本地部署指南（解决下载速度慢） 灶龙 人工智能deepseek人工智能本地部署
    很多人都照着网上的教程去下载，但是网上的下载Ollama模型都下载不了，所以我打算写一篇不同的deepseek本地部署指南。第一步：下载奇游加速器奇游加速器下载网址下载奇游加速器后进行安装，然后搜索Deepseek点击进去，不要着急充值，点击右上角口令，输入奇游111就可以白嫖三天的有效期。第二步：下载Ollama框架点进Deepseek后，先点击一键加速（中途不要关闭），在点击右边的游戏服务中的
  • Redis之父学生时代发现的ping漏洞的源码分析
    Redis的作者SalvatoreSanfilippo（网名antirez）在意大利西西里岛长大，虽然从小就接触计算机，也有一些编程经验，但在大学期间却选择了建筑学院，可能当时并没有打算走职业程序员的道路吧。然而antirez应该就属于老天爷赏饭的那类人，据说仅仅因为错把显卡买成了网卡，商家又不肯退货，他就放下游戏，拿起了C语言的教材。不久之后，antirez发现了一个ping的漏洞，非root用
  • 魔兽世界Gm重置副本命令 一筐猪的头发丝
    在魔兽世界中，使用重置副本命令的方式取决于你是否是GM(游戏管理员)。如果你是GM，你可以使用以下命令来重置副本：在游戏内使用命令行：.resetinstance这个命令会重置当前的副本，如果你在副本外，这个命令不会有任何效果。在游戏外使用命令行：worldserver.exe-c".resetinstance"这个命令会重置所有当前活动的副本。注意：这些命令仅适用于GM，如果你不是GM，是普通玩
  • 解读Servlet原理篇二---GenericServlet与HttpServlet 周凡杨 javaHttpServlet源理GenericService源码
    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
  • MySQL性能优化 bijian1013 数据库mysql
            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有：         a.优化查询         b.优化数据库结构  
  • ThreadPool定时重试 dai_lm javaThreadPoolthreadtimertimertask
    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 为了解决不定间隔的重试，选择Timer和TimerTask来完成 package threadpool; public class ThreadPoolTest {
  • Oracle 查看数据库的连接情况 周凡杨 sqloracle 连接
    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 select * from dict where table_name like '%SESSION%'; 就可以查出一些表，然后根据这些表就可以获得会话信息 select sid,serial#,status,username,schemaname,osuser,terminal,ma
  • 类的继承 朱辉辉33 java
    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 格式:public class 类名（子类）extends 类名（父类）{ } 子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 protected属性，但要使用private属性仍需通过调用。 子类的方法可以重写，但必须和父类的返回值类
  • android 悬浮窗特效 肆无忌惮_ android
    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下：   一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。   后来想利用Dialog的dismiss动画来完成。   自定义一个Dialog后，在styl
  • hadoop伪分布式搭建 林鹤霄 hadoop
    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
  • gdb调试命令 aigo gdb
    原文：http://blog.csdn.net/hanchaoman/article/details/5517362   一、GDB常用命令简介   r run 运行.程序还没有运行前使用 c             cuntinue 
  • Socket编程的HelloWorld实例 alleni123 socket
    public class Client { public static void main(String[] args) { Client c=new Client(); c.receiveMessage(); } public void receiveMessage(){ Socket s=null; BufferedRea
  • 线程同步和异步 百合不是茶 线程同步异步
    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。 所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法   多线程和异步:多线程可以做不同的事情,涉及到线程通知     &
  • JSP中文乱码分析 bijian1013 javajsp中文乱码
            在JSP的开发过程中，经常出现中文乱码的问题。         首先了解一下Java中文问题的由来：         Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
  • js实现页面跳转重定向的几种方式 bijian1013 JavaScript重定向
            js实现页面跳转重定向有如下几种方式： 一.window.location.href <script language="javascript"type="text/javascript"> window.location.href="http://www.baidu.c
  • 【Struts2三】Struts2 Action转发类型 bit1129 struts2
     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configurat
  • 【HBase十一】Java API操作HBase bit1129 hbase
    Admin类的主要方法注释：   1. 创建表 /** * Creates a new table. Synchronous operation. * * @param desc table descriptor for table * @throws IllegalArgumentException if the table name is res
  • nginx gzip ronin47 nginx gzip
    Nginx GZip 压缩 Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 常用配置片段如下： gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
  • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交 bylijinnan java
    public class LinkListTest { /** * we deal with two main missions: * * A. * 1.we create two joined-List(both have no loop) * 2.whether list1 and list2 join * 3.print the join
  • Spring源码学习-JdbcTemplate batchUpdate批量操作 bylijinnan javaspring
    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 JDBC的batch操作： String sql = "INSERT INTO CUSTOMER " + "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
  • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展 comsci 工作流
        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........     竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
  • base64编码和url编码 cuityang base64url
    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.StringWriter; import java.io.UnsupportedEncodingException;
  • web应用集群Session保持 dalan_123 session
    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
  • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式'] dcj3sjt126com 数据库
        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
  • solr StatsComponent（聚合统计） eksliang solr聚合查询solr stats
    StatsComponent 转载请出自出处：http://eksliang.iteye.com/blog/2169134 http://eksliang.iteye.com/ 一、概述        Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能   二、参数
  • 百度一道面试题 greemranqq 位运算百度面试寻找奇数算法bitmap 算法
    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字.   我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。   还有人觉得应该用算法xxx,我是没想到用啥算法好...！   还有觉得应该先排序...   还有觉
  • Spring之在开发中使用SpringJDBC ihuning spring
      在实际开发中使用SpringJDBC有两种方式：   1. 在Dao中添加属性JdbcTemplate并用Spring注入；     JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
  • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节 justjavac json
    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
  • 网站项目建设流程概述 macroli 工作
    一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 　　第一步是需
  • AngularJs 三目运算 表达式判断 qiaolevip 每天进步一点点学习永无止境众观千象AngularJS
    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {
  • Spark算子：统计RDD分区中的元素及数量 superlxw1234 sparkspark算子Spark RDD分区元素
    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量     Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。   可以利用RDD的mapPartitionsWithInd
  • Spring 3.2.x将于2016年12月31日停止支持 wiselyman Spring 3
                  Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。          请大家及时准备及时升级到Spring
  • fis纯前端解决方案fis-pure zccst JavaScript
    作者：zccst FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 1，fis-pure的安装 $ fis install -g fis-pure $ pure -v 0.1.4 2，下载demo到本地 git clone https://github.com/hefangshi/f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他