阿胡胡
阿胡胡

前端图片的效果

下边的是一个描述性的图面效果

原始的图片效果：
前端图片的效果_第1张图片
最后的效果图：
前端图片的效果_第2张图片

就是鼠标指上去的时候，世界高塔四个大字上弹，下边显出描述性的语句~

代码如下：

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>上弹描述</title> 
	<style>  	   
	 .col-md-3 {  
		 position: relative;  
		 min-height: 1px;   
		 padding-right: 15px;   
		 padding-left: 15px; 
	 } 
	 @media (min-width: 992px){
 		.col-md-3{
   			float: left;
  		 }
	  	.col-md-3 {
	  		  width: 25%;
  		 }
	}
	.hovereffect {
	    overflow: hidden;
	    position: relative;
	    text-align: center;
	}
	.hovereffect .overlay {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  overflow: hidden;
	  top: 0;
	  left: 0;
	  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
	  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
	}
	.hovereffect:hover .overlay {
 		 background-color:rgba(67, 56, 79, 0.49);/**/
	}
	.hovereffect img {
	  display: block;
	  position: relative;
	}
	.hovereffect h4 {
	  	text-transform: uppercase;
    		color: #fff;/*初始图片文字文字的颜色*/
   		text-align: center;
  		position: relative;
    		font-size: 1.3em;
    		padding: 10px 0;
    		width: 60%;
    		margin: 0 auto;
    		font-weight: 600;
	    	background: rgba(0, 186, 102, 0.55);/*初始图片文字文字的背景*/
	    -webkit-transform:translateY(60px);
   	 	-ms-transform:translateY(60px);
   	 	transform:translateY(60px);
   		 -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
   		 transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
	}
	.hovereffect:hover h4 {
	  -webkit-transform: translateY(20px);
	  -ms-transform: translateY(20px);
	  transform: translateY(20px);
	  -moz-transform: translateY(20px);
	  -o-transform: translateY(20px);
	}
	.hovereffect p{
	    text-transform: uppercase;
	    color: #fff;
	    background-color: transparent;
	    opacity: 0;
	    filter: alpha(opacity=0);
	    -webkit-transform: scale(0);
	    -ms-transform: scale(0);
	    transform: scale(0);
	    -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
	    transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
	    font-weight: normal;
	    margin: 0;
	    padding: 3em 2em 0em;
	    letter-spacing: 2px;
	}
	.hovereffect:hover p{
		 opacity: 1;
		 filter: alpha(opacity=100);
		 -webkit-transform: scale(1);
		 -ms-transform: scale(1);
		 transform: scale(1);
	}
	
</style>
</head>
<body>
	<div id="img">
		<div class="col-md-3">
			<div class="hovereffect w3ls_banner_bottom_grid">
				<img src="../images/g2.jpg" alt=" " class="img-responsive" />
				<div class="overlay">
					<h4>世界高塔</h4>
					<p>东方明珠</p>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

