咏远僮年
咏远僮年

JavaScript飞机大战

引言

  • 此游戏图片参照网络，自己依靠html、css、JavaScript编写，动画全部依靠原生js所写，没有使用其他js库。游戏按下鼠标即可拖动飞机进行移动。文章末尾有源代码及图片下载链接。

准备工作

  • 准备飞机大战各种元素图片(图片来源网络)
  • 背景图片（略大需要前往链接下载）
  • 飞机与敌机与子弹
    飞机 　　　　　　敌机 　　　　　在这里插入图片描述

代码逻辑

  • 所用动画都是通过改变图片位置来进行实现的。
  • 飞机移动通过鼠标的监听进行实现的。
  • 碰撞检测远离：
    • 图片1的距离背景左侧距离加上图片1的宽度<图片2距离左侧的距离
    • 图片2的距离背景左侧距离加上图片2的宽度<图片1距离左侧的距离
    • 图片1的距离背景上侧距离>图片2距离上侧的距离加上图片2的高度
    • 图片2的距离背景上侧距离>图片1距离上侧的距离加上图片1的高度
    • 当以上四个条件成立其中一条图片都没有发生碰撞，当全部不满足时候两张图片发生碰撞。取反即可得碰撞发生情况。

HTML代码部分

<html>
	<head>
		<meta charset="utf-8" />
		<title>飞机title>
		<link rel="stylesheet" href="youxi.css" />
	head>
	<body>
		<div id="box">
			<div class="beijing" id="bj1">
			div>
			<div class="beijing" id="bj2">
			div>
			<div id="feiji">
			div>
			<div id="jishu">
				得分：0
			div>
			<div id="over">
			div>
		div>
	body>
	<script type="text/javascript" src="youxi.js" >script>
html>

css部分代码

.{
	margin: 0;
	padding: 0;
}
#box{
	width:470px;
	height:800px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
.beijing{
	height:801px;
	width:470px;
	background-image:url(img/beijing.jpg);
	margin:0 auto;
	position:absolute
}
#bj1{
	top: 0;
}
#bj2{
	top: -800px;
}

#feiji{
	width:50px;
	height: 62px;
	background-image: url(img/feiji.png);
	position: absolute;
	top:710px;
	left: 210px;
}
.zidan{
	height:15px;
	width:6px;
	background-image:url(img/zidan.png);
	position:absolute;
	background-size: 6px 15px;
}

.diji{
	width:40px;
	height:30px;
	background-image:url(img/diji.png);
	position:absolute;
}
#over{
	width:280px;
	height:230px;
	background-image:url(img/over.png);
	background-size:280px 230px;
	position:absolute;
	top:285px;
	left:95px;
	display:none;
	z-index:1;
}

#jishu{
	position:absolute;
	top:20px;
	left:20px;
	font-size:25px;
}

JavaScript

var box=document.getElementById("box")
var bj1= document.getElementById("bj1")
var bj2= document.getElementById("bj2")

var timer = setInterval(function(){
	a = parseInt(getComputedStyle(bj1, null)["top"])+1
	b = parseInt(getComputedStyle(bj2, null)["top"])+1
	if (a>799){
		a = -800
	}
	if (b>799){
		b = -800
	}
	bj1.style.top=a
	bj2.style.top=b
},5)

var feiji=document.getElementById("feiji")

feiji.onmousedown=function(e){
	var ev = e || window.event
	posX = ev.clientX-feiji.offsetLeft-box.offsetLeft
	posY = ev.clientY-feiji.offsetTop-box.offsetTop
	console.log(posX,posY)
	document.onmousemove = function(e){
		var ev = e || window.event
		feijiX = ev.clientX-box.offsetLeft-posX
		feijiY = ev.clientY-box.offsetTop-posY
		if(feijiX<0){
			feijiX=0
		}
		if(feijiX>420){
			feijiX=420
		}
		if(feijiY<0){
			feijiY=0
		}
		if(feijiY>738){
			feijiY=738
		}
		feiji.style.left = feijiX
		feiji.style.top = feijiY
	}
	
}
document.onmouseup=function(){
	document.onmousemove = null
	// document.onmouseuo
}

