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学习)

  • 基于大数据的商品推荐系统的设计与实现 JAVA编码选手 个人作品案例展示分享大数据springbootmavenvue.js后端javascript
    摘要在当今互联网时代，随着电子商务的快速发展，各行各业都面临着海量数据的挑战和机遇，电子商务极大地改变了商业运作的方式，为消费者和企业带来了前所未有的便利和机会。该毕业设计以京东商品数据为来源，设计与实现基于大数据的电商商品推荐系统。通过对电商商品数据进行深度挖掘，可以发现消费趋势、产品热门度、价格以及地区差异等信息，为市场营销和产品策略提供重要参考。利用Java语言及SpringBoot框架、M
  • 利用Ollama和OpenAI实现多查询RAG检索 jkgSFS 前端javascript开发语言python
    在这篇文章中，我们将探讨如何结合使用Ollama和OpenAI的多查询检索技术（RAG）来增强信息检索的准确性和效率。多查询检索器是一种查询转换的例子，它基于用户的输入查询生成多个不同视角的查询。对于每个查询，系统检索一组相关文档，并合并所有查询的独特联合体以进行答案合成。技术背景介绍RAG（Retrieval-AugmentedGeneration）是一种结合检索与生成的技术，它通过在生成答案之
  • 【OpenCV 】第三章: 图像运算：加法运算、位运算、掩码、位平面分解、加密、数字水印、脸部打码 宝贝儿好 OpenCVopencv图像处理python算法
    第三章:图像运算图像加法运算1、"+"2、cv2.add()函数3、图像加权和：cv2.addWeighted()函数图像位运算(位逻辑运算)1、按位与运算：cv2.bitwise_and()函数2、按位或运算：cv2.bitwise_or()函数3、按位非运算：cv2.bitwise_not()函数4、按位异或运算：cv2.bitwise_xor()函数掩模(掩码)参数图像与数值的运算图像位平面
  • 华为HCIE面试问题-基于丢包问题处理步骤 eNSPLAB 华为HCIE面试问题华为面试职场和发展课程设计计算机网络安全网络
    文章目录思路定位1、流控方式统计丢包类型1.1拓扑图1.2原理讲解2、延迟问题2.1拓扑图2.2背景2.3原因2.4解决办法3、友商设备pingAR设备存在丢包，AR设备ping友商设备不丢包3.1原因3.2解决办法思路定位1、流控方式统计丢包类型1.1拓扑图1.2原理讲解R1与R2进行ping测试，使用ACL抓报文，用流统界定问题，配置如下：Aclnumber3333//配置ACLRule10p
  • Pytorch 自学笔记（三）：利用自定义文本数据集构建Dataset和DataLoader JimmyTotoro Pytorch自学笔记pytorch笔记人工智能
    Pytorch自学笔记（三）1.Dataset与DataLoader1.1torch.utils.data.Dataset1.2torch.utils.data.DataLoaderPytorch自学笔记系列的第三篇。针对Pytorch的Dataset和DataLoader进行简单的介绍，同时，介绍如何使用自定义文本数据集构建Dataset和DataLoader，以实现数据集的随机采样与batch
  • python PLC_IP协议 Modbus应用(一） Kamach_83 tcp/ip网络python模块测试
    在Python中与PLC建立通信，通常需要进行以下步骤：1.确定PLC的通信协议：不同的PLC厂商和型号可能采用不同的通信协议，例如Modbus、OPCUA、Profinet等。需要确定您的PLC使用的是哪种通信协议（本文为modbustcp）。2.安装相应的Python库：根据您所选择的PLC通信协议，在Python中安装相应的库。本文使用Modbus协议，故安装`pymodbus`库3.连接到
  • C 语言奇幻之旅 - 第03篇：C 语言基本语法 码力全開 C语言奇幻之旅c语言开发语言windows个人开发物联网
    文章目录引言1.程序结构：C语言的骨架1.1头文件引用1.1.1头文件的类型1.1.2`#include`的工作原理1.2main()函数-程序的入口1.2.1main()函数的参数1.2.2main()函数的返回值1.3一个简单的C程序示例1.4注意事项2.注释：代码的备忘录2.1单行注释2.2多行注释2.4条件编译与伪注释2.5注释的重要性2.6注释的最佳实践3.标识符与关键字：C语言的词汇3
  • Spring Boot中HttpMessageConverters的使用与实践 2501_90323865 springboot前端后端个人开发
    在SpringBoot应用开发中，HttpMessageConverters是一个非常实用的工具，它允许我们灵活地管理HTTP消息转换器（HttpMessageConverter），从而实现对请求和响应数据的自定义处理。本文将通过具体实例，详细介绍如何在SpringBoot中使用HttpMessageConverters来添加、替换默认转换器，以及如何将自定义转换器注册为Bean。一、HttpMe
  • MySQL进阶：SQL高级技巧 - 窗口函数（Window Function） 墨夶 数据库学习资料1mysqlsqlandroid
    MySQL进阶：SQL高级技巧-窗口函数（WindowFunction）❓引言：为什么需要了解窗口函数❓窗口函数（WindowFunction）是SQL标准中的一个高级特性，它允许用户在不改变查询结果集行数的情况下，对每一行执行聚合计算或其他复杂的计算。这些计算是基于当前行与结果集中其他行之间的关系进行的。窗口函数在处理复杂的统计分析问题时非常有用，例如移动平均、累计总和、百分比排名等。本文将深入
  • 基于CISCO PACKET TRACER企业网仿真的设计与实现 QWQ雨落轻尘 网络
    第1章背景1.1设计背景随着企业信息化建设不断深入，企业的生产业务系统、经营管理系统、办公自动化系统均得到大力发展，对于企业园区网的建设要求越来越高。传统园区网建设初期往往面临网络拓扑相对混乱，不便于对网络性能瓶颈进行正确评估和有效扩容，给日常网络管理也带来很大难度，对于网络可靠性考虑不够，网络中既存在单点故障导致网络可靠性低、影响企业生产和经营管理行为，同时也存在网络过度冗余、造成投资浪费的现象
  • 2.6 聚焦：Word Embedding 少林码僧 AI大模型应用实战专栏wordembedding
    聚焦：WordEmbeddingWordEmbedding（词嵌入）是一种将词语转化为低维向量表示的技术，使得词语在数学空间中具有语义上的相似性。它是自然语言处理（NLP）中不可或缺的一部分，为文本数据提供了强大的表示能力。与传统的基于词频的词袋模型（Bag-of-Words）相比，WordEmbedding能够捕捉到词语之间更深层的语义和上下文信息。1.词嵌入的定义与作用WordEmbeddin
  • DETRs with Collaborative Hybrid Assignments Training论文阅读与代码 分享总结快乐 论文阅读
    关键词：协作混合分配训练【目标检测】Co-DETR：ATSS+FasterRCNN+DETR协作的先进检测器（ICCV2023）-CSDN博客摘要：在这篇论文中，作者观察到在DETR中将过少的Query分配为正样本，采用一对一的集合匹配，会导致对编码器输出的监督稀疏，严重损害编码器的区分特征学习，反之亦然，也会影响解码器中的注意力学习。为了缓解这个问题，作者提出了一种新颖的协同混合分配训练方案，名
  • 计算机创造的奇迹——C语言 UnwaterBreathing Cc语言开发语言
    一.简介C语言是一种较早的程序设计语言，诞生于1972年的贝尔实验室。1972年，DennisRitchie设计了C语言，它继承了B语言的许多思想，并加入了数据类型的概念及其他特性。尽管C语言是与UNIX操作系统一起被开发出来的，但它不只支持UNIX。C是一种通用（广泛可用）的编程语言。程序设计语言实与编译器是一体的，C编译器有著名的GCC（GNUCompilerCollection）等。广泛应用
  • Golang学习笔记_28——工厂方法模式 LuckyLay Golang学习笔记golang学习笔记设计模式工厂方法模式
    Golang学习笔记_25——协程Golang学习笔记_26——通道Golang学习笔记_27——单例模式文章目录工厂方法模式1.介绍2.优点3.类图4.实现源码工厂方法模式1.介绍工厂方法模式（FactoryMethod）是一种创建型设计模式，它提供了一种创建对象的接口，但由子类决定要实例化的类是哪一个。工厂方法模式让类的实例化推迟到子类中进行2.优点解耦：将对象的创建与使用分离，客户端不需要知
  • 鸿蒙Flutter实战：15-Flutter引擎Impeller鸿蒙化、性能优化与未来 星释 鸿蒙Flutter实战鸿蒙flutterharmonyos
    Flutter技术原理Flutter是一个主流的跨平台应用开发框架，基于Dart语言开发UI界面，它将描述界面的Dart代码直接编译成机器码，并使用渲染引擎调用GPU/CPU渲染。渲染引擎的优势使用自己的渲染引擎，这也是Flutter与其他跨平台框架最大的区别。与ReactNative等高度依赖原生组件的框架不同，Flutter摆脱了原生组件依赖，界面布局更加灵活，多端展示效果高度一致。由于渲染引
  • C语言编程笔记：文件处理的艺术 就爱学编程 新星杯c语言笔记开发语言
    大家好，这里是小编的博客频道小编的博客：就爱学编程很高兴在CSDN这个大家庭与大家相识，希望能在这里与大家共同进步，共同收获更好的自己！！！本文目录引言正文一、为什么要用文件二、文件的分类三、文件指针四、文件的打开与关闭1.文件的打开2.文件的关闭五、文件缓冲区六、文件的基本操作（1）打开文件（2）关闭文件（3）检测文件末尾和错误（4）清除文件错误标志七、顺序读写文件（1）字符级操作函数fgetc
  • Golang 中强大的重试机制，解决瞬态错误 Ai 编码 Golang教程golang开发语言后端
    文章精选推荐1JetBrainsAiassistant编程工具让你的工作效率翻倍2ExtraIcons：JetBrainsIDE的图标增强神器3IDEA插件推荐-SequenceDiagram，自动生成时序图4BashSupportPro这个ides插件主要是用来干嘛的？5IDEA必装的插件：SpringBootHelper的使用与功能特点6Aiassistant,又是一个写代码神器7Cursor
  • Python 操作 Elasticsearch 全指南：从连接到数据查询与处理 XMYX-0 pythonelasticsearchjenkins
    文章目录Python操作Elasticsearch全指南：从连接到数据查询与处理引言安装`elasticsearch-py`连接到Elasticsearch创建索引插入数据查询数据1.简单查询2.布尔查询更新文档删除文档和索引删除文档删除索引批量插入数据处理分页结果总结Python操作Elasticsearch全指南：从连接到数据查询与处理引言在大数据分析与搜索应用中，Elasticsearch是
  • 前端面试题-手写篇-万字长文！ 前端Jason 面试前端面试前端面试
    1.手写实现EventBus实现一个简单的EventBus（事件总线）可以让我们在不同的组件或模块之间进行事件驱动的通信。下面是一个用JavaScript手写实现EventBus的基本例子：classEventBus{constructor(){this.events={};//存储事件名与对应的监听器}//注册事件监听器on(event,listener){if(!this.events[eve
  • 卷积调制空间自注意力SPATIALatt模型详解及代码复现 清风AI 深度学习人工智能python神经网络conda
    背景与意义SPATIALaTT模型的提出源于对自注意力机制和卷积神经网络（CNN）的深入研究。在计算机视觉领域，CNN长期占据主导地位，而自注意力机制的引入为视觉任务带来了新的思路。SPATIALaTT模型的意义在于融合了这两种强大的特征提取方法，充分发挥了它们的优势。这种融合不仅提高了模型的性能，还为设计更高效的视觉模型提供了新的思路，推动了计算机视觉技术的发展。通过结合自注意力机制和卷积神经网
  • SpringBoot集成Netty实战：构建高效TCPUDP通信服务端【物联网开发必备】 m0_74825678 面试学习路线阿里巴巴springboot物联网后端
    SpringBoot集成Netty实现TCP/UDP通信协议【优化版】引言在现代物联网(IoT)应用中，设备与服务器之间的实时通信至关重要。Netty作为一个高性能的网络应用框架，与SpringBoot的集成可以简化开发过程，并提高应用性能。本文将详细介绍如何在SpringBoot中集成Netty，实现TCP和UDP通信协议。通讯协议在设计通讯协议时，我们考虑了数据的完整性和命令的明确性。以下是我
  • 基于YOLOv5、YOLOv8和YOLOv10的机场安检行李检测：深度学习应用与实现 2025年数学建模美赛 YOLO深度学习人工智能目标跟踪目标检测
    引言随着全球航空运输业的持续增长，机场的安全性变得越来越重要。机场安检作为航空安全的重要组成部分，主要负责对乘客和行李进行检查，防止危险物品进入机场或飞行器。传统的安检方式多依赖人工检查，效率低下且容易出错。因此，基于深度学习的自动化行李检测系统应运而生，通过计算机视觉技术，自动识别和分类行李中的物品，大大提高了安检的效率与准确性。YOLO（YouOnlyLookOnce）系列算法，由于其高效的目
  • HarmonyOS 开发实践——基于设置应用的应用权限、通知设置跳转 六号嘉宾 鸿蒙开发移动开发HarmonyOSharmonyos架构ui鸿蒙鸿蒙系统移动开发鸿蒙开发
    往期学习笔录：鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……场景描述引导用户跳转到系统设置页进行权限，通知
  • 人工智能之数学基础：一个小例子帮你快速搞懂极大线性无关向量组 每天五分钟玩转人工智能 机器学习深度学习之数学基础人工智能线性代数机器学习极大线性无关向量组深度学习神经网络
    本文重点在上一节课程中，我们学习了线性相关和线性无关。当线性相关的时候，那么说明这组向量至少存在一个向量可以被其它向量给表示，可以被表示就说明这个向量就是可有可无的，可以被替代的，这里就涉及到极大线性无关向量组的概念了，本文对此进行学习。极大无关向量组的定义与性质定义在线性空间中，如果存在一个向量组，它满足以下两个条件：一是它本身是线性无关的；二是向量空间中的任何包含它的向量组，如果仍然保持线性无
  • 个人职业发展与AI赋能的前端开发 前端
    在瞬息万变的科技浪潮中，个人职业发展显得尤为重要。对于前端开发者而言，如何提升自身竞争力，适应日新月异的技术革新，是持续关注的核心问题。而近年来，人工智能（AI）技术的飞速发展，特别是AI代码生成器的兴起，正深刻地改变着前端开发的格局，为开发者们提供了前所未有的机遇。本文将以ScriptEcho为例，探讨AI技术如何赋能前端开发，助力个人职业发展。市场趋势与个人技能提升当前市场对前端开发人才的需求
  • 看板工具提升敏捷管理：实现透明、高效的团队协作与进度管理 敏捷看板类协作工具
    引言随着科技的快速发展与市场需求的不断变化，企业的管理方式也发生了深刻的变革。传统的项目管理方法渐渐无法满足当今企业面对的高效性、灵活性与快速响应的要求。特别是在研发、产品设计、市场营销等多个领域，团队需要更加灵活和透明的工作流管理方式。在这种背景下，敏捷管理应运而生。作为敏捷管理中的一种有效工具，看板（Kanban）凭借其高效、简洁且灵活的特点，已成为全球各行业中团队管理的重要组成部分。本篇文章
  • 项目进度管理：如何使用甘特图实现精准跟踪？
    一、甘特图——项目进度管理的得力助手（一）甘特图的基本概念与构成甘特图（GanttChart）又称横道图、条状图，出现于20世纪初，是一种常用于项目管理的、按照时间进度标出工作活动的图表，以提出者亨利・L・甘特（HenrryL.Ganntt）先生的名字命名。它是一个二维平面图，用横轴表示项目进度或活动时间，比如可以按日期为单位，展示项目的整体时间范围，像从项目启动到结束所涵盖的天数、周数、月数等；
  • Java 9 Optional新特性深度剖析与实例应用 2501_90323865 pythonwindows开发语言个人开发
    在Java编程的漫长旅程中，Optional类一直是处理可选值的得力助手。Java9对其进行了重要扩展，引入了诸多新方法，让Optional的使用更加灵活高效。本文将深入剖析这些新特性，并结合实例进行详细解读。ifPresentOrElse(Consumer,Runnable)方法介绍ifPresentOrElse(Consumer,Runnable)方法是Java9为Optional新增的。当O
  • 项目范围管理的最佳实践：避免软件项目膨胀 项目管理软件
    在软件项目管理中，有效的项目范围管理是防止项目过度膨胀的关键。项目范围管理不仅涉及到项目的初步定义，还包括对项目需求的持续监控和控制。通过明确项目目标、合理规划资源、及时调整需求，可以有效避免项目在实施过程中出现范围蔓延的现象。特别是在软件开发中，需求的不断变化和增加往往会导致项目延期和成本超支。因此，建立清晰的项目范围界限、与利益相关者保持良好的沟通、定期进行项目审查是确保项目成功的必要措施。一
  • HTML期末学生大作业-最新QQ音乐、网易云音乐、酷狗音乐、虾米音乐、咪咕音乐网站html+css+javascript 2401_89790869 html课程设计css
    href=“https://y.qq.com/n/ryqq/playlist/7772849553”>好评999+英文歌！轻松解压100％播放量：2.8亿扎心情歌丨爱到最后终是空欢喜播放量：510.4万如果词不达意就把爱藏心里播放量：1645.7万深情片段：深夜我还是会想起你播放量：2663.8万href=“https://y.qq.com/n/ryqq/playlist/7537828
  • 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其他