d大创
d大创

（基线对齐）元素显示类型与显示类型转换

（基线对齐）元素显示类型与显示类型转换

基线对齐问题


<html>
	<head>
		<meta charset="utf-8">
		<meta name="keywords"  content="html+css">
		<meta name="description"  content="">
		<title>title>
		<style>
			body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd{
      
				margin:0; 
				padding:0;
			}
			ul,ol{
      
				list-style:none;
			}
			a{
      
				color:#000;
				text-decoration: none;
			}
			p{
      
				font-size:60px;
				line-height: 100px;
			}
			/*
				基线对齐问题:(  ---空白字符---大小--基线  )
					vertical-align:
						top
						text-top
						middle  **************垂直对齐方式
						baseline->默认以基线对齐
						text-bottom
						bottom

				vertical-align起作用的前提条件?
					****作用在  inline (行内元素) ,inline-block ( 行内块元素 )**** 

				块级元素是没有基线对齐问题的

				图片下方的间隙问题:
					解决方法:
						1.直接将图片变成块级元素: display:block;
						2.使用除基线( baseline )以外其他的属性值
						
					图片和文字之间的居中对齐
						1. 需要给 对齐的  行内 行内块 每一个都要设置一个vertical-align: middle;
						(   双方(   双方要么是行内 要么就是行内块  )都要设置 vertical-align: middle;  )
			
			*/
			/*这一种选择器就是说明 : 所选的是图片这一类的标签的某一个图片标签*/
			/* img{
				border:2px solid blue;
			} */
			img.top{
      
				vertical-align:top ;
			}
			img.text-top{
      
				vertical-align:text-top ;
			}
			img.bottom{
      
				vertical-align:bottom ;
			}
			img.text-bottom{
      
				vertical-align:text-bottom ;
			}
			img.middle{
      
				vertical-align:middle;
			}


			div{
      
				/* vertical-align: middle; 不起作用 --不要  */
			/* 	height: 50px; */
				border:2px solid blue;
			}
			span{
      
			/* 	vertical-align: middle; */
			}
			img.block{
      
				/* display: block; */
				vertical-align: middle;
				
			}
		style>
	head>
	<body>
		<div><img src="1.png" class="block" height="50" alt=""><span>x你span>div>
		
		<p>jfnxX<img src="1.png" class="baseline" height="50" alt="">p>
		<p>jfnxX<img src="1.png" class="top" height="50" alt="">p>
		<p>jfnxX<img src="1.png" class="text-top" height="50" alt="">p>
		<p>jfnxX<img src="1.png" class="bottom" height="50" alt="">p>
		<p>jfnxX<img src="1.png" class="text-bottom" height="50" alt="">p>
		<p>jfnxX<img src="1.png" class="middle" height="50" alt="">p>
	body>
html>

元素显示类型和显示类型相互转换