//创建敌机

var timerdiji=setInterval(function(){
	var diji=document.createElement("div")
	box.appendChild(diji)
	diji.className="diji"
	m =Math.floor(Math.random()*400)
	diji.style.left=35+m
	diji.style.top=-30
	var timers=setInterval(function(){
		diji.style.top=diji.offsetTop+5
		if(diji.offsetTop>800){
			clearInterval(timers)
			box.removeChild(diji)
		}
	},20)
},150)

//创建子弹
var timerzidan=setInterval(function(){
	var zidan=document.createElement('div')
	box.appendChild(zidan)
	zidan.className='zidan'
	zidan.style.left=feiji.offsetLeft+22+'px'
	zidan.style.top=feiji.offsetTop-15+'px'
	var timers=setInterval(function(){
		zidan.style.top=zidan.offsetTop-2+'px'
		if(zidan.offsetTop<-20){
			clearInterval(timers)
			box.removeChild(zidan)
		}
	},1)
},150)




// //碰撞检测
function crash(object1, object2){
	var ob1_left=object1.offsetLeft
	var ob1_top=object1.offsetTop	
	var ob1_right=object1.offsetLeft+object1.offsetWidth
	var ob1_bottom=object1.offsetTop+object1.offsetHeight	
	var ob2_left=object2.offsetLeft
	var ob2_top=object2.offsetTop
	var ob2_right=object2.offsetLeft+object2.offsetWidth
	var ob2_bottom=object2.offsetTop+object2.offsetHeight		
	
	if(ob1_top>ob2_bottom){
		return false
	}else if(ob1_bottom<ob2_top){
		return false
	}else if(ob1_left>ob2_right){
		return false
	}else if(ob1_right<ob2_left){
		return false
	}else{
		return true
	}
}

var jishu=document.getElementById("jishu")

var number=0

//子弹与敌机检测
var air_timer=setInterval(function(){
	var diji=document.getElementsByClassName("diji")
	var zidan=document.getElementsByClassName("zidan")
	for (var i=0;i<diji.length;i++){
		for (var j=0;j<zidan.length;j++){
			if(crash(zidan[j],diji[i])){
				box.removeChild(zidan[j])
				box.removeChild(diji[i])
				number=number+50
				jishu.innerText="得分："+number
				break
			}
		}
	}
},1)



var over=document.getElementById("over")
//子弹与敌机检测
var air_timer=setInterval(function(){
	var diji=document.getElementsByClassName("diji")
	for (var i=0;i<diji.length;i++){
		if(crash(feiji,diji[i])){
			box.removeChild(feiji)
			clearTimeout(timerdiji)
			clearTimeout(timerzidan)
			clearTimeout(timer)
			over.style.display = "inline"
		}
	}
},1)

总结

  • 代码中许多类使用了拼音(英语不好)，由于初学js时候所写，没有使用jQuery等库，所以代码显示比较冗长且零乱，如有BUG请理解。
  • 源代码及图片：源代码

