爱码网页成品
爱码网页成品

HTML静态网页成品作业(HTML+CSS)——游戏战地介绍设计制作(4个页面)

不定期分享源码，关注不丢失哦

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码目录
  • 四、网站代码
    • HTML部分代码
  • 五、源码获取

一、作品介绍

️本套采用HTML+CSS，未使用Javacsript代码，共有4个页面。

二、作品演示



HTML静态网页成品作业(HTML+CSS)——游戏战地介绍设计制作(4个页面)_第1张图片

三、代码目录

HTML静态网页成品作业(HTML+CSS)——游戏战地介绍设计制作(4个页面)_第2张图片

四、网站代码

HTML部分代码


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>战地</title>
	<link rel="stylesheet" type="text/css" href="./css/1.css">
	
	<style>
	</style>
</head>
<body>
	<div id="content">
		<!-- 头部 -->
		<header id="header">
			<div id="logo">
				战地
			</div>
			<nav id="nav">
				<a href="index.html" class="nav_link on">游戏首页</a>
				<a href="tedian.html" class="nav_link">游戏特点</a>
				<a href="pingjia.html" class="nav_link">游戏评价</a>
				<a href="ganshou.html" class="nav_link">游戏感受</a>
			</nav>
		</header>

		<div id="midimg">
			<div id="midimg_box">
				<img src="./images/midimg.jpg">
				<img src="./images/midimga.jpeg">
				<img src="./images/midimgb.jpg">
				<img src="./images/midimgc.jpg">
				<img src="./images/midimgd.jpeg">
			</div>
		</div>
		<main id="main">
			
			<h2>游戏介绍</h2>
			<p>
				《战地》是EA DICE开发的军事题材射击游戏系列。战地系列的首作《战地1942》于2002年上市。截至2018年，战地系列共有17款游戏产品公布。最新作称作《战地2042》已于2021年11月19日正式发售，登陆PC、PS5和Xbox S,Xbox X等平台。
			</p>
			<p>
				战地系列游戏以大规模的载具和步兵在大地图上协同作战为品牌卖点，注重游戏娱乐性的同时兼顾一定程度上的真实性。战地系列历来是网络游戏，有一些产品同时设计了作为附加模式的单机游戏。部分战地系列游戏的扩展功能比较完善，第三方团体可以制作各种各样的模组满足玩家不同的需要。传统的战地系列游戏主攻PC平台；自2005年起，开发组也逐渐重视起游戏机平台。
			</p>
			<h2>战地系列</h2>
			<style>
			</style>
			<div id="xilie">
				<div class="xilie_box has">
					<div class="xilie_box_img">
						<div class="xilie_box_img_bg"></div>
						<img src="./images/zhandi1.jpg" alt="">
					</div>
					<div class="xilie_box_info">
						<h4>战地2042</h4>
						<p>
							《战地2042》（Battlefield 2042）是一款由EA DICE工作室（EA Digital Illusions CE）开发制作、EA（美国艺电）出版发行的第一人称射击游戏。于2021年10月23日发售。本作将带领玩家重返该系列标志性的全面战争。走进因失序而面目全非的近未来世界，在小队队友和尖端武器的帮助下，适应并征服瞬息万变的战场。
						</p>
					</div>
				</div>
				<div class="xilie_box">
					<div class="xilie_box_img">
						<div class="xilie_box_img_bg"></div>
						<img src="./images/zhandi2.jpg" alt="">
					</div>
					<div class="xilie_box_info">
						
							<h4>战地5</h4>
							<p>
								《战地5》（英文名：Battlefield 5）是一款由EA DICE工作室（EA Digital Illusions CE）开发制作、EA（美国艺电）出版发行的第一人称射击游戏。游戏采用了寒霜引擎，展现了更强大的3D细节效果，把动画、环境破坏、光照、地图和音效提升到一个新的高度。
							</p>
					</div>
				</div>
				<div class="xilie_box">
					<div class="xilie_box_img">
						<div class="xilie_box_img_bg"></div>
						<img src="./images/zhandi3.jpg" alt="">
					</div>
					<div class="xilie_box_info">
						<h4>战地1</h4>
						<p>
							《战地1》（Battlefield 1）是一款由EA DICE工作室（EA Digital Illusions CE）开发制作、EA（美国艺电）出版发行的第一人称射击游戏。
						</p>
					</div>
				</div>
				<div class="xilie_box">
					<div class="xilie_box_img">
						<div class="xilie_box_img_bg"></div>
						<img src="./images/zhandi4.jpg" alt="">
					</div>
					<div class="xilie_box_info">
						
							<h4>战地：硬仗</h4>
							<p>
								《战地：硬仗》由《死亡空间》团队打造，本作乃《战地》系列首款非军事题材的FPS作品，将于2015初登陆PC、本世代主机以及次世代主机平台。
							</p>
					</div>
				</div>
				<div class="xilie_box">
					<div class="xilie_box_img">
						<div class="xilie_box_img_bg"></div>
						<img src="./images/zhandi5.jpg" alt="">
					</div>
					<div class="xilie_box_info">
						<h4>战地3</h4>
						<p>
							《战地3》（Battlefield 3）是战地系列的第11款作品，是真正意义的《战地2》的续作。《战地3》主打PC平台，PC平台支持64人同台对战，固定翼战斗机、匍匐等元素亦将回归。
						</p>
					</div>
				</div>
			</div>
			
			<script>
				// 获取 所有得系列 
				var xilie_box = document.querySelectorAll('.xilie_box');
				// 为每个系列加入 鼠标移入事件
				for (var i = 0; i < xilie_box.length; i++) {
					xilie_box[i].onmouseenter = function(){
						//如果当前 鼠标移入得不是 已显示
						if(!this.classList.contains('has')) {
							//将当前显示得隐藏
							document.querySelector('.xilie_box.has').classList.remove('has');
							//再显示鼠标移入得这个
							this.classList.add('has');
						}
					}
				}
			</script>
			
			<img src="./images/zhandi_jieshao.png" alt="" style="width: 100%;margin-top: 20px;">
		</main>
		<!-- 底部 -->
		<footer id="footer">
				战地 版权所有
		</footer>

	</div>