<html>
	<head>
		<meta charset="utf-8">
		<meta name="keywords"  content="html+css">
		<meta name="description"  content="">
		<title>title>
		<style>
			body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd{
      
				margin:0; 
				padding:0;
			}
			ul,ol{
      
				list-style:none;
			}
			a{
      
				color:#000;
				text-decoration: none;
			}
			/*
				标签---按照排列方式

					块级标签 ( 负责结构的 ) :  display:block;
						常见的块级标签:p div ul li dl h1~6 ...
						特点:
							1. 独占一行
							2.宽度 默认是父级的百分之百 100%（不给高度，则有内容撑开）
							3.支持宽高,margin,margin:auto;padding
							4.可以容纳其他的块级标签和行级标签
							5.p标签不能包裹块级标签(  为什么--控制台看原因  )

					行级标签 ( 负责内容的) :   display:inline;
						常见的行级标签:span  img a i em b strong ...
						特点:
							1.多个行级标签共享一行( 横排显示 )
							2.不支持宽高,支持左右margin ,不支持上下margin,不支持 margin:auto;
							3.支持padding,上下padding只对自身有效(  上下padding不影响其他元素的位置  )
							4.行级标签不能包裹块级标签 (  a标签例外 )
							5.a标签不能套a标签 ( 为什么--控制台看原因-->包不住呀 )

					行内块:
            			常见元素：input
						通过设置 :  display:inline-block;
						特点:
							1.支持margin,不支持margin:auto;
            				2.本质上是行内元素，具有行内元素的性质
            				3.支持padding,上下padding只对自身有效(  上下padding不影响其他元素的位置  )
            				4.img标签不是行内块（是行内元素，但可以设置宽高，这源自于历史。。。）

							行内块间隙问题(空白字符---我们看不见  ---大小)-->这个问题应该只出现在行变行内块上
								解决方法:
									给行内块元素的父级设置字体大小为零 ,行内块字体大小重新设置
			*/
			.fa{
      
				width: 500px;
				font-size:0;
				background-color:skyblue;
			}
			span{
      
				display: inline-block;/*写在宽高之前*/
				width: 100px;
				height: 100px;
				padding:10px;
				font-size:16px;
				background-color: pink;
				border:2px solid green;
			}
			.so{
      
				display: inline-block;
				width: 100px;
				height: 100px;
				font-size:16px;
				padding: 10px;
				background-color: red;
			}
			.baseline{
      
				vertical-align: top;
			}
		style>
	head>
	<body>
		
		<div class="fa">
			<span class="baseline">多喝热水span>
			<span class="baseline">多喝热水span>
			<div class="so baseline">可以div>
		div>
	body>
html>