你可能感兴趣的:(前端知识)

  • 前端知识点 ZhangTao_zata 前端javascriptcss
    下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
  • 前端知识HTML&CSS 啵啵薯条 前端前端htmlcss
    目录1.前端开发介绍1.1认识前端开发1.2web标准2.HTML&CSS2.1HTML快速入门2.1.1操作2.1.2总结2.2开发工具2.3基础标签&样式2.3.1标题实现2.3.1.1标题排版2.3.1.1.1分析2.3.1.1.2标签2.3.1.1.2实现2.3.1.2标题样式2.3.1.2.1CSS引入方式2.3.1.2.2颜色表示2.3.1.2.3标题字体颜色2.3.1.2.4CSS选
  • 【前端知识整理】CSS布局 快速居中，两栏布局与三栏布局 EnoshSAGIRI csscss前端css3
    CSS中的各种布局方法1快速居中对齐的方法2两栏布局2.1左列定宽右列自适应2.1.1浮动+margin方法2.1.2浮动+BFC2.1.3定位（子绝父相）2.1.4flex2.1.5浮动+负外边距2.1.6table2.2左列不定宽右列自适应3三栏布局3.1浮动+margin3.2浮动+BFC3.3flex3.4table3.5定位3.6圣杯布局3.7双飞翼布局3.8grid1快速居中对齐的方法
  • 前台解析html标签,前端知识HTML常用标签 Hank君 前台解析html标签
    什么是结构表现行为html用于描述页面的结构css用于控制页面中元素的样式javascript用于响应用户操作html超文本标记语言负责三个要素中的结构一个最基本的HTML页面：Documenthtml标签HTML中的标记指的就是标签。HTML使用标记标签来描述网页。标签内容标签名>一级标题我是一个段落p也是一个元素，em是p的子元素，p是em的父元素。内容html5声明怪异模式为了兼容一些旧的模
  • vue项目总结 纯纯小白打码人 记录前端vueelementui
    学习前端知识大概是三个月了吧，都是跟着b站的视频学的，学了基本三件套，然后学了vue框架，由于自己没有关于前端的项目经验，所以就在b站找了个项目跟着做，花了大概一个月时间做完了，也成功部署上线了。码云地址：https://gitee.com/chen-mu-pmf/test2022.git部署上线访问地址：电商后台管理系统其实做完之后有点陷入迷茫，没有收获的感觉，没有学习的踏实感，很多东西都只是走
  • java学习--黑马SpringBoot3课程个人总结-2024-02-06 客卿123 Java的学习笔记java学习开发语言
    1.前端知识学习2.Vue准备模块的代码Documentimport{createApp}from'https://unpkg.com/vue@3/dist/vue.esm-browser.js';//创建vue实例createApp({}).mount("#app")添加构建用户界面的代码Document{{msg}}import{createApp}from'https://unpkg.com
  • 高级前端面试题及详解 元芳Q代码 前端面试
    当准备高级前端面试时，除了掌握基本的前端知识外，还需要深入了解一些更高级的概念和技术。以下是一些常见的高级前端面试题及其详解，希望能帮助你更好地准备面试。什么是闭包？请举一个闭包的例子并解释其工作原理。闭包是指函数能够访问并操作在其词法作用域之外定义的变量的能力。闭包由函数及其相关的引用环境组成，引用环境包含了函数创建时所处的作用域中的变量。以下是一个闭包的例子：functionouterFunc
  • 安卓APP加载HTML5页面解决方案总结 骋_listen
    由于H5页面在移动端的兼容性及扩展性方面体现出来的优势，又兼得APP中植入H5页面对应用的灵活性有大大的提升（如活动、游戏的更新等），APP开发不可避免的需要加载一些H5页面，但安卓客户端对网页内容的排版、整理、交互等可能会出现一些不可预料的问题。本文将对安卓端加载网页写一些比较通用，可能避免问题的统一的解决方法总结。背景一般对前端知识有所了解的都清楚，解析网页主要是靠页面渲染引擎和JS解析引擎，
  • 前端知识：ajax 长不大的大灰狼 前端知识javaajax
    ajaxajax技术的目的是让javascript发送http请求（实现局部刷新或无刷新的效果），与后台通信，获取数据和信息。ajax技术的原理是实例化xmlHttpRequest对象，使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行，从而实现异步。不刷新页面更新网页在页面加载后从服务器请求数据在页面加载后从服务器接收数据在后台向服务器发送数据1同步和异步现实生活中，
  • 前端知识总结 js篇 小小 攻城狮 前端javascriptes6
    1.js运行机制setTimeout(function(){console.log('1')});newPromise(function(resolve){console.log('2');resolve();}).then(function(){console.log('3')});console.log('4');newPromise(function(resolve){console.log
  • 前端知识点复盘 Sherry 沈 前端学习前端javascriptreact.js
    组件和jsxconstroot=ReactDOM.createRoot(document.getElementById("root"))classAppextendsReact.Component{render(){return(sherry)}}root.render()箭头函数普通函数：function（）{}箭头函数（）=>{}只有一个参数的时候我们不需要为参数添加上括号，只有一个表达式的时
  • 前端基础复习（后端人员看前端知识） sunyunfei1994 前端java
    企业级前端项目开发中，需要将前端开发所需要的工具、技术、流程、经验进行规范化和标准化，而不是零散的html、js、css文件堆叠在一起。首先我们需配置前端的开发基础环境NodeJS，相当于后端人员java开发的JDK。然后搭建前端工程脚手架Vue-cli，用于快速生成Vue的项目模板，相当于后端人员的maven标准化了目录结构。最后需下载前端代码开发工具VsCode，相当于我们的IDEA。Vue-
  • 好久不来了，这是入职三个月以来公司的笔记，我的葵花宝典，各种有的没的实用的前端知识 Sherlock_db 前端javascriptvue.jshtml
    hasOwnProperty()方法用来检测一个属性是否是对象的自有属性用this=this来把this注册在局部的作用域，使在function的时候（function只是在局部啊）this=this来把this注册在局部的作用域，使在function的时候（function只是在局部啊）this=this来把this注册在局部的作用域，使在function的时候（function只是在局部啊）t
  • 做Web自动化前，你必须掌握的几个技能 码同学软件测试
    每天进步一点点，关注我们哦，每天分享测试技术文章本文章出自【码同学软件测试】码同学公众号：自动化软件测试码同学抖音号：小码哥聊软件测试学习web自动化的前提条件：手工测试（了解各种测试的知识）、学习编程语言、学习Web基础、学习自动化测试工具、学习自动化测试框架、需要掌握前端的一些知识，无论学习语言还是前端知识，都是为了接下来的脚本和框架做铺垫，本篇文章介绍下前端基础知识网页基础（HTML、CSS
  • 10个打开了我新世界大门的 WebAPI 前端点线面 jsjavascripthtml5javapython
    大家好，我是“前端点线面”，一位新生代农民工，欢迎关注我获取最新前端知识和大量思维导图(“百题斩”获取《前端百题斩》pdf版；分别回复“go、React、操作系统、Linux、设计模式、js、webpack、nginx”获取对应学习思维导图，一起卷起来)原来我对这些WebAPI一无所知，打开了我新世界的大门，未来Web可以做到更多，早日一统江湖吧，吼吼吼。虽然这些API很多目前还存在兼容性的问题，
  • Java后端须知的前端知识 5-StarrySky JAVAWEB基础知识java前端开发语言
    Java后端须知的前端知识HTML（超文本标记语言）W3C标准结构：HTML表现：CSS行为：JavaScript快速入门结构标签，表示这是一个html文档加载资源信息，添加标题加载标题（窗口上的字）定义文字文字标签color定义颜色html识别不区分大小写，标签属性值单双引皆可语法松散，语法错误可适当兼容-->基础标签Title我是标题h1我是标题h2我是标题h3我是标题h4我是标题h5我是标题
  • flutter制作APP的学习 whrime 学习
    1.先从flutter对应的前端知识入手a.屏幕适配规律，解决大小样式问题https://juejin.cn/post/7039868577658175524（选择screenutil的使用指南：【Flutter】屏幕像素适配方案(flutter_screenutil插件)-CSDN博客Futter屏幕适配框架flutter_ScreenUtil用法-掘金中文文档：https://github.c
  • 毕业设计——基于SpringBoot+Mybatis+Thymeleaf架构实现的员工管理系统（源码+数据库） Python豆豆 毕业设计指导及定制课程设计springbootmybatis
    员工管理系统（SpringBoot+Mybatis+Thymeleaf）SpringBoot整合CRUD实现员工管理案例，将Mybatis整合到原项目中，加入了数据库，添加了日期选项的控件。完整源码私信获取！环境要求JDK8以上IDEAMySQL8Maven3需要熟练掌握MySQL数据库，SpringBoot及MyBatis知识，简单的前端知识；数据库环境创建案例所使用的数据库CREATEDATA
  • 前端同步异步讲解--Ajax（axios进阶）的相关操作 菜鸟小木 web前端
    前言：之前我们讲到了数据在前后端传输是依赖xml文件，但是由于时代变迁，他也已经比逐步淘汰，json对象就逐步开始作为数据传输通道的桥梁，忘记的话可以去回顾文章对应的json对象最全的前端知识之css与jsp介绍-CSDN博客文章浏览阅读1k次，点赞31次，收藏21次。ok了，宝子们，今天发布的是我自己理解的前端知识css以及jsp的相关知识。请各位观众老爷们查收CSS是“CascadingSty
  • 最全的前端知识之css与jsp介绍 菜鸟小木 web前端cssjava
    前言ok了，宝子们，今天发布的是我自己理解的前端知识css以及jsp的相关知识。请各位观众老爷们查收一.css介绍（1）什么是cssCSS是“CascadingStyleSheet”的缩写，中文意思为“层叠样式表”（层层叠加的样式），它是一种标准的样式表语言，用于描述网页的表现形式（例如网页元素的位置、大小、颜色等）。CSS的主要作用是定义网页的样式（美化网页），对网页中元素的位置、字体、颜色、背
  • 如何有效的学习Web前端开发？ 强哥科技兴
    一个好的Web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢？当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？如果我们大家选择自学，那么我们就应该根据个人的学
  • root + vm vh 实现响应式字体 程序员半夏 学透CSScsshtml5html
    大家好，我是半夏，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕点赞加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识!点我探索新世界！原文链接==>http://sylblog.xin/archives/52前言一个网页中最多的东西是啥?正常人的第一反映肯定是文字，你要是跟我说是图片，那我只能表示：响应式网页设计中
  • [评论送书 ]手撕源码，实现一个Koa。 程序员半夏 1024程序员节
    大家好，我是半夏，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕点赞加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识！点我探索新世界！扫码或搜索添加文末公众号「搞前端的半夏」：硬核资料：领取1000+PPT模板、100+简历模板、行业经典书籍PDF。回复”网站模板“，免费送网站模板！回复”面试“：免费送你面试题库！
  • 经验 | UI设计要了解的10个前端知识 不错研究室
    请关注不错研究室在公司项目中，设计师了解前端，会极大提升和程序员的协作效率，减少技术信息不对称的现象。如果在一个网站项目中，程序员还在跟设计师讲解最基本的html、css、盒子模型知识，那开发效率就可想而知了。很多公司的项目，都采用了前端框架来开发，如果设计师了解这些框架，能在框架的结构基础上进行UI设计，那无疑会提高项目整体的开发效率。下面就一起了解下常见的前端框架，说不定面试的时候能帮大忙。A
  • 跨站脚本攻击漏洞-前端知识 Ryongao 网络安全前端网络安全
    HTML和Javascript概述HTML知识Javascript概述Javascript知识什么是javascript是一种可以在浏览器中运行的脚本语言。主要用来实现在浏览器端的动作:用户交互、数据处理和java的关系八竿子打不着的关系。Java需要编译，在虚拟机运行Javascript是解释性语言，源代码放在html中HTML中javascript的存在方式有几种1.在script标签中2.在
  • Vite学习指南 秋の本名 状态模式
    那本课程都适合哪些人群呢？想要学习前端工程化，在新项目中投入使用Vite构建工具的朋友Webpack转战到Vite的小伙伴前端架构师们，可以充实自己的工具箱当然如果你没有项目相关开发经验，也可以从本课程中受益，让你开阔眼界，将你学到的前端知识融会贯通，应用到你的实战中。2.1什么是ViteVite（法语意为"快速的"，发音/vit/，发音同"veet"）是一种新型前端构建工具，能够显著提升前端开发
  • layer关闭当前弹出层，返回父层 i高安
    今天做项目的时候，遇到一个问题：当我在弹出层做完操作之后，再返回父层的时候发现发层出现在了弹出层里......由于我是后台开发，前端知识学的一塌糊涂，卡了很久终于解决了UwUvarindex=parent.layer.getFrameIndex(window.name);parent.layer.close(index);第一行代码是获取父层的窗口索引第二行是关闭弹框。那么问题又来了，我想延迟几秒
  • 如何有效的学习Web前端开发？ 强哥科技兴
    一个好的Web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢？当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？如果我们大家选择自学，那么我们就应该根据个人的学
  • 基础前端知识第一期：DIV 标签 Eccc_o WEB前端
    一.表达方式二.属性1.borderborder-radius:10px10px10px10px/四个角的弯曲程度/border-width:3px3px3px3px/四边的长/border-color:blue/边框的颜色/2.backgroudbackground-color背景色3.positionrelative相对属性absolute绝对属性4.colorbackground-color
  • 前端知识--ES6 钱端挖掘机师傅 前端学习前端es6javascript
    1、ES6新特性JS开发者必须知道的十个ES6新特性1）ES6中的默认参数/*ES6之前，不能直接为函数的参数指定默认值，只能采用变通的方法。当传递参数的值为0时，因为0在JavaScript中算是false值，它会直接变成后面硬编码的值而不是0本身*/functionlog(x,y){y=y||'World';console.log(x,y);}log('Hello')//HelloWorld/
  • 戴尔笔记本win8系统改装win7系统 sophia天雪 win7戴尔改装系统win8
    戴尔win8 系统改装win7 系统详述 第一步：使用U盘制作虚拟光驱：         1）下载安装UltraISO：注册码可以在网上搜索。         2）启动UltraISO，点击“文件”—》“打开”按钮，打开已经准备好的ISO镜像文
  • BeanUtils.copyProperties使用笔记 bylijinnan java
    BeanUtils.copyProperties VS PropertyUtils.copyProperties 两者最大的区别是： BeanUtils.copyProperties会进行类型转换，而PropertyUtils.copyProperties不会。 既然进行了类型转换，那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
  • MyEclipse中文乱码问题 0624chenhong MyEclipse
    一、设置新建常见文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -
  • 发送邮件 不懂事的小屁孩 send email
    import org.apache.commons.mail.EmailAttachment; import org.apache.commons.mail.EmailException; import org.apache.commons.mail.HtmlEmail; import org.apache.commons.mail.MultiPartEmail;
  • 动画合集 换个号韩国红果果 htmlcss
    动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程 1 transition  制作鼠标滑过图片时的放大效果 css .wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden; bor
  • 网络最常见的攻击方式竟然是SQL注入 蓝儿唯美 sql注入
    NTT研究表明，尽管SQL注入（SQLi）型攻击记录详尽且为人熟知，但目前网络应用程序仍然是SQLi攻击的重灾区。 信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明，目前黑客攻击网络应用程序方式中最流行的，要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析，指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中，SQLi攻击占
  • java笔记2 a-john java
    类的封装： 1，java中，对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节（尤其是私有数据） 2，目的：使对象以外的部分不能随意存取对象的内部数据（如属性），从而使软件错误能够局部化，减少差错和排错的难度。 3，简单来说，“隐藏属性、方法或实现细节的过程”称为——封装。 4，封装的特性：       4.1设置
  • [Andengine]Error：can't creat bitmap form path “gfx/xxx.xxx” aijuans 学习Android遇到的错误
            最开始遇到这个错误是很早以前了，以前也没注意，只当是一个不理解的bug，因为所有的texture，textureregion都没有问题，但是就是提示错误。 昨天和美工要图片，本来是要背景透明的png格式，可是她却给了我一个jpg的。说明了之后她说没法改，因为没有png这个保存选项。 我就看了一下，和她要了psd的文件，还好我有一点
  • 自己写的一个繁体到简体的转换程序 asialee java转换繁体filter简体
              今天调研一个任务，基于java的filter实现繁体到简体的转换，于是写了一个demo，给各位博友奉上，欢迎批评指正。          实现的思路是重载request的调取参数的几个方法，然后做下转换。          
  • android意图和意图监听器技术 百合不是茶 android显示意图隐式意图意图监听器
    Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递   显式意图：调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图，显式意图明确指定了Intent应该传递给哪个组件。   隐式意图;不指明调用的名称,根据设
  • spring3中新增的@value注解 bijian1013 javaspring@Value
            在spring 3.0中，可以通过使用@value，对一些如xxx.properties文件中的文件，进行键值对的注入，例子如下： 1.首先在applicationContext.xml中加入：  <beans xmlns="http://www.springframework.
  • Jboss启用CXF日志 sunjing logjbossCXF
    1. 在standalone.xml配置文件中添加system-properties：     <system-properties>        <property name="org.apache.cxf.logging.enabled" value=&
  • 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码 bit1129 centos
      编译必需的软件 Firebugs3.0.0 Maven3.2.3 Ant JDK1.7.0_67 protobuf-2.5.0 Hadoop 2.5.2源码包       Firebugs3.0.0   http://sourceforge.jp/projects/sfnet_findbug
  • struts2验证框架的使用和扩展 白糖_ 框架xmlbeanstruts正则表达式
    struts2能够对前台提交的表单数据进行输入有效性校验，通常有两种方式： 1、在Action类中通过validatexx方法验证，这种方式很简单，在此不再赘述； 2、通过编写xx-validation.xml文件执行表单验证，当用户提交表单请求后，struts会优先执行xml文件，如果校验不通过是不会让请求访问指定action的。 本文介绍一下struts2通过xml文件进行校验的方法并说
  • 记录-感悟 braveCS 感悟
    再翻翻以前写的感悟，有时会发现自己很幼稚，也会让自己找回初心。   2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了； 2. 要改变自己，不能这样一直在原来区域，要突破安全区舒适区，才能提高自己，往好的方面发展； 3. 多反省多思考；要会用工具，而不是变成工具的奴隶； 4. 一天内集中一个定长时间段看最新资讯和偏流式博
  • 编程之美-数组中最长递增子序列 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class LongestAccendingSubSequence { /** * 编程之美 数组中最长递增子序列 * 书上的解法容易理解 * 另一方法书上没有提到的是，可以将数组排序（由小到大）得到新的数组， * 然后求排序后的数组与原数
  • 读书笔记5 chengxuyuancsdn 重复提交struts2的token验证
    1、重复提交 2、struts2的token验证 3、用response返回xml时的注意 1、重复提交 (1)应用场景 (1-1)点击提交按钮两次。 (1-2)使用浏览器后退按钮重复之前的操作，导致重复提交表单。 (1-3)刷新页面 (1-4)使用浏览器历史记录重复提交表单。 (1-5)浏览器重复的 HTTP 请求。 (2)解决方法 (2-1)禁掉提交按钮 (2-2)
  • [时空与探索]全球联合进行第二次费城实验的可能性 comsci
         二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验   至今给我们大家留下很多迷团.....      关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了      在这里,我的意思是,现在
  • easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符 daizj oracleORA-12154
    用easy connect连接出现“tns无法解析指定的连接标示符”的错误，如下： C:\Users\Administrator>sqlplus username/[email protected]:1521/orcl SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012 Copyright (c) 198
  • 简单排序:归并排序 dieslrae 归并排序
    public void mergeSort(int[] array){ int temp = array.length/2; if(temp == 0){ return; } int[] a = new int[temp]; int
  • C语言中字符串的\0和空格 dcj3sjt126com c
       \0 为字符串结束符，比如说：                       abcd (空格)cdefg； 存入数组时，空格作为一个字符占有一个字节的空间，我们
  • 解决Composer国内速度慢的办法 dcj3sjt126com Composer
    用法： 有两种方式启用本镜像服务： 1 将以下配置信息添加到 Composer 的配置文件 config.json 中（系统全局配置）。见“例1” 2 将以下配置信息添加到你的项目的 composer.json 文件中（针对单个项目配置）。见“例2” 为了避免安装包的时候都要执行两次查询，切记要添加禁用 packagist 的设置，如下 1 2 3 4 5
  • 高效可伸缩的结果缓存 shuizhaosi888 高效可伸缩的结果缓存
    /** * 要执行的算法，返回结果v */ public interface Computable<A, V> { public V comput(final A arg); }   /** * 用于缓存数据 */ public class Memoizer<A, V> implements Computable<A,
  • 三点定位的算法 haoningabc c算法
    三点定位， 已知a,b,c三个顶点的x,y坐标 和三个点都z坐标的距离，la，lb,lc 求z点的坐标 原理就是围绕a,b,c 三个点画圆，三个圆焦点的部分就是所求 但是，由于三个点的距离可能不准，不一定会有结果， 所以是三个圆环的焦点，环的宽度开始为0，没有取到则加1 运行 gcc -lm test.c test.c代码如下 #include "stdi
  • epoll使用详解 jimmee clinux服务端编程epoll
    epoll - I/O event notification facility在linux的网络编程中，很长的时间都在使用select来做事件触发。在linux新的内核中，有了一种替换它的机制，就是epoll。相比于select，epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中，它是采用轮询来处理的，轮询的fd数目越多，自然耗时越多。并且，在linu
  • Hibernate对Enum的映射的基本使用方法 linzx0212 enumHibernate
      枚举   /** * 性别枚举 */ public enum Gender { MALE(0), FEMALE(1), OTHER(2); private Gender(int i) { this.i = i; } private int i; public int getI
  • 第10章 高级事件（下） onestopweb 事件
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • 孙子兵法 roadrunners 孙子兵法
    始计第一 孙子曰： 兵者，国之大事，死生之地，存亡之道，不可不察也。 故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将，五 曰法。道者，令民于上同意，可与之死，可与之生，而不危也；天者，阴阳、寒暑 、时制也；地者，远近、险易、广狭、死生也；将者，智、信、仁、勇、严也；法 者，曲制、官道、主用也。凡此五者，将莫不闻，知之者胜，不知之者不胜。故校 之以计，而索其情，曰
  • MySQL双向复制 tomcat_oracle mysql
    本文包括: 主机配置 从机配置 建立主-从复制 建立双向复制   背景 按照以下简单的步骤: 参考一下： 在机器A配置主机(192.168.1.30) 在机器B配置从机(192.168.1.29) 我们可以使用下面的步骤来实现这一点   步骤1：机器A设置主机 在主机中打开配置文件 ,
  • zoj 3822 Domination(dp) 阿尔萨斯 Mina
    题目链接：zoj 3822 Domination 题目大意：给定一个N∗M的棋盘，每次任选一个位置放置一枚棋子，直到每行每列上都至少有一枚棋子，问放置棋子个数的期望。 解题思路：大白书上概率那一张有一道类似的题目，但是因为时间比较久了，还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子，并且消耗k步的概率（k≤i∗j）,因为放置在i+1~n上等价与放在i+1行上，同理
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他