</body>
</html>

五、源码获取

~ 关注我，点赞博文~ 每天带你涨知识!
1.看到这里了就[点赞+好评+收藏]三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。
2.想要获取本文源码，点击前往吧

你可能感兴趣的:(学生网页,html+css,静态网页,html,css,游戏)

  • Redis之父学生时代发现的ping漏洞的源码分析
    Redis的作者SalvatoreSanfilippo（网名antirez）在意大利西西里岛长大，虽然从小就接触计算机，也有一些编程经验，但在大学期间却选择了建筑学院，可能当时并没有打算走职业程序员的道路吧。然而antirez应该就属于老天爷赏饭的那类人，据说仅仅因为错把显卡买成了网卡，商家又不肯退货，他就放下游戏，拿起了C语言的教材。不久之后，antirez发现了一个ping的漏洞，非root用
  • 找不到gpedit.msc 的解决方法 大写字母E 计算机配置window
    通常打开本地组策略编辑器，只需要win+R在运行里输入gpedit.msc就可以打开。但是，在windows家庭版和学生版里，会提示找不到路径。可以用以下办法解决:新建一个文本文档，名字随便取，编辑以下批处理内容，保存后将后缀名改为.bat,右键使用管理员权限执行:@echooffpushd"%~dp0"dir/bC:\Windows\servicing\Packages\Microsoft-Wi
  • 魔兽世界Gm重置副本命令 一筐猪的头发丝
    在魔兽世界中，使用重置副本命令的方式取决于你是否是GM(游戏管理员)。如果你是GM，你可以使用以下命令来重置副本：在游戏内使用命令行：.resetinstance这个命令会重置当前的副本，如果你在副本外，这个命令不会有任何效果。在游戏外使用命令行：worldserver.exe-c".resetinstance"这个命令会重置所有当前活动的副本。注意：这些命令仅适用于GM，如果你不是GM，是普通玩
  • 人工智能的本质解构：从二进制桎梏到造物主悖论 Somnolence.·.·.·. 人工智能人工智能ai
    一、数学牢笼中的困兽：人工智能的0-1本质人工智能的底层逻辑是数学暴力的具象化演绎。晶体管开关的物理震荡被抽象为布尔代数的0-1序列，冯·诺依曼架构将思维简化为存储器与运算器的机械对话。即使深度神经网络看似模拟人脑突触，其本质仍是矩阵乘法的迭代游戏——波士顿动力机器人的空翻动作不过是微分方程求解的物理引擎呈现，AlphaGo的围棋神话只是蒙特卡洛树搜索的概率统计。这种基于有限离散数学的架构，注定人
  • 利用Python进行数据清洗与预处理：Pandas的高级用法 步入烟尘 python数据库开发语言
    本文已收录于《Python超入门指南全册》本专栏专门针对零基础和需要进阶提升的同学所准备的一套完整教学，从基础到精通不断进阶深入，后续还有实战项目，轻松应对面试，专栏订阅地址：https://blog.csdn.net/mrdeam/category_12647587.html优点：订阅限时19.9付费专栏，私信博主还可进入全栈VIP答疑群，作者优先解答机会（代码指导、远程服务），群里大佬众多可以
  • 探索 Elm 的 Material Design 组件库：elm-mdl 薄垚宝
    探索Elm的MaterialDesign组件库：elm-mdlelm-mdlElm-portoftheMaterialDesignLiteCSS/JSlibrary项目地址:https://gitcode.com/gh_mirrors/el/elm-mdl项目介绍elm-mdl是一个基于Elm语言的MaterialDesign组件库，它是对Google的MaterialDesignLite库的El
  • Mac配置环境变量时终端显示bash-3.2解决方案 dearbaba_11 \N
    Mac配置环境变量时终端显示bash-3.2解决方案参考文章：（1）Mac配置环境变量时终端显示bash-3.2解决方案（2）https://www.cnblogs.com/jasmine0112/p/12285114.html备忘一下。
  • 轻量级CAD编辑器CADEditorX发布15.2新版本，新增3D模型爆炸视图新工具等 CodeCraft Studio 3D/2DCAD图像处理编辑器3d计算机视觉
    CADEditorX是一个ActiveX组件，用于在支持ActiveX和COM技术的任何开发环境中，将CAD功能添加到网页或正在开发的应用程序中。同时可以查看、编辑、转换、打印和测量DWG、DXF、SVG、HPGL、PDF、STEP、IGES、STL和其他CAD文件。CADEditorX15.2版本现已全新发布，包含许多增强功能和有价值的新功能。下面，让我们看看新版本都有哪些更新：CADEdito
  • 实验报告一：IT项目与技术实践 朱佳顺
    本文还有配套的精品资源，点击获取简介：实验报告是记录科学和技术实验过程、结果与分析的重要文件。本报告"01-实验报告一.zip"为系列报告中的第一份，包含实验目的、方法、数据、观察和结论。它可能涉及文件压缩、实验设计、数据处理和可视化、以及科学报告撰写等关键技能。实验内容可能包括编程、网络、数据库和软件开发等领域，要求学生了解实验流程，掌握数据分析方法，以及学术写作规范。1.文件压缩与ZIP格式使
  • 高可用（HA）架构 weixin_34344403 运维系统架构java
    http://aokunsang.iteye.com/blog/2053719浅谈web应用的负载均衡、集群、高可用(HA)解决方案http://zhuanlan.51cto.com/art/201612/524201.htm互联网架构“高可用”http://www.blogjava.net/ivanwan/archive/2013/12/25/408014.htmlLVS/Nginx/HAPro
  • 【计算机毕设选题】2025计算机毕业设计选题推荐-高通过率选题指南（二） 计算机YiDian 计算机毕设实战案例毕业设计选题/开题源码计算机毕业设计选题毕业设计选题计算机毕设选题计算机毕业设计
    计算机毕业设计作为大学生涯的收官之作，承载着对学生专业技能、创新思维及实践能力的全面考验。随着信息技术的飞速发展，计算机毕业设计的形式也日益多样化，从传统的网站（Web）开发到新兴的小程序、APP构建，再到大数据分析与处理，每一种形式都代表着不同的技术挑战与实现路径。本文旨在探讨这些多样化的毕业设计形式及其背后的技术支撑，为即将踏上毕业设计征程的学子们提供一份详实的参考指南，对毕设开发需要帮助，以
  • WEB漏洞-XXE&XML之利用检测绕过 网小白白 xmljavaphpweb网络安全
    XXE"xmlexternalentityinjection"-XML外部实体注入漏洞服务端接收和解析了来自用户端的xml数据,而又没有做严格的安全控制,从而导致xml外部实体注入xml基本语法XML被设计用来结构化、存储以及传输信息;恰恰相反,HTML是被设计用来显示数据，其焦点是数据的外观。XML没有预定义的标签。它仅仅是纯文本而已。有能力处理纯文本的软件都可以处理XML。XML不会做任何事情
  • Git commit type 规范 老衲呢 Gitgit
    gitcommit提交规范提交规范：gitcommit-m“feat(新增暂停功能):新增执行推广任务暂停功能”详情请参考：阮雪峰的Commitmessage规范(点击可转跳)(https://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html)#主要typefeat:增加新功能fix:修复bug#特殊typedocs:只改
  • go hive skynet_MMORPG游戏服务器技术选型参考-Go语言中文社区 weixin_39908948 gohiveskynet
    游戏服务器一般追求稳定和效率，所以偏向于保守，使用的技术手段也是以已经过验证、开发人员最熟悉、能HOLD为主要前提。1、典型按场景分服设计开发语言：c++数据库：mysql架构：多个网关：维持与玩家间的SOCKET连接，可处理广播、断线重连等逻辑。一个或多个账号登陆验证服务器：处理登陆、排队等逻辑。多个场景服务器：处理在本地图上能解决的逻辑，如：打怪、玩家间战斗、接任务、完成任务等各种不需要跨地图
  • DeepSeek推荐未来好就业的十大专业 东锋1.3 人工智能deepseek推荐就业
    一、人工智能与数据科学专业聚焦人工智能、大数据技术、计算机科学与技术、机器学习、数据科学与大数据技术等专业，构成了这一前沿领域的核心。这些专业旨在培养学生掌握从数据收集、处理到模型构建、算法优化的全流程能力。就业前景洞察人工智能已广泛渗透到医疗、金融、制造、交通等众多领域。在医疗领域，AI辅助诊断系统帮助医生更精准地识别疾病；金融行业里，智能风控模型有效防范风险。未来，算法工程师负责开发和优化各种
  • 网游服务端分层架构 酒与花生米 架构
    在网络游戏服务端的分层架构中，每一层都负责不同的任务和功能。下面是每一层及其常见模块的详细说明，1.客户端层（ClientLayer）模块：玩家界面：显示游戏界面、信息。输入处理：玩家的输入（如控制角色、点击按钮）处理。数据展示：展示从服务器获取的数据，如游戏状态、人物信息。与其他层的交互：向网络层发送请求，获取游戏数据。接收服务器返回的游戏状态，并在客户端进行展示。2.网络层（NetworkLa
  • [Soulmask] 教你使用灵魂面甲服务器设置管理员教程[Soulmask] 莱卡云（Lcayun） github游戏服务器linux云计算
    使用莱卡云服务器先连接游戏连接游戏后按键盘左上角ESC下方的波浪键（~）使用控制台管理员密码在服务器启动项可自行修改（修改后需要重启服务器才可生效）输入gm+空格+key+空格+管理员密码示例：gmkey123456回车就会出现以下图中所示再次输入管理员密码，然后点击成为管理员管理员命令可直接在控制台中输入使用命令名命令行备注打开GM面板gmkey[password]只对服主生效修改管理员密码gm
  • css总结 threesevens 前端css前端
    一、CSS引入二、CSS基本选择器1.通配选择器为所有元素设置样式*{padding:0;margin:0;}2.元素选择器为某种元素统一设置样式p{color:red;}3.类选择器为某个类名统一设置样式.className{color:red;}4.ID选择器为某个ID设置样式#idName{color:red;}三、复合选择器1.交集选择器选中同时符合多个条件的元素/*选中同时包含pid="
  • 【Unity 自然环境创建插件】Forest Environment - Dynamic Nature 旨在提供一个高度逼真的森林生态系统，具有动态天气、植被、自然光照等多种特性 Unity游戏资源学习屋 Unity插件
    ForestEnvironment-DynamicNature是一款为Unity开发的环境创建插件，旨在提供一个高度逼真的森林生态系统，具有动态天气、植被、自然光照等多种特性。它特别适用于需要高质量自然环境的游戏或应用，能够大幅提升游戏中的环境表现，增强沉浸感。主要功能动态天气系统ForestEnvironment包含一个强大的动态天气系统，支持天气变化，如晴天、雨天、雾霾、暴风雪等多种天气效果。
  • 详解云桌面3种主流架构 黑客KKKing 网络工程师网络安全架构web安全安全
    本文简要介绍下云桌面（云电脑）的3种主流架构：VDI、IDV和VOI，概念、原理和区别，欢迎阅读。云桌面作为桌面办公和云计算融合发展的产物，在一定程度上替代了传统的办公形式。目前阿里云、华为云、移动云、电信云，还有华三、锐捷、中兴等互联网大厂都在积极布局该领域。云桌面的技术原理总体来讲，云桌面和云主机、云手机、云游戏等其他形式的云产品类型是一样的，都是采用虚拟化技术。首先，我们会采购一大批的计算资
  • pptx文档提取信息 DreamBoy_W.W.Y 知识图谱python
    目录一、前言二、python-pptx提取核心代码三、LibreOffice转换pdf再提取的核心代码一、前言pptx文档提取解析常用的库。如果只需要解析.pptx的文本、表格、图片，推荐使用python-pptx（开源，轻量级）。如果需要高性能、支持.ppt、动画、格式转换，推荐Aspose.Slides（收费）。如果需要PPTX转PDF或者HTML，适用于Linux服务器，推荐LibreOff
  • C++开发IDE用VisualStudio好还是QtCreator好？ 1号程序媛 Qt开发从零到精通C++开发大全idevisualstudioC++
    在熟练使用了VisualStudio和QtCreator之后，我依然认为QtCreator作为C++项目开发IDE的便捷性真的相当杰出。当然了，VisualStudio和QtCreator本身就不是一个量级，VS越做越大，庞大的插件库也使得他能够支持从嵌入式到手机端，从web到脚本，甚至游戏，仿真等等各个领域的开发任务。所以做得大，必然导致很多细节功能没法做得好。相反，Qt的IDE工具QtCrea
  • 记录一次 vue3 + ele pls 改写 饿了么主题色实践 Ashy- 前端笔记前端vue.js
    一、改写element主题色在main.ts中引入需要改写的scss文件main.ts:import'element-plus/dist/index.css'import'./styles/element-plus.scss'在自定义的element-plus.scss文件中改写elepls的变量element-plus.scss：/***更改主题色*/:root{--el-color-prima
  • 计算机网络应用基础心得体会,计算机网络学习心得共4篇.docx Iris Pan
    计算机网络学习心得共4篇计算机网络学习心得一：计算机网络学习心得体会如今已经是信息时代，作为主流信息工具的网络越来越重要，因此我选择了这门选修课程。我个人对于电脑和网络是很感兴趣的，但由于学习的东西不多，经常是在玩游戏，真正运用到网络的技术性的东西实在少到可怜。象做博客，我只是会一般的做法，也能把它搞得与众不同，但我全然不知道其中的奥秘。象代码之类的东西，我以前只是耳闻，半点也不懂。学了这门课程后
  • Linux安装Anaconda、Miniconda 让我安静会 配置与安装linux运维服务器
    Anaconda下载：https://repo.anaconda.com/archive/MinicondaDocument：https://docs.conda.io/projects/miniconda/en/latest/index.html进入Linux系统，到/data/file/文件夹下，直接将anaconda下载到该文件夹中：wgethttps://repo.anaconda.com
  • css:position 吴永琦（桂林电子科技大学） web前端前端技术javascript
    position属性是CSS中用于控制元素定位的重要属性，它决定了元素在文档中的定位方式以及如何响应top、right、bottom、left属性。下面详细介绍各个取值及其特点：static（默认值）描述：所有元素默认的定位方式，按照正常的文档流进行排布。特点：不受top、left、bottom、right属性影响。不会产生新的定位上下文，也不会改变元素原有的位置。relative（相对定位）描述
  • 给我通俗易懂地讲一下损失函数与正则化 利万国潮科技 A9.36(asi智神版) 经验分享
    我用最生活化的比喻来解释这两个关键概念---###**1.损失函数：考试得分计算器****场景**：你是个教练，训练学生投篮-**核心作用**：每次投篮训练后，自动算出学生的「犯错分数」-**举个栗子**：-**均方误差（MSE）**：记录每次投篮偏离篮筐的距离（比如差30cm记0.3分，差50cm记0.5分），最后算平均分-**交叉熵损失**：专用于选择题考试（比如识别猫狗图片），答错一题扣2分
  • vue3 ref/reactive 修改数组的方法 取啥好 vuevue.jsjavascript前端
    import{ref}from'vue'//给每个todo对象一个唯一的idletid=0constnewTodo=ref('')consttodos=ref([{id:id++,text:'LearnHTML'},{id:id++,text:'LearnJavaScript'},{id:id++,text:'LearnVue'}])functionaddTodo(){todos.value.pu
  • This dependency was not found: * @logicflow/core/dist/LogicFlow.css 计算机辅助工程 css前端
    在使用@logicflow/core这个库时，如果你遇到了找不到@logicflow/core/dist/LogicFlow.css的问题，通常是因为你没有正确地安装或引入该库的CSS文件。以下是几个步骤来帮助你解决这个问题：确认安装首先，确保你已经正确安装了@logicflow/core。你可以通过运行以下命令来安装它（如果你还没有安装的话）：npminstall@logicflow/core引
  • 一文讲清前端热更新 艾米栗写代码 前端
    引言前端开发中，“保存代码后页面自动刷新”早已成为开发者的标配体验。但你是否思考过，为什么某些场景下修改代码后页面无需完全刷新，甚至能保留当前状态（如表单输入、滚动位置）？这背后的核心机制就是热更新（HotModuleReplacement,HMR）。本文将从现象出发，逐步拆解其实现原理，并揭示其中涉及的关键技术。一、热更新的“现象”：开发者眼中的魔法假设你正在开发一个React应用：修改CSS文
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他