你可能感兴趣的:(JavaScript飞机大战)

  • 在 JavaScript 中，可以通过以下几种方式判断函数是否是通过 new 关键字调用的 斯~内克 javaScriptjavascript开发语言ecmascript
    在JavaScript中，可以通过以下几种方式判断函数是否是通过new关键字调用的：方法1：使用new.target(ES6+推荐)functionMyClass(){if(new.target===MyClass){console.log('通过new调用');}else{console.log('未通过new调用');}}//测试newMyClass();//输出"通过new调用"MyClas
  • 深入JavaScript实战：解决常见问题与性能优化技巧 moton2017 javascriptAxiosFetchAPI字符串操作SET数据结构Map数据结构
    目录一、JavaScript关键点1.1核心特性1.2主要用途1.3ECMAScript标准二、JavaScript数据操作方法2.1JavaScript数组方法2.2JavaScript其他数据操作方法（1）对象操作（2）字符串操作（3）数字操作（4）Set和Map数据结构三、JavaScript如何防范XSS攻击？3.1编码与转义3.2校验输入3.3使用安全的库和框架3.4配置HTTP头3.5
  • Webpack缓存优化策略探讨 创梦引领 webpack缓存前端JavaScript
    在前端开发中，Webpack是一个广泛使用的模块打包工具，它可以将多个前端资源（如JavaScript、CSS、图片等）打包成静态资源，以提高应用的加载速度和性能。然而，由于前端应用的不断迭代更新，缓存成为一个重要的优化方向。本文将探讨如何通过Webpack的缓存优化策略来提升应用的性能。一、文件指纹文件指纹是实现缓存策略的基础。通过给文件名添加唯一的标识符，可以实现在文件内容未变化时，仍然使用缓
  • Vue打包后生成的文件及编程细节 心之飞翼 vue.js前端javascript编程
    Vue.js是一种流行的JavaScript框架，用于构建现代化的单页应用程序。当我们开发一个Vue应用并准备将其部署到生产环境时，我们需要对应用进行打包，以便生成最终的可执行文件。在这篇文章中，我们将详细讨论Vue打包后生成的文件，以及与之相关的编程细节。1.打包工具：Webpack在Vue项目中，常用的打包工具是Webpack。Webpack提供了强大的模块打包能力，能够将Vue应用中的各种资
  • 深入理解 JavaScript 执行上下文 www.www JavaScript相关javascript开发语言ecmascript
    深入理解JavaScript执行上下文什么是JavaScript执行上下文JavaScript执行上下文的分类全局执行上下文函数执行上下文eval执行上下文JavaScript管理执行上下文的方式：执行上下文栈什么是JavaScript执行上下文概念：JavaScript中，在执行任何代码之前，JavaScript引擎会先创建一个执行上下文（globalexecutioncontext）。它包含有
  • python反爬虫处理--处理动态内容加载（Selenium库） 范哥来了 python爬虫开发语言
    使用Selenium处理动态加载的内容Selenium是一个强大的工具，可以用来模拟真实用户与网页进行交互。这对于处理那些通过JavaScript动态加载内容的网站特别有用。下面我将介绍如何安装Selenium库以及如何使用它来抓取动态加载的内容。1.安装Selenium库首先，您需要确保已经安装了Selenium库。您可以使用pip来安装Selenium：pipinstallselenium此外
  • JavaScript 通过逗号将字符串拆分为数组 贾宝玉单臂擒方腊 javascript前端开发语言
    本文展示了如何在JavaScript中通过逗号将字符串拆分为数组。为此，我们可以使用split()方法此方法将指定的String划分为子字符串的有序列表，将这些子字符串保存到一个数组中并返回该数组。它根据separator;划分字符串它可以是singlespace,comma,colon或任何其他模式。这意味着当在提供的字符串中找到split()时，该方法在每个点拆分一个字符串separator，
  • JavaScript逆向爬虫教程-------基础篇之JavaScript混淆原理 zru_9602 热门话题javascript爬虫开发语言
    目录一、常量的混淆原理1.1对象属性的两种访问方式1.2十六进制字符串1.3Unicode字符串1.4字符串的ASCII码混淆1.5字符串常量加密1.6数值常量加密二、增加JS逆向者的工作量2.1数组混淆2.2数组乱序2.3花指令2.4jsfuck三、代码执行流程的防护原理3.1流程平坦化3.2逗号表达式混淆四、其他代码防护方案4.1eval加密4.2内存爆破4.3检测代码是否格式化一、常量的混淆
  • Javascript监听回车键和取消回车键提交 思想永无止境 Web前端javascript回车键回车事件
    添加回车事件：document.onkeydown=function(event){vare=event||window.event||arguments.callee.caller.arguments[0];if(e&&e.keyCode==13){$("save_btn").click();}};取消回车键提交
  • 使用setimmediate实现可伸缩执行的脚本 load_life html5javascript浏览器functionchromeperformanceie
    看过我对JavaScript性能优化相关的讨论的同学们一定很了解我的一个癖好，就是将一大段的script分解成多个块来执行。通过使用setTimeout()，你可以去改变特定代码执行的时间，从而做到让UI现场执行已经在队列里的任务。比如，你可以通过这样的方式把要执行的代码在50ms后加到UI线程队列里：setTimeout(function(){//dosomething},50)那么，在50ms
  • 工程化与框架系列（22）--前端性能优化（中） 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架前端性能优化状态模式
    前端性能优化（运行）引言运行时性能直接影响用户交互体验和应用流畅度。本文将深入探讨前端运行时性能优化的各种策略和技术，包括渲染优化、内存管理、计算优化等关键主题，帮助开发者构建高性能的Web应用。运行时性能概述运行时性能优化主要关注以下方面：渲染性能：减少重排重绘，优化动画效果内存管理：防止内存泄漏，优化内存使用计算优化：提升JavaScript执行效率事件处理：优化事件监听和响应异步操作：合理使
  • Vue.js 开发入门指南 2401_89793006 热门话题vue.jsflutter前端
    Vue.js开发入门指南Vue.js是一款流行的前端框架，它轻量、高效且易于上手，非常适合构建交互式Web应用。本文将介绍Vue.js的基础概念，并带你实现一个简单的Vue应用。1.Vue.js简介Vue.js是一个渐进式JavaScript框架，核心库专注于视图层，并且易于与其他库或现有项目集成。它的主要特点包括：双向数据绑定：数据和视图保持同步。组件化开发：方便代码复用，提高开发效率。虚拟DO
  • npm、Yarn 与 pnpm：选择最适合你的包管理工具 奶凶的小熊崽 前端npmnpm前端node.js
    在前端项目中，npm、pnpm和yarn都是包管理工具，主要用于管理JavaScript依赖。它们的核心功能类似，但在性能、依赖管理方式、磁盘空间占用等方面有所不同。以下是它们的详细对比，以及在项目中的选择建议。一、三者的基本介绍1️⃣npm（NodePackageManager）官方默认包管理器，随Node.js一起安装（无需额外安装）。版本：npmv1-v4（较早版本）：安装速度较慢，存在幽灵
  • VSCode 配置优化指南：打造高效的 uni-app、Vue2/3、JS/TS 开发环境 奶凶的小熊崽 vscodevscodeuni-appjavascripttypescriptvue
    VSCode配置优化指南，适用于uni-app、Vue2、Vue3、JavaScript、TypeScript开发，包括插件推荐、设置优化、代码片段、调试配置等，确保你的开发体验更加流畅高效。1.安装VSCode如果你还未安装VSCode，可前往VSCode官网下载最新版并安装。2.安装推荐插件(1)Vue相关插件✅VueLanguageFeatures(Volar)（Vue3推荐）✅Vetur（
  • JavaScript ES6 - 函数扩展 黑木令 ES6语法解析JavaScriptjavascript前端es6开发语言
    本章节的主要内容是:ES6函数扩展一:函数扩展1.函数新增特性:1.参数默认值2.rest参数3.扩展运算符4.箭头函数5.this绑定6.尾调用如图所示:1.ES6函数参数默认值/**1.函数参数默认值1.ES6设置默认值,直接写在参数定义的后面。2.细节知识点:1.ES6参数变量是默认声明的,所以在函数体中不能用let/const再次声明,否则会报错。2.ES6默认值不是传值,而是每次都重新计
  • hasOwnProperty是什么？【JavaScript方法】 幸运小圣 JavaScriptjavascript开发语言
    hasOwnPropertyhasOwnProperty是什么？用于判断一个对象是否包含特定的自身属性。它只会返回对象自身具有的属性，而不会返回从原型链上继承的属性。obj.hasOwnProperty(prop)obj是需要检查的对象。prop是需要检查是否存在的属性名（字符串）。返回值:如果对象obj具有名为prop的自身属性，则返回true。否则返回false。constobj={name:
  • iOS安全和逆向系列教程 第16篇：Frida入门与高级应用 自学不成才 iOS安全和逆向系列教程cocoamacosobjective-c
    iOS逆向工程专栏第16篇：Frida入门与高级应用前言欢迎来到iOS逆向工程专栏的第16篇文章！在上一篇中，我们探讨了Cycript这一强大的逆向分析工具。今天，我们将深入学习功能更为强大、更为灵活的动态插桩工具——Frida。Frida作为现代iOS逆向工程中最受欢迎的工具之一，其强大的跨平台能力和灵活的JavaScript引擎使得我们能够轻松地分析和修改iOS应用的运行时行为。无论是逆向分析
  • Github 2025-03-02 php开源项目日报Top10 老孙正经胡说 githubphp开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2025-03-02统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量PHP项目10Blade项目1JavaScript项目1Nextcloud服务器：安全的数据之家创建周期：2796天开发语言：PHP,JavaScript协议类型：GNUAfferoGeneralPublicLicensev3.0Star数量：248
  • 【前端进阶】Web Worker性能优化实战：解码10万条数据不卡顿 爱上大树的小猪 前端性能优化
    为什么需要WebWorker？JavaScript是单线程语言，当处理大量数据（如解析10万条JSON数据）时，主线程会被阻塞，导致页面卡顿、无法响应点击事件。WebWorker是浏览器提供的多线程解决方案，可以将耗时任务放到后台执行，解放主线程！实战目标主线程流畅渲染，10万条数据解码不卡顿！代码案例与分步解析1.模拟10万条数据//生成10万条模拟数据functiongenerateMockD
  • 【Node.js入门笔记1---初始Node.js)】 阿陈陈陈 node.js笔记
    Node.js入门笔记1初始Node.js1.Node.js简介2.Node.js中js的运行环境3.Node.js可以做什么4.Node.js怎么学初始Node.js1.Node.js简介Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，用于在服务器端运行JavaScript代码。它让开发者可以用JavaScript编写后端（服务器端）程序，打破了传统上JavaScr
  • HTML5 Canvas 智慧浩海 HTMLhtml5前端html
    标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。什么是canvas?HTML5元素用于图形的绘制，通过脚本(通常是JavaScript)来完成.标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用canvas绘制路径,盒、圆、字符以及添加图像。浏览器支持表格中的数字表示支持元素的第一个浏览器版本
  • 智慧树刷课神器：自动化学习新体验 詹坦直Lucinda
    智慧树刷课神器：自动化学习新体验zhihuishu智慧树刷课插件，自动播放下一集、1.5倍速度、无声项目地址:https://gitcode.com/gh_mirrors/zh/zhihuishu在开源社区的一隅，我们发现了一款专为学生打造的高效学习辅助工具——“智慧树刷课插件”。这款由JavaScript为主要编程语言构建的开源项目，旨在简化在线课程的学习过程，特别是针对广大学生头疼的智慧树网课
  • jQuery 入门到精通 abments 前端jquery前端javascript
    jQuery入门到精通：详尽指南目录jQuery简介jQuery基础安装jQueryjQuery选择器DOM操作事件处理jQuery进阶动画效果AJAX插件项目实践简单的待办事项列表获取和显示API数据高级技巧性能优化调试技巧资源和总结1.jQuery简介jQuery是一个快速、小巧且功能丰富的JavaScript库，它使HTML文档的遍历和操作、事件处理、动画以及AJAX交互更简单。jQuery
  • 使用Electron构建桌面应用程序：一个全面指南 AxCybersecurity electronjavascript前端
    Electron是一个强大的框架，它使开发人员能够使用Web技术（如HTML、CSS和JavaScript）构建跨平台的桌面应用程序。本文将介绍如何使用Electron来构建一个简单的桌面应用程序，并提供相应的源代码示例。什么是Electron？Electron是一个开源的框架，由GitHub开发，用于构建跨平台的桌面应用程序。它基于Chromium和Node.js，允许开发人员使用Web技术构建
  • 希音(Shein)前端开发面试题集锦和参考答案 大模型大数据攻城狮 arcgiswebpack前端攻击xsscsrfreact前端面试
    用Node写过什么工具或npm包在实际开发中，使用Node编写过多种实用工具和npm包。自动化构建工具开发了一个简单的自动化构建工具，用于处理前端项目的资源压缩和合并。在前端项目中，为了优化性能，需要对CSS和JavaScript文件进行压缩，减少文件体积，同时将多个小文件合并成一个大文件，减少HTTP请求。这个工具使用Node的fs模块进行文件的读写操作，通过terser库对JavaScript
  • 【Qt】Qt Widgets和QML（Qt Quick）开发界面的区别 ￡އއ昔年 qt开发语言
    Qt提供了两种主要的UI技术：QtWidgets和QML（QtQuick）。它们的核心区别主要体现在使用方式、架构、性能、开发难度和适用场景等方面。1.QtWidgetsvs.QML总体对比对比项QtWidgetsQML(QtQuick)语言C++(带QtUI库)QML+JavaScript(底层C++)渲染方式传统窗口系统控件（原生或模拟）基于OpenGL，使用GPU加速UI风格经典桌面UI（W
  • React 基础教程 阿贾克斯的黎明 前端react.js前端前端框架
    目录React基础教程一、React简介二、安装和设置三、创建第一个React组件（一）函数式组件（二）类组件四、渲染组件五、组件的属性和状态（一）属性（Props）（二）状态（State）六、组件的生命周期方法七、事件处理八、总结React是一个用于构建用户界面的JavaScript库。它以高效、灵活和可维护性而受到广泛的欢迎。本教程将介绍React的基础知识，帮助你快速上手React开发。一、
  • 【无标题】Hollo world.Javascript 一一代码 pythonjavascript
    HelloWorld最简单JavaScript代码console.log("Hello,World!");变量和数据类型JavaScript中的变量声明和基本数据类型。```javascriptletname="Alice";//字符串constage=25;//数字letisStudent=true;//布尔值console.log(name,age,isStudent);```函数定义一个简单
  • HTML+CSS+javascript 轮播图 Paula-柒月拾 javascripthtmlcss前端html5
    HTML，CSS和JavaScript可以用来创建轮播图。HTML用于构建网页的结构，所以您可以使用HTML来定义轮播图的各个部分，如图像和文本。CSS用于设计网页的外观，所以您可以使用CSS来设置轮播图的布局和样式。JavaScript用于控制网页的行为，所以您可以使用JavaScript来控制轮播图的功能，如自动播放和用户交互。下面是一个简单的HTMLCSSJavaScript轮播图的例子：H
  • 【2024年华为OD机试】 (C卷,100分)- 分配土地（JavaScript&Java & Python&C/C++） 妄北y 算法汇集笔记总结(保姆级)华为odc语言javascriptpythonjava
    一、问题描述题目描述从前有个村庄，村民们喜欢在各种田地上插上小旗子，旗子上标识了各种不同的数字。某天，集体村民决定将覆盖相同数字的最小矩阵形的土地分配给村里做出巨大贡献的村民。请问此次分配土地，做出贡献的村民最大会分配多大面积？输入描述第一行输入m和n：m代表村子的土地的长。n代表土地的宽。第二行开始输入地图上的具体标识：旗子上的数字为1~500，未插旗子的土地用0标识。输出描述输出此次分配土地，
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他