你可能感兴趣的:(html与css学习)

  • css 个人喜欢的样式 速查笔记 waterHBO css笔记前端
    起因，目的:记录自己喜欢的，觉得比较好看的css.下次用的时候，直接复制，很方便。1.个人html模板，导入常用的link设置英语字体:Noto导入默认的css使用网络icon图标导入Bootstrapcss框架html-->2.常用css模板todo,以后再增加。*{font-family:"NotoSerif",system-ui;font-optical-sizing:auto;}Noto字
  • 动物 naturedory
    动物与同类最大的区别就在于饮食，动物可以食草，可以食肉，也可以杂食，所以就有了，食草动物，食肉动物，杂食动物。由于饮食习性不同，消化系统自然也是不一样的。first，肉食动物，豹子，老虎之类的，他们要食肉，而肉一般比较难撕咬，所以他们就有了尖锐的牙齿，所以这也就理所当然的成为了人类要离食肉动物远一点的理由。恰恰相反，食肉动物的牙齿尖锐是便于撕咬，而食草动物他们吃草，所以也没有必要长锋牙，牙齿扁平，
  • 影响汉武帝刘彻的重要女人——拒绝与长公主联姻的刘荣之母栗姬 大安琪儿
    汉武帝刘彻，原名刘彘，是汉景帝的第十个儿子。而送刘彘顺利越过前面九位哥哥，登上帝位的主要靠了五个女人。第一位是一直没有子嗣的薄皇后，为后来的宫闱之战、储位之争，创造了客观条件。第二位是刘彘受宠的妈妈王美人，伴着“日入其怀”的传说，刘彘出生了。第三位是与王美人结为同盟的长公主，而这位长公主为刘彘送去了他童年就定下的媳妇——阿娇。尽管长公主与王美人的结盟对太子刘荣来说是一件非常不利的事情，但是以长公主
  • 朋友圈里戏侃 方雅妮
    图片发自App作者：自由的漂流《戏侃》珍珍没事四处逛遇见帅哥就搭腔三言两语探底细帅哥住在小东乡我对：珍珍没事不出门唯恐晒黑添皱纹心中已有如意君何须搭讪费心神自由的漂流接：珍珍美女好人缘天南海北友交全嗓音独特魅力添何须放招去搭讪我又对：是你说我爱搭讪三言两语探家门翻篇改口愧不及损友皮厚胜他人自由的漂流又接：我与珍儿有奇缘数千公里一线牵相识已有三五载畅所欲言好寒暄我再对：畅所欲言好寒暄言语要在分寸间玩
  • 宇宙飞船穿越时空？《宇宙编年史-真理之书》说有更好的方法 TWVC
    人类似乎一直在追求时空穿越。《回到未来》、《时间机器》、《星际穿越》等等电影无不在传达着这美好的愿望。那么时空穿越到底真不真实？《宇宙编年史-真理之书》对此是这样说的：“宇宙维洞两端分别连接着高维与低维空间，高维端入口为黑洞，低维端出口为白洞。人类只要成功穿越宇宙黑洞或白洞，都可以实现时空穿越。”但人类依靠宇宙飞船真的能成功穿越时空吗？其一，从能量吸收方式来看，人类处于整个生态链最脆弱的地方，维持
  • 6、实现应用上下文 大树~~ #Spring手写系列springjava后端
    一、前言在实际的软件开发过程中，产品的需求常常变化多端，开发者往往需要在时间紧迫的情况下快速交付项目。为了应对业务上的灵活变更与调整，很多时候我们会选择在已有项目的基础上进行扩展，或者临时搭建出一个能满足需求的工程。然而，这种快速拼凑的开发模式可能会埋下许多隐患。上线后，随着业务的进一步变更，代码的质量和结构往往难以维持，最终陷入维护困境。举个实际的例子，当项目上线后，运营部门发现某个活动的配置不
  • 5、设计与实现资源加载器，从Spring.xml解析和注册Bean对象 大树~~ #Spring手写系列数据库java开发语言spring后端
    在Spring框架的核心设计中，Bean工厂和资源加载器是两个非常重要的模块。理解它们的设计和实现对于掌握Spring的核心机制具有重要意义。在这篇文章中，我们将详细探讨Spring框架中Bean工厂的设计原理、资源加载的实现机制、如何解析Bean定义并将其注册到Spring容器中。通过这些内容，读者不仅能够理解Spring框架的设计思想，还能够借鉴这些设计模式来优化自己的代码架构。一、前言在实际
  • python unittest TypeError setUpClass missing 1 required positional argument cls Kelly雨薇 python框架
    pythonunittest框架使用可以用两种方法：（1）所有内容写在一个python文件里eg：https://blog.csdn.net/panyueke/article/details/85305223（2）function与主框架隔离eg：functions.pydeffun_div(x):returnx/2deffun_add(x):returnx+2deffun_minus(x):re
  • 日精进154天 李佳蔓_ae18
    敬爱的李老师，智慧的班主任，亲爱的跃友们：大家好！我是来自北京八分客健康科技有限公司公司的李雪春。今天是我的日精进行动第154天，给大家分享我今天的进步，我们互相勉励，携手前行。每天进步一点点，距离成功便不远。1、比学习：学习《临床营养学》第四章常见疾病的营养~第六节:代谢类疾病与营养之糖尿病1。2、比改变：你变了，心情就变了；你变了，周围人和事都变了，；你变了，世界就变了。3、比付出：今天上午去
  • 微服务与DDD简单介绍 analu 微服务
    首先微服务是一种架构模式，相比较单体架构，微服务架构更独立，能够单独更新和发布。微服务里面的服务仅仅用于某一个特定的业务功能。举个例子，单体架构就想一碗面条，所有模块都在一起，而微服务相当于甜甜圈，模块清楚，可以单独发布，想更新哪个就更新哪个。DDD（DomainDrivenDesign）,简称DDD，领域驱动设计康威定律（Conway'sLaw）组织----对应------微服务拆分DDD作用-
  • 隔代教育的思考 霞满天happier
    隔代教育的思考今天听了《隔代教育亲子关系的新视角》这节课。我深深的感到费老师真的好用心，引发了我深深的思考。图片发自App随着社会的发展，父母们不是上班，就是外出打工，教育孩子的责任自然就落到了祖辈的身上，隔代教育也是教育的主流。图片发自App在教育教学工作中我发现，孩子的生活和学习等习惯存在很多问题：自理能力差、社交能力差和写作业应付等。我经过与家长和孩子的交流发现孩子出现这些问题都与家庭教育有
  • 锁之synchronized 与volatile lock的异同 追梦的鱼儿 java锁synchronizedvolatileLock
    目录synchronized特性用法使用场景synchronized的优缺点优点缺点volatile特性用法使用场景Lock特性用法使用场景总结相同点不同点synchronized关键字是Java提供的用于解决并发编程中数据一致性问题的重要工具。它通过锁机制确保在同一时刻只有一个线程能够执行被同步的方法或代码块，从而实现互斥访问。尽管synchronized使用简单且可靠，但在高并发场景下可能会带
  • 2024年淘宝返利软件排行榜前三 高省_飞智666600
    淘宝返利app有很多，比如“淘宝联盟”、“高省（邀请码：668666）”、“氧惠（邀请码：000888）”等等。这些app都可以帮助你在淘宝上购物并获得返利。其中，“淘宝联盟”是淘宝官方的返利app，使用起来比较放心；“高省”和“氧惠”则是一款社交电商返利app，可以邀请好友一起购物并获得佣金。高省APP（邀请码：668666），高佣领导者——是与以往完全不同的抖客+淘客app！主打：高佣金，深受
  • 不想一辈子打工？看看穷人如何成为富人 沸点生活TM0
    现在许多人都对自己得生活不满，认为自己很穷，想要成为一个富人，经济学里有个“马太效应”，就是穷人会越来越穷，富人会越来越富，那么你想要成为富人的话，首先你就要认清楚自己与富人间的差距。首先与富人得差距就是家庭条件，家庭富或贫会影响孩子的长远眼光。穷人的孩子更注重眼前，而富人家的孩子则有比较长远得目光。穷人的孩子输不起，生活的压力让他们对眼前利益考虑更多。就这样差距也就一步步扩大。其次，就是抗风险能
  • Python中的绝对路径与相对路径详解 小桥流水---人工智能 人工智能Python程序代码机器学习算法python开发语言
    对路径与相对路径Python中的绝对路径与相对路径详解什么是路径？绝对路径优点：缺点：示例：相对路径优点：缺点：示例：Python中如何使用**重点内容**：**在Python中，建议使用`os.path.join`来构建路径，这样可以确保代码在不同操作系统上的兼容性。同时，理解并正确使用绝对路径和相对路径，对于开发可移植和可维护的应用程序至关重要。**结论Python中的绝对路径与相对路径详解在
  • 3. 部署Fabric2.2 集群（使用官方Demo） 明神特烦恼 Fabric2.2全面学习fabric区块链部署
    我们将一步一步搭建Fabric2.2版本的区块链网络，从0开始搭建服务器环境、到运行官方Demo集群、创建通道、安装合约，以及从零完成基于区块链的农产品溯源项目开发。适用于无区块链开发经验的朋友们，已经有经验的请绕行。上节作者新购买云服务器，并且安装docker以及docker-compose，接下来作者与大家一起操作，不遗漏每个操作步骤（之前有一些同学操作结果出现错误，大多数是步骤有遗漏），保证
  • 《系统架构设计师教程（第2版）》第15章-面向服务架构设计理论与实践-05-SOA设计模式 玄德公笔记 #系统架构设计模式软考架构师考试清华版第二版SOA系统架构设计师教程
    文章目录1.服务注册表模式1.1服务注册表1.2SOA治理功能1.3注册表中的配置文件2.企业服务总线（ESB）模式3.SynchroESB4.微服务模式4.1概述4.2微服务架构模式方案4.2.1聚合器微服务1）概述2）几种特殊的聚合微服务4.2.2链式微服务4.2.3数据共享微服务4.2.4异步消息传递微服务4.3微服务架构面临的问题与挑战1.服务注册表模式1.1服务注册表服务注册表Servi
  • 《系统架构设计师教程（第2版）》第15章-面向服务架构设计理论与实践-03-SOA主要协议和规范 玄德公笔记 #系统架构软考架构师系统架构设计师教程面向服务架构设计UDDI协议SOAP协议WSDL规范
    文章目录1.UDDI协议2.WSDL规范2.1概述2.2WSDL文档的基本结构3.SOAP协议4.REST规范4.1资源(Resource)4.2表述(Representational)4.3状态转移(StateTransfer)4.4超链接1.UDDI协议概述统一描述、发现和集成协议UniversalDescriptionDiscoveryandIntegration作用：提供一种通用的方式来注
  • 昏昏沉沉的一天 陌路将至
    假如。昨晚，上周本来约好小聚后来却有事耽搁放我鸽子的LH过来找我，还带了七八个人一起来跟我拼酒。我请他们去园区步行街吃石锅鱼，是同事HYZ推荐给我的，味道确实不错。饭桌上，与LH久别重逢，不胜感慨。我们上一次见面，应该是2019年9月份在宜良吃烤鸭了。于是，不知不觉就喝了三两多白酒。LH约了几位现在跟他一起工作的同事过来，同时又约了他楚雄大姚老家的一位老乡，是附近一个知名企业的高管。他来的有点晚，
  • Python安装NumPy 0阿齐兹0 阿齐兹的PyCV学习笔记pythonnumpy
    打开cmd通过python和pip安装：C:\"ProgramFiles"\Python36\python.exe-mpipinstall--usernumpyscipymatplotlibipythonjupyterpandassympynose参考资料：https://www.scipy.org/install.html
  • html animation 属性,css3学习--css3动画详解一(animation属性） 蜗牛老湿 htmlanimation属性
    ***介绍的属性并不完全，写的都是我认为容易混淆的难点属性，所以属性会在最后综合案例展示~Keyframes介绍：Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。@keyframeschangecolor{0%{background:red;}100%{b
  • 账户管理命令分析 rxh1234567 笔记
    1）useradd作用：创建新账号参数：-d设置用户家目录；-e用YYYYY-MM-DD格式指定一个账户过期日期；-f指定帐户失效日期；-g指定用户登录组的GID或组名；-G指定一个或多个附加组；-m创建用户HOME目录；-M不创建用户家目录；-p为用户账户指定默认密码；-s指定登录shell类型；-u为账户指定一个唯一的UID。2）userdel作用：删除用户参数：-r删除用户与家目录。3）gr
  • 推罗 葡萄园里的羚羊
    推罗就是今天黎巴嫩的泰尔，位于以色列城市阿卡以北37公里，西顿以南32公里，面积大概为53公顷。它是古代腓尼基地区重要的港口城市，一直被当成是腓尼基城市的中心。古代亚述文献将推罗记载为Sur-ri，其最初的名字是sor或者Sur，在古代腓尼基语中就是“岩石”的意思。早期推罗是一座岛屿，亚历山大在公元前332年进攻推罗时将其与陆地链接起来成为了后来的半岛。推罗不仅是从非洲通向亚洲地区的交通要塞，也是
  • 区块链:数据库技术 时汝佳
    图片发自App0引言对于区块链的解读，有一种观点是数据库。正好手头有本书《计算机是怎样跑起来的》（日文版重印18次，中文版也多达10次印刷），里面有一章介绍数据库，浅显易懂。1基础概念数据库是数据的基地。适合大规模数据存储的是关系型数据库（RelationalDatabase）。现在大多在用的是关系型数据库，数据被拆分到多张表（Table）中，表与表之间的关系可以被记录下来，为了在表之间建立关系，
  • 张艺兴与彩灯的和解是手机壳，5斤牛肉说是音响，成功骗过导演！ 哲知之
    张艺兴参加《向往的生活5》，害怕尖嘴动物的他，第一个挑战就是彩灯，时刻保持与彩灯的安全距离。彩灯看来很喜欢艺兴啊，你看他一直对你点头，想和你谈谈哲学的呢！张艺兴：大可不必……彩灯你别激动，哈哈！何老师还一直煽风点火：彩灯，赶紧去看看你艺兴哥哥！张艺兴想跑远点，这里太危险。何老师：5季我只看过它飞过2次……何老师，我怎么觉得他不止飞过2次呢？张艺兴：那它一般往哪飞？何老师：那它就是想往哪飞，往哪飞…
  • 大前端面试题集锦——HTML篇 Midshar.top 前端html
    HTML篇1.什么是DOCTYPE,有何作用?DOCTYPE是用来声明HTML文档应当使用哪种版本来进行解析如果不使用DOCTYPE告知浏览器应当使用哪种版本解析文档,那么浏览器将会开启最大兼容模式来解析文档,一般称为怪异模式.在怪异模式下,可能会产生一些预想不到的bug2.说说对HTML语义化的理解?HTML的语义化指的是在合适的地方使用合适的标签,让人能够根据标签进而大致知晓标签内容语义化使得
  • 极简生活抄书第101天：断舍“离”的能力 兮若耶
    极简生活抄书第101天：断舍“离”的能力断舍离从知识理论到实践，经过了不少的纠结与坚定，从刚开始的盲从，认为扔就完事了，到后来需要对物品进行分类和校对作用，最后把可以用但不用的物品做了舍弃，这中间经历的时间就不短。断舍离，从字面上来理解就是要从已经拥有的物品中，把没用的破烂收拾出来，将它们送到更加有用的地方，于此同时了解自己的喜好范围，确定哪些是自己需要的，哪些合适自己的，和哪些物品相处起来舒服的
  • 高频面试题：ReactNative前端面试频率较高的面试题和答案（十六） 夲奋亻Jay 高频面试题react跨端reactnative前端面试
    ReactNative是一个由Facebook开发的框架，它允许使用React来开发原生移动应用。以下是一些在前端面试中可能会问到的关于ReactNative的高频面试题及答案：ReactNative是什么？答案：ReactNative是一个基于React构建的框架，允许使用JavaScript和React的编程方式来开发原生移动应用。ReactNative与React有什么不同？答案：React
  • CSS接入的四种方式 本来无一物_f1f2
    1.内联内联式是将CSS样式集中写在网页的标签对的标签对中。格式如下：...此处写CSS样式缺点是对于一个包含很多网页的网站，在每个网页中使用内联式，进行修改样式时非常麻烦。单一网页可以考虑使用内联式。2.内嵌具体表现形式3.外联也是将一个.css文件引入到HTML文件中，在网页的标签对中使用标记来引入外部样式表文件，使用语法如下：4.链接式在css文件中@importurl(./b.css);总
  • 君埋泉下泥销骨，我寄人间雪满头。 南歌吟
    君埋泉下泥销骨，我寄人间雪满头。（想你逝去九泉尸骨已经化成泥沙，我还暂时寄住人间白发满头。）出自唐代白居易的《梦微之》夜来携手梦同游，晨起盈巾泪（泪水沾满头巾）莫收。漳浦老身三度病，咸阳宿草（墓地上隔年的草）八回秋。君埋泉下泥销骨（尸骨化为泥沙），我寄人间雪满头。阿卫韩郎相次去，夜台（坟墓）茫昧（模糊）得知不？词意理解：夜里做梦与你携手共同游玩，早晨醒来泪水流满巾也不擦拭。在漳浦我三次生病，长安城
  • mysql主从数据同步 林鹤霄 mysql主从数据同步
    配置mysql5.5主从服务器(转) 教程开始：一、安装MySQL 说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22  二、配置MySQL主服务器（192.168.21.169）mysql  -uroot  -p   &nb
  • oracle学习笔记 caoyong oracle
    1、ORACLE的安装    a>、ORACLE的版本    8i,9i :   i是internet    10g,11g : grid (网格)    12c : cloud (云计算)       b>、10g不支持win7 &
  • 数据库，SQL零基础入门 天子之骄 sql数据库入门基本术语
    数据库，SQL零基础入门        做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。          数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关
  • pom.xml 一炮送你回车库 pom.xml
    1、一级元素dependencies是可以被子项目继承的 2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素 3、父项目里的一级元素<modules> <module>lcas-admin-war</module> <
  • sql查地区省市县 3213213333332132 sqlmysql
    -- db_yhm_city SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35 SELECT * FROM db_yhm_city WHERE class_parent_id =169 SELECT d1.cla
  • 关于监听器那些让人头疼的事 宝剑锋梅花香 画图板监听器鼠标监听器
           本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。       
  • JAVA的遍历MAP darkranger map
    Java Map遍历方式的选择 1. 阐述 　　对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？ 　　为了解遍历性能的真实差距，包括在遍历ke
  • POJ 2312 Battle City 优先多列+bfs aijuans 搜索
    来源：http://poj.org/problem?id=2312 题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。 思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1
  • Hibernate与Jpa的关系，终于弄懂 avords javaHibernate数据库jpa
    我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。 在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany
  • 酸爽的console.log bee1314 console
    在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。 /** * log.js hufeng * The safe wrapper for `console.xxx` functions *
  • 哈佛教授：穷人和过于忙碌的人有一个共同思维特质 bijian1013 时间管理励志人生穷人过于忙碌
            一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。 　　这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业
  • other operate 征客丶 OSosx
    一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中 二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证] -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一
  • 【Scala五】分析Spark源代码总结的Scala语法三 bit1129 scala
    1. If语句作为表达式 val properties = if (jobIdToActiveJob.contains(jobId)) { jobIdToActiveJob(stage.jobId).properties } else { // this stage will be assigned to "default" po
  • ZooKeeper 入门 BlueSkator 中间件zk
    ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。 值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利
  • MySQL取得当前时间的函数是什么 格式化日期的函数是什么 BreakingBad mysqlDate
    取得当前时间用 now() 就行。 在数据库中格式化时间 用DATE_FORMA T(date, format) . 根据格式串format 格式化日期或日期和时间值date，返回结果串。 可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值: %S, %s 两位数字形式的秒（ 00,01,
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 4_JAVA+Oracle面试题(有答案) chenke oracle
    基础测试题 卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。 选择题 1、 What will happen when you attempt to compile and run the following code? （3） public class Static { static { int x = 5; // 在static内有效 } st
  • 新一代工作流系统设计目标 comsci 工作算法脚本
      用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。 在这个设计中，最难的地方是系统根据什么来生成流
  • oracle 行链接与行迁移 daizj oracle行迁移
    表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下) 第一种情况: INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据
  • [JShop]开源电子商务系统jshop的系统缓存实现 dinguangx jshop电子商务
    前言 jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache
  • 初三全学年难记忆单词 dcj3sjt126com englishword
    several 儿子；若干 shelf 架子 knowledge 知识；学问 librarian 图书管理员 abroad 到国外，在国外 surf 冲浪 wave 浪；波浪 twice 两次；两倍 describe 描写；叙述 especially 特别；尤其 attract 吸引 prize 奖品；奖赏 competition 比赛；竞争 event 大事；事件 O
  • sphinx实践 dcj3sjt126com sphinx
      安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server   yum install sphinx 如果失败的话使用下面的方式安装 wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm yum loca
  • JPA之JPQL（三） frank1234 ormjpaJPQL
    1 什么是JPQL JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。 2 检索单个对象 @Test public  void querySingleObject1() {     Query query = em.createQuery("sele
  • Remove Duplicates from Sorted Array II hcx2013 remove
    Follow up for "Remove Duplicates":What if duplicates are allowed at most twice? For example,Given sorted array nums = [1,1,1,2,2,3], Your function should return length
  • Spring4新特性——Groovy Bean定义DSL jinnianshilongnian spring 4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装Mysql5.5 liuxingguome centos
    CentOS下以RPM方式安装MySQL5.5 首先卸载系统自带Mysql： yum remove mysql mysql-server mysql-libs compat-mysql51 rm -rf /var/lib/mysql rm /etc/my.cnf 查看是否还有mysql软件： rpm -qa|grep mysql 去http://dev.mysql.c
  • 第14章 工具函数（下） 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/
  • POJ 1050 SaraWon 二维数组子矩阵最大和
    POJ ACM第1050题的详细描述，请参照 http://acm.pku.edu.cn/JudgeOnline/problem?id=1050 题目意思： 给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。 如二维数组 0 -2 -7 0 9 2 -6 2 -4 1 -4 1 -1 8 0 -2 中和最大的子矩阵是 9 2 -4 1 -1 8 且最大和是15
  • [5]设计模式——单例模式 tsface java单例设计模式虚拟机
    单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点   安全的单例模式：     /* * @(#)Singleton.java 2014-8-1 * * Copyright 2014 XXXX, Inc. All rights reserved. */ package com.fiberhome.singleton;
  • Java8全新打造，英语学习supertool yangshangchuan javasuperword闭包java8函数式编程
    superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。   升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他