ZhShy23
ZhShy23

【Bootstrap】学习笔记（二）——CSS布局

排版

标题：

  • h1~h6标签
  • 样式类：h1~h6
  • 小标题：标题内嵌.small；字号更小，颜色更小

段落：

  • p标签：字体14px 行高1.428 1/2行高的底部外边距（10px）
  • 中心内容：.lead样式类；更大更粗行高更高的段落文本

mark标签

用于突出高亮文本
文本

小号文本

small标签可以设置文本为父元素字体大小的85%

段落文本小号文本

del和s标签

删除线

  • del：删除的文本
  • s：不太准确或不相关的无用文本

删除的文本
不太准确或不相关的无用文本

ins和u标签

下划线

  • ins：额外插入的文本
  • u：专有名词

额外插入的文本
专有名词

strong和em标签

强调文本

  • strong：加粗
  • em：斜体

加粗强调文本
斜体强调文本

b和i标签

  • b：高亮显示单词或短语，不带有任何着重意味
  • i：用于发言、技术词汇

高亮显示单词或短语，不带有任何着重意味
用于发言、技术词汇

文本对齐方法

样式类 作用
.text-left 左对齐
.text-right 右对齐
.text-center 居中
.text-justify 两端对齐
.text-nowrap 不换行

字母大小写

样式类 作用
.text-lowercase 大写->小写
.text-uppercase 小写->大写
.text-capitalize 首字母大写

缩略语

abbr标签：较浅的虚线下边框，鼠标悬停变成问号指针，显示出完整title文本
abbr

地址

address标签：显示联系信息

表格

  • .table：基本表格样式
  • .table-striped：每一行增加斑马条纹样式
  • .table-bordered：增加边框
  • .table-hover：鼠标悬停状态响应
  • .table-condensed：表格更加紧凑
  • 五种状态类：
    .active：表示当前活动的信息，应用鼠标悬停颜色。
    .success：表示一个成功的或积极的动作，应用绿色。
    .info：表示普通中立行为，应用蓝色。
    .warning：表示一个需要注意的警告，应用黄色。
    .danger：表示一个危险的或潜在的负面动作，应用红色。
  • .table-responsive：响应式表格

按钮

基本样式类：
btn

预定义样式类：

样式类 说明
btn-default 默认
btn-primary 提供额外视觉效果，表示一组按钮中的原始动作
btn-success 成功或积极的动作
btn-info 警告消息的上下文按钮
btn-warning 谨慎
btn-danger 危险
btn-link 并不强调是一个按钮，看起来更像是一个链接，但同时保持按钮的行为。

按钮尺寸：

样式类 说明
btn-lg 大按钮
btn-sm 小按钮
btn-xs 超小按钮

块级按钮：
btn-block
将按钮拉伸至父元素100%宽度，同时变为块级元素。

按钮激活：
active样式类
底色更深、边框颜色更深、向内投射阴影。

按钮禁用：
disabled属性
颜色会变淡50%，并失去渐变，呈现出无法单击的效果

图像

img-responsive：响应式布局

改变图片形状：

样式类 内容 说明
img-rounded 添加border-radius:6px 获得图像圆角
img-circle 添加border-radius:500px 让整个图像变成圆形
img-thumbnail 添加一些内边距（padding）和一个灰色的边框 使图像呈现缩略图样式

辅助类

情景文本颜色：

样式类 说明
text-muted 柔和文本：浅灰色
text-primary 主要文本：蓝色
text-success 成功文本：绿色
text-info 信息文本：浅蓝色
text-warning 警告文本：黄色
text-danger 危险文本：褐色

情景文本背景色：

样式类 说明
bg-primary 主要背景：蓝色
bg-success 成功背景：绿色
bg-info 信息背景：浅蓝色
bg-warning 警告背景：红色
bg-danger 危险背景：褐色

关闭按钮：
button元素添加close样式类

三角符号（下拉菜单）：
空的span添加caret样式类

快速浮动：
pull-left 向左浮动
pull-right 向右浮动

块级居中显示：.center-block

清除浮动： .clearfix

案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人简历</title>
		 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		 <style>
			 body{
				 font-family: "microsoft yahei",arial,sans-serif;
			 }
			 .cvheader{
				 border-bottom: 1px solid #DFDFDF;
				 padding-top: 30px;
				 padding-bottom: 20px;
			 }
			 .cvheader h1{
				 margin:0;
			 }
			 .address{
				 background-color: #efb73e;
				 color: #fff;
				 padding: 50px;
			 }
			 .cvbody{
				 padding-top: 50px;
			 }
			 .cbox{
				 margin-bottom: 30px;
				 color: #FFFFFF;
				 padding: 50px;
			 }
			 .green{
				 background: #2ecc71;
				 
			 }
			 .orange{
				 background: orange;
			 }
			 .red{
				 background-color: #dd4814;
			 }
			 .bbox{
				 border: 1px solid #DFDFDF;
				 border-radius: 5px;
				 margin-bottom: 30px;
				 padding: 50px;
			 }
			 .footer{
				 margin: 30px   0 30px ;
				 padding: 50px;
				 background-color: #ccc;
				 color: #fff;
			 }
		 </style>
	</head>
	<body>
		<!-- 头部 -->
		<div class="container">
			<div class="row cvheader">
				<!-- 标题 -->
				<div class="col-lg-7 col-md-7 col-xs-12">
					<h1 class="text-primary">Name</h1>
					<p><span class="glyphicon glyphicon-paperclip">some introduction</span></p>
				</div>
				<!-- 联系方式 -->
				<div class="col-lg-3 col-md-3 col-xs-12">
					<div class="row">
						<div class="col-lg-4 col-md-4 col-xs-4">
							<p class="address text-center"id="contact">联系</p>
						</div>
						<div class="col-lg-8 col-md-8 col-xs-8">
							<p><span class="glyphicon glyphicon-envelope"> xxxxxxx@yyy.com</span></p>
							<p><span class="glyphicon glyphicon-earphone"> 13900000000</span></p>
							<p><span class="glyphicon glyphicon-road"> xx省yy市zz区</span></p>
						</div>
					</div>
				</div>
				<!-- 头像图片 -->
				<div class="col-lg-2 col-md-2 col-xs-12">
					<p>
					<img src="img/)@%25%5DQ41P$@(1R2~UUP%5BB%60DB.jpg" >
					</p>
				</div>
			</div>
		</div>
		
		<!-- 主体区域 -->
		<div class="container">
			<!-- 左栏 -->
			<div class="row cvbody">
				<div class="row">
					<!-- 个人介绍 -->
					<div class="cbox green">
						<h4>个人介绍</h4>
						<p>
							Lorem ipsum...
						</p>
					</div>
					<div class="cbox red">
						<h4>个人技能</h4>
						<p>
							<ul class="list-unstyled">
								<li>HTML/CSS/JS</li>
								<li>java/J2EE</li>
								<li>mysql</li>
								<li>Photoshop</li>
							</ul>
						</p>
					</div>
					<div class="cbox orange">
						<h4>语言水平</h4>
						<p><span class="clearfix"></span></p>
					</div>
				</div>
			</div>
			<!-- 中间空白列 -->
			<div class="col-lg-1 col-md-1 col-xs-12"></div>
			<!-- 右栏 -->
			<div class="col-lg-5 col-md-5 col-xs-12">
				<div class="row">
					<div class="bbox">
						<h4>教育背景</h4>
						<p>Lorem ipsum</p>
					</div>
					<div class="bbox">
						<h4>工作经验</h4>
						<p>Lorem ipsum</p>
					</div>
					<div class="bbox">
						<h4>个人爱好</h4>
						<p><span class="glyphicon glyphicon-plane"></span> AAA</p>
						<p><span class="glyphicon glyphicon-cutlery"></span> AAA</p>
						<p><span class="glyphicon glyphicon-music"></span> AAA</p>
					</div>
				</div>
			</div>
			
			
			
		</div>
		<div class="container">
				<div class="row">
					<div class="footer text-center">关注-微博</div>
				</div>
			</div>
	</body>
</html>

你可能感兴趣的:(【Bootstrap】学习笔记（二）——CSS布局)

  • WSL2部署训练YOLOv11之环境配置（2025年4月19日） 鱼圆食不食 YOLO
    一、前言今天尝试在WSL2环境中部署训练YOLOv11，顺便把环境配置好。二、安装CUDA由于WSL2中并不能直接使用宿主机的显卡，所以需要安装CUDAonWSL以安装NVIDIA驱动到WSL中。注意必须是WSL2，WSL2对GPU的支持使这些应用程序能够受益于GPU加速计算，WSL1不支持。打开cmd或pwsh更新一下WSL内核：wsl.exe--update确保宿主机已安装最新的NVIDIAG
  • 【面试】面试官：请介绍一下你如何高效处理海量数据与JVM内存故障排查方法？
    文章目录高效处理海量数据与JVM内存分析实战指南问题一：无内存限制下如何快速安全插入1000亿条数据到HashMap？1.数据结构优化2.内存与IO协同优化3.业务级安全策略问题二：JVM内存分析与OOM故障排查1.实时内存占用分析2.OOM事后分析流程步骤1：获取诊断三件套步骤2：定位泄漏根源步骤3：业务防御机制架构启示录高效处理海量数据与JVM内存分析实战指南问题一：无内存限制下如何快速安全插
  • 分布式锁特点、以及用python3实现redis分布式锁 数据知道 python3案例和总结分布式redis数据库python
    更多内容请见：python3案例和总结-专栏介绍和目录文章目录一、Redis分布式锁核心原理1.1Redis锁机制1.2锁释放二、基础实现代码2.1使用`redis-py`客户端2.2分布式锁类三、使用示例3.1基础锁操作3.2装饰器模式四、高级特性实现4.1Redlock算法（高可用方案）五、生产环境最佳实践5.1锁粒度控制5.2异常处理5.3监控与调试5.4重试机制六、测试代码6.1并发测试6
  • 反转，猝不及防 浅饮清茶
    福兮祸所伏，祸兮福所倚，说得正是福祸之间互为因果，相互转化的一种真实存在。日常生活中的很多事情，虽然达不到福、祸的地步，但是好坏的转换，也往往不随人的意志改变，总是在不经意间，就改变了很多，让人不知该喜还是该悲。自从接手疫情防控工作以来，不夸张地说，基本上没有休息过一个完整的周末或节假日。因为厂里每天早晨都要开晨会，关于疫情防控相关数据的汇总，是晨会必须要汇报的。于是，每天下午做好第二天晨会的多媒
  • OpenCV-光流估计
    文章目录一、光流估计介绍1.光流估计的基本概念2.光流估计的原理3.光流估计的前提4.OpenCV中的光流估计算法5.参数设置与调整二、代码实现三、注意事项OpenCV中的光流估计是计算机视觉领域中的一项重要技术，它通过分析图像序列中像素点的运动，来估计物体的运动信息。以下是对OpenCV中光流估计的详细解析：一、光流估计介绍1.光流估计的基本概念光流是空间运动物体在观测成像平面上的像素运动的“瞬
  • 【爬虫】05 - 爬虫攻防 是小崔啊 #爬虫学习爬虫
    爬虫05-爬虫攻防文章目录爬虫05-爬虫攻防一：随机User-Agent爬虫1：fake-useragent2：高级反反爬策略3：生产环境建议二：代理IP爬虫1：获取代理IP2：高阶攻防3：企业级的代理实战三：动态数据的抓取1：动态页面技术全景2：动态页面逆向工程2.1：XHR请求追踪与解析2.2：websocket实时数据捕获3：无头浏览器控制技术3.1：Playwright详解3.2：反反爬虫
  • 20191009读书笔记 龙套哥萨克海龙
    阅读1小时，总计1017小时，第981日阅读《九品中正制研究》第二章随着九品中正制的建立，标志着两汉以来以察举征辟制为主体的旧的选举时代的结束，也标志着魏晋南北朝时期以九品中正制为主体的新的选举时代的开始。曹魏初年，由于受曹操“唯才是举”选举政策的影响，中正选举尚能坚持选贤任能的标准，并以“家世”、“德才”两项综合定品。及至齐王芳嘉平以后，由于世家大族势力的兴起，选举标准也相应地发生了变化，史称“
  • XSS Payload 学习浏览器解码 菜鸟一个昂 servlet
    目录问题一：问题二：问题三：问题四：问题五：问题六：问题七：问题八：问题九：问题十：问题十一：问题十二：问题十三：问题十四：问题十五：问题一：无法弹窗原因：urlcode无法识别协议（javascript:）html解码顺序：1、html实体编码2、urlcode编码3,unicode编码问题二：可以弹窗首先先HTML实体编码解码，得到href中为URL，URL模块可识别为javascript协议
  • 2018-09-30 兰心_4d38
    好久都没有这种一起看电视的感觉。很温馨。晚上和姐姐，陈洋哥哥，罗耀哥哥，陈洋哥哥侄女一起看新武林大会。关键老姐他们还专门买了零食回来，不吃就没给面子对吧，所以就吃了点。晚饭就更温馨了，还有王雄哥哥和二姐一起去吃的毛儿火锅。来了重庆主城读书之后发现自己越来越不能吃辣了。现在我都是微辣型选手了。下午些来茶室，和我的路痴哥哥一起来的，已经习惯了。一来就看到美美的霜霜姐的背影。上午两节课完全没有心情听，不
  • 2023-04-17 你永远是傍晚中最亮的玫瑰
    今天是我们穿越的第四天，为何会这样呢？那就从四天前说起吧！在那天课上，老师说她给我们讲一个故事，在一个月黑风高的夜晚，有一群，十一二岁的，小孩在篮球场上玩，之后让我们自己想象，接下来会发生什么事情。结果就在晚上，我们一起在操场上玩时，天上的那轮明月在微风的吹拂下被乌云遮住了，就在月亮被乌云全部遮住的那个瞬间，世界都变得昏暗起来，但是我们并没有注意到这些，因为我们完全沉浸在了玩耍之中，而在三分钟之后
  • 2021年8月6号反思日记 37c089910fbe
    一.健康今天的饮食比较健康，吃了两顿有蔬菜和面试，然后健身的话大概跳了50分钟的健身操，但是状态不是很好。今天开始泡脚了，三伏天泡脚对身体非常的好，然后护肤的话今天用的是喜辽托乳膏治痘印，打算是一天刷酸，一天这个药膏。跳健身操给我的最大感受是暴汗特别的酸爽，特别的舒服，每天不跳不出汗，感觉不健康。二.个人成长今天状态不是很好，没有读书也没有做笔记，打算晚上试试看。反思日记的话，今天晚上准时写啊，还
  • Unity UI的未来之路：从UGUI到UI Toolkit的架构演进与特性剖析(1) 伽蓝_游戏 unityui架构游戏引擎游戏c#.net
    第一章：全面的特性对决——一份来自官方的详细评测报告在Unity引擎的UI开发领域，开发者主要面对两种核心技术选型：成熟且深度集成的UGUI(UnityUI)系统，以及代表未来方向、以性能和现代工作流为设计目标的UIToolkit。两者在底层架构、工作流程、性能模型和功能覆盖上存在本质差异。本章将基于详细的功能特性对比，对二者进行深入的技术分析，为开发者在项目初期做出合理的技术选型提供依据。核心差
  • Unity UI的未来之路：从UGUI到UI Toolkit的架构演进与特性剖析(2) 伽蓝_游戏 unityui架构游戏引擎游戏c#.net
    第二章：初识新王——UIToolkit的核心理念与架构剖析在第一章中，我们通过详尽的特性对比，清晰地看到了UIToolkit作为“新王”所展现出的、在性能和现代化工作流上的巨大潜力。然而，要真正理解并驾驭这把未来的“神兵利器”，我们必须更进一步，深入其内部，系统性地剖析它的核心设计理念、底层架构和关键技术特性。这一章，我们将正式踏上对UIToolkit的探索之旅，揭示其“Web技术启发”背后的真正
  • 假期第二天：逛超市+游泳 剪烛西窗_d70d
    2020年5月2日星期日晴亲爱的毛毛，今天你说要去要想游乐园玩，我想了想还是决定去商业大厦购物。带着你俩太忙，你爸年底发的百大卡都没用，结果最后被疯抢一空。家里洗发水没了，我想我的商业大厦卡也不保险，抓紧去消费。我们带上你爷爷一起帮忙拿东西，开车去了西城。一上午各种买买买，超市里买了东西后，我在美都汇给你和果果买了衣服，你买了个书包，果果买了个平衡车。总之我们上午买得很开心。中午妈妈实在累了，看着
  • Xss漏洞总结
    一、XSS漏洞简介XSS（Cross-SiteScripting，跨站脚本攻击）是一种常见的Web前端安全漏洞，其主要危害对象是网站的访问用户。攻击者通过在网页中注入恶意脚本代码（如JavaScript、Flash等），诱使用户访问后在其浏览器中执行这些代码，从而达到窃取数据、控制会话等攻击目的。二、XSS漏洞原理XSS的根本原因在于服务器未对用户提交的输入内容进行严格过滤和转义处理，导致用户提供
  • 你还记得最初的梦想吗？ 安安kelly
    今年的你还记得自己最初的梦想吗？图片发自App小时候，我的梦想是当一名警察，每次看到港片里面女警察抓匪徒的时候那股劲，特别羡慕，想着什么时候自己和她一样，英姿飒爽，走路都带风的感觉是倍爽！等上初中的时候，每天想着怎么考上一所好高中。上高中那会，就希望自己能考一所重点大学，可是这个梦想还是没实现，只考了一个二本。到了大学，梦想着出去能找个好工作，嫁个好老公，就这样平凡的过一生，这个还是没实现。到了现
  • 2021-07-24 心花怒放心理咨询
    【学习内容】沟通的基本训练。沟通基本训练之接受批评法。沟通的基本训练之一分为二法。【我的收获】增加了某项知识，刷新了某项认知，启发了某个思路...聆听对方的需要。复述语言。肢体+语气。精简说话。精简要点+核对。能够使来访者被理解被看见。接受批评法。一个有效的改善受到批评后所遗留的负面情绪的方法。就是给自己安装一个程序。我们有力量去应对。甚至把负面信息转化为正面信息。【我可以这样用】我将如何运用这个
  • 贵妇膏和素颜霜有什么区别 广州时尚王子
    贵妇膏和素颜霜在成分、功效、使用范围和使用方法上存在显著区别。·成分差异:贵妇膏通常含有高品质的珍珠粉、胶原蛋白、植物提取物等成分，旨在滋养肌肤和提亮肤色。素颜霜则以二氧化钛、维生素C衍生物为主要成分，强调自然、清新的成分，同时具有一定的防晒效果。·功效不同:贵妇膏主要针对肌肤的滋养和修护，能够提亮肤色，改善肌肤暗沉、干燥等问题。素颜霜则以打造自然、清新的妆容为主，同时具有一定的保湿和防晒效果。·
  • 中秋礼物怎么买划算？网购月饼领优惠券？ 古楼
    在中秋节购买礼物时，想要买得划算，可以考虑以下几个方面，并结合网购月饼领优惠券的策略来进一步节省开支。一、选择合适的购物时机利用促销活动：中秋节前夕，各大电商平台和实体店都会推出各种促销活动，如满减、折扣、秒杀等。关注这些活动，可以在优惠力度最大的时候下单购买。提前规划：提前了解心仪商品的价格走势，避免在高峰期购买时价格虚高。同时，提前下单还能确保商品能够及时送达，避免节日当天物流拥堵。二、网购月
  • Windows 环境下 Nginx 的安装与高级配置指南
    目录第一章：Windows平台Nginx概述1.1Windows版Nginx特点1.2适用场景分析第二章：Nginx安装与配置2.1下载与安装2.2目录结构说明2.3注册为系统服务（可选）第三章：基础配置与优化3.1主配置文件优化(conf/nginx.conf)3.2虚拟主机配置示例第四章：性能优化策略4.1Windows特有优化参数4.2不同配置性能对比4.3系统参数调整第五章：安全配置5.1
  • APT32F1732RBT8爱普特微电子 32位MCU国产芯片 智能家居/工业控制 首选 深圳市尚想信息技术有限公司 32位MCU国产芯片爱普特微电子智能家居工业控制
    APT32F1732RBT8爱普特微电子，32位MCU国产芯片一、产品简介APT32F1732RBT8是爱普特微电子（APT）推出的高性能32位ARMCortex-M0内核MCU，主频高达48MHz，内置64KBFlash+8KBRAM，专为智能家居、工业控制、消费电子等领域打造。国产自主可控，性能比肩国际大厂，价格更亲民！二、核心功能与优势强劲计算性能48MHzCortex-M0内核，1.25D
  • （苏婉霍枭寒）&《禁欲男神摁上墙她就撩撩不负责》都市言情美文在线阅读~<禁欲男神摁上墙，她就撩撩不负责！>看了第一集想看第二季！ 今日推文2
    完整版在文章底部——完整版在文章底部——（苏婉霍枭寒）&《禁欲男神摁上墙她就撩撩不负责》都市言情美文在线阅读~看了第一集想看第二季！（苏婉霍枭寒）&《禁欲男神摁上墙她就撩撩不负责》都市言情美文在线阅读~看了第一集想看第二季！完整版在文章底部——完整版在文章底部——（苏婉霍枭寒）&《禁欲男神摁上墙她就撩撩不负责》都市言情美文在线阅读~看了第一集想看第二季！让孟新浩下意识地站直了身体。不仅觉得自己猜对
  • 北周武帝灭齐 liqiang2020
    公元534年，北魏分裂成东魏和西魏，不久北齐代替了东魏，北魏代替了西魏。两国为了统一北方，常年征战，互有胜负。北周武城二年四月，就是公元560年，宇文邕继位，就是北周武帝。北周武帝继位以后设计杀死了权臣宇文护，掌握了北周的大权，接着着力增加税收，增强国家的实力。从此以后，北周武帝开始谋划消灭北齐，统一北方。当时北齐后主高纬是个昏君，整日不理朝政，在后宫和嫔妃、宫女饮酒作乐。他常常抱着琵琶唱《无忧歌
  • Python星球日记 - 第8天：函数基础 Code_流苏 Python星球日记python函数def关键字函数参数返回值
    引言：上一篇：Python星球日记-第7天：字典与集合名人说：路漫漫其修远兮，吾将上下而求索。——屈原《离骚》创作者：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder）目录一、函数的定义与调用1.什么是函数？2.如何定义函数-`def`关键字3.函数调用方式二、参数与返回值1.函数参数类型2.如何传递参数3.返回值和`return`语句三、局部变量与全局变量1.变量作用域概念2.局部变
  • Flutter状态管理篇之ValueNotifier（三）
    目录前言一、ValueNotifier概述二、ValueNotifier的实现原理1.类定义1.类定义2.关键字段3.关键方法1.构造函数2.getter:value3.setter:value:4.toString2.继承自ChangeNotifier的机制3.ValueListenable接口三、ValueNotifier的用法1.自动监听单个值的变化2.手动监听3.结合Provider四、V
  • 2018-09-14 9b7b83ee0c03
    2018.09.14親愛的家人們，晚上好！我是刘永波我是一個激情、大爱、有擔當的男人！我在湖北武汉今天是2018年9月14日我們的口號是：TA28，能量大爆發我們的願景是:我/我們承諾創造一個激情、大愛、付出的世界我們的團歌是:迎著風我们的九字箴言是：有我在！28在！冠军在！一、表现成果1,个大家一起，着手汉川2,晚上陪家人小孩二、体验感受1,心态放轻松，抓住好机会，积极的心态。三、学习行的通的是
  • 拨云见日 融和之路
    三和實修《強人手記》日期:2021.9.11姓名：春来想成為什麼樣的人：有力量有担当，协助有缘人点亮心灯，正能量的种子。實修要點：一、近期成长点记录：1、如实呈现做的更好了2、对境觉知逆行做的更好了3、做事情积极主动了，更用心二、正向單向關注：1做了女儿爱吃的菜，她说在家里吃饭好幸福，离家几天就知道家里的好了。2轲杰在外接受考验一个星期回来，还赚了钱，理完发整个人的气质大改变，师父太厉害了，这才是
  • 基于单片机出租车计价器设计 小新单片机 单片机设计库单片机嵌入式硬件
    功能介绍以51单片机作为主控系统；1602液晶屏显示最初的起步价，里程收费，等待时间收费；按键调整起步价，里程收费，等待时间收费；电机旋转，通过霍尔传感器检测转速，来模拟出租车行驶；电路图仿真图元器件清单B15V直流电机+托盘（粘好磁铁）BT12032纽扣电池+电池座C1,C6470uf电解电容C2104瓷片电容C310uF电解电容C4,C530pf瓷片电容D11N4007二极管J1电源接口K1,
  • 李二的弹弓 b3eb5665d5ac
    李二的弹弓爱打鸟，小区内人人都知道。三十多岁的他，眼看就要打光棍，老街坊们都劝他：打鸟伤姻缘，因果有循环。他却满不在乎。因为家里就他一个人：父母和哥哥五年前在一场事故中去世，赔偿的六十多万都归他一人。这天李二揣上弹弓和钢珠，来到河边公园去打鸟。夕阳金光耀树梢，一对情侣笑声俏。每当看到这情景，李二更是心中妒火烧，都怪月老不牵绳，缘分迟迟不来到。搭弓装弹河中射，吓的水鸟都飞跑。刚才说笑的情侣突然来到了
  • 华为OD 机试 2025 B卷 - 周末爬山 (C++ & Python & JAVA & JS & GO) 无限码力 华为OD机试真题刷题笔记华为od华为OD2025B卷华为OD机考2025B卷华为OD机试2025B卷华为OD机试
    周末爬山华为OD机试真题目录点击查看:华为OD机试2025B卷真题题库目录｜机考题库+算法考点详解华为OD机试2025B卷200分题型题目描述周末小明准备去爬山锻炼，0代表平地，山的高度使用1到9来表示，小明每次爬山或下山高度只能相差k及k以内，每次只能上下左右一个方向上移动一格，小明从左上角(0,0)位置出发输入描述第一行输入mnk(空格分隔)。代表m*n的二维山地图，k为小明每次爬山或下山高度
  • HQL之投影查询 归来朝歌 HQLHibernate查询语句投影查询
            在HQL查询中，常常面临这样一个场景，对于多表查询，是要将一个表的对象查出来还是要只需要每个表中的几个字段，最后放在一起显示？ 针对上面的场景，如果需要将一个对象查出来： HQL语句写“from 对象”即可 Session session = HibernateUtil.openSession();
  • Spring整合redis bylijinnan redis
    pom.xml <dependencies> <!-- Spring Data - Redis Library --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redi
  • org.hibernate.NonUniqueResultException: query did not return a unique result: 2 0624chenhong Hibernate
    参考：http://blog.csdn.net/qingfeilee/article/details/7052736 org.hibernate.NonUniqueResultException: query did not return a unique result: 2         在项目中出现了org.hiber
  • android动画效果 不懂事的小屁孩 android动画
    前几天弄alertdialog和popupwindow的时候，用到了android的动画效果，今天专门研究了一下关于android的动画效果，列出来，方便以后使用。 Android 平台提供了两类动画。 一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。 第二类就是 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似。
  • js delete 删除机理以及它的内存泄露问题的解决方案 换个号韩国红果果 JavaScript
    delete删除属性时只是解除了属性与对象的绑定，故当属性值为一个对象时，删除时会造成内存泄露  （其实还未删除） 举例： var person={name:{firstname:'bob'}} var p=person.name delete person.name p.firstname -->'bob' // 依然可以访问p.firstname，存在内存泄露
  • Oracle将零干预分析加入网络即服务计划 蓝儿唯美 oracle
    由Oracle通信技术部门主导的演示项目并没有在本月较早前法国南斯举行的行业集团TM论坛大会中获得嘉奖。但是，Oracle通信官员解雇致力于打造一个支持零干预分配和编制功能的网络即服务（NaaS）平台，帮助企业以更灵活和更适合云的方式实现通信服务提供商（CSP）的连接产品。这个Oracle主导的项目属于TM Forum Live!活动上展示的Catalyst计划的19个项目之一。Catalyst计
  • spring学习——springmvc（二） a-john springMVC
    Spring MVC提供了非常方便的文件上传功能。 1，配置Spring支持文件上传： DispatcherServlet本身并不知道如何处理multipart的表单数据，需要一个multipart解析器把POST请求的multipart数据中抽取出来，这样DispatcherServlet就能将其传递给我们的控制器了。为了在Spring中注册multipart解析器，需要声明一个实现了Mul
  • POJ-2828-Buy Tickets aijuans ACM_POJ
    POJ-2828-Buy Tickets http://poj.org/problem?id=2828 线段树，逆序插入 #include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>using namespace std;#define N 200010struct
  • Java Ant build.xml详解 asia007 build.xml
    1,什么是antant是构建工具2,什么是构建概念到处可查到，形象来说，你要把代码从某个地方拿来，编译，再拷贝到某个地方去等等操作，当然不仅与此，但是主要用来干这个3,ant的好处跨平台   --因为ant是使用java实现的，所以它跨平台使用简单--与ant的兄弟make比起来语法清晰--同样是和make相比功能强大--ant能做的事情很多，可能你用了很久，你仍然不知道它能有
  • android按钮监听器的四种技术 百合不是茶 androidxml配置监听器实现接口
    android开发中经常会用到各种各样的监听器,android监听器的写法与java又有不同的地方;    1,activity中使用内部类实现接口 ,创建内部类实例  使用add方法  与java类似   创建监听器的实例 myLis lis = new myLis();   使用add方法给按钮添加监听器  
  • 软件架构师不等同于资深程序员 bijian1013 程序员架构师架构设计
            本文的作者Armel Nene是ETAPIX Global公司的首席架构师，他居住在伦敦，他参与过的开源项目包括 Apache Lucene,，Apache Nutch， Liferay 和 Pentaho等。         如今很多的公司
  • TeamForge Wiki Syntax & CollabNet User Information Center sunjing TeamForgeHow doAttachementAnchorWiki Syntax
    the CollabNet user information center http://help.collab.net/   How do I create a new Wiki page? A CollabNet TeamForge project can have any number of Wiki pages. All Wiki pages are linked, and
  • 【Redis四】Redis数据类型 bit1129 redis
    概述 Redis是一个高性能的数据结构服务器，称之为数据结构服务器的原因是，它提供了丰富的数据类型以满足不同的应用场景，本文对Redis的数据类型以及对这些类型可能的操作进行总结。 Redis常用的数据类型包括string、set、list、hash以及sorted set.Redis本身是K/V系统，这里的数据类型指的是value的类型，而不是key的类型，key的类型只有一种即string
  • SSH2整合-附源码 白糖_ eclipsespringtomcatHibernateGoogle
    今天用eclipse终于整合出了struts2+hibernate+spring框架。 我创建的是tomcat项目，需要有tomcat插件。导入项目以后，鼠标右键选择属性，然后再找到“tomcat”项，勾选一下“Is a tomcat project”即可。具体方法见源码里的jsp图片，sql也在源码里。     补充1：项目中部分jar包不是最新版的，可能导
  • [转]开源项目代码的学习方法 braveCS 学习方法
    转自： http://blog.sina.com.cn/s/blog_693458530100lk5m.html http://www.cnblogs.com/west-link/archive/2011/06/07/2074466.html   1）阅读features。以此来搞清楚该项目有哪些特性2）思考。想想如果自己来做有这些features的项目该如何构架3）下载并安装d
  • 编程之美-子数组的最大和（二维） bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; import java.util.Random; public class MaxSubArraySum2 { /** * 编程之美 子数组之和的最大值（二维） */ private static final int ROW = 5; private stat
  • 读书笔记-3 chengxuyuancsdn jquery笔记resultMap配置ibatis一对多配置
    1、resultMap配置 2、ibatis一对多配置 3、jquery笔记 1、resultMap配置 当<select resultMap="topic_data"> <resultMap id="topic_data">必须一一对应。 (1)<resultMap class="tblTopic&q
  • [物理与天文]物理学新进展 comsci
          如果我们必须获得某种地球上没有的矿石,才能够进行某些能量输出装置的设计和建造,而要获得这种矿石,又必须首先进行深空探测,而要进行深空探测,又必须获得这种能量输出装置,这个矛盾的循环,会导致地球联盟在与宇宙文明建立关系的时候,陷入困境       怎么办呢?  
  • Oracle 11g新特性:Automatic Diagnostic Repository daizj oracleADR
    Oracle Database 11g的FDI（Fault Diagnosability Infrastructure）是自动化诊断方面的又一增强。 FDI的一个关键组件是自动诊断库（Automatic Diagnostic Repository-ADR）。 在oracle 11g中，alert文件的信息是以xml的文件格式存在的，另外提供了普通文本格式的alert文件。 这两份log文
  • 简单排序:选择排序 dieslrae 选择排序
    public void selectSort(int[] array){ int select; for(int i=0;i<array.length;i++){ select = i; for(int k=i+1;k<array.leng
  • C语言学习六指针的经典程序，互换两个数字 dcj3sjt126com c
    示例程序，swap_1和swap_2都是错误的，推理从1开始推到2，2没完成，推到3就完成了 # include <stdio.h> void swap_1(int, int); void swap_2(int *, int *); void swap_3(int *, int *); int main(void) { int a = 3; int b =
  • php 5.4中php-fpm 的重启、终止操作命令 dcj3sjt126com PHP
    php 5.4中php-fpm 的重启、终止操作命令: 查看php运行目录命令：which php/usr/bin/php 查看php-fpm进程数：ps aux | grep -c php-fpm 查看运行内存/usr/bin/php  -i|grep mem 重启php-fpm/etc/init.d/php-fpm restart 在phpinfo()输出内容可以看到php
  • 线程同步工具类 shuizhaosi888 同步工具类
    同步工具类包括信号量（Semaphore）、栅栏（barrier）、闭锁（CountDownLatch）   闭锁（CountDownLatch） public class RunMain { public long timeTasks(int nThreads, final Runnable task) throws InterruptedException { fin
  • bleeding edge是什么意思 haojinghua DI
    不止一次，看到很多讲技术的文章里面出现过这个词语。今天终于弄懂了——通过朋友给的浏览软件，上了wiki。  我再一次感到，没有辞典能像WiKi一样，给出这样体贴人心、一清二楚的解释了。为了表达我对WiKi的喜爱，只好在此一一中英对照，给大家上次课。   In computer science, bleeding edge is a term that
  • c中实现utf8和gbk的互转 jimmee ciconvutf8&gbk编码
    #include <iconv.h> #include <stdlib.h> #include <stdio.h> #include <unistd.h> #include <fcntl.h> #include <string.h> #include <sys/stat.h> int code_c
  • 大型分布式网站架构设计与实践 lilin530 应用服务器搜索引擎
    1.大型网站软件系统的特点？ a.高并发，大流量。 b.高可用。 c.海量数据。 d.用户分布广泛，网络情况复杂。 e.安全环境恶劣。 f.需求快速变更，发布频繁。 g.渐进式发展。 2.大型网站架构演化发展历程？ a.初始阶段的网站架构。 应用程序，数据库，文件等所有的资源都在一台服务器上。 b.应用服务器和数据服务器分离。 c.使用缓存改善网站性能。 d.使用应用
  • 在代码中获取Android theme中的attr属性值 OliveExcel androidtheme
    Android的Theme是由各种attr组合而成, 每个attr对应了这个属性的一个引用, 这个引用又可以是各种东西.   在某些情况下, 我们需要获取非自定义的主题下某个属性的内容 (比如拿到系统默认的配色colorAccent), 操作方式举例一则: int defaultColor = 0xFF000000; int[] attrsArray = { andorid.r.
  • 基于Zookeeper的分布式共享锁 roadrunners zookeeper分布式共享锁
    首先，说说我们的场景，订单服务是做成集群的，当两个以上结点同时收到一个相同订单的创建指令，这时并发就产生了，系统就会重复创建订单。等等......场景。这时，分布式共享锁就闪亮登场了。   共享锁在同一个进程中是很容易实现的，但在跨进程或者在不同Server之间就不好实现了。Zookeeper就很容易实现。具体的实现原理官网和其它网站也有翻译，这里就不在赘述了。   官
  • 两个容易被忽略的MySQL知识 tomcat_oracle mysql
    1、varchar(5)可以存储多少个汉字，多少个字母数字？ 　　相信有好多人应该跟我一样，对这个已经很熟悉了，根据经验我们能很快的做出决定，比如说用varchar(200)去存储url等等，但是，即使你用了很多次也很熟悉了，也有可能对上面的问题做出错误的回答。 　　这个问题我查了好多资料，有的人说是可以存储5个字符，2.5个汉字（每个汉字占用两个字节的话），有的人说这个要区分版本，5.0
  • zoj 3827 Information Entropy(水题) 阿尔萨斯 format
    题目链接：zoj 3827 Information Entropy 题目大意：三种底，计算和。 解题思路：调用库函数就可以直接算了，不过要注意Pi = 0的时候，不过它题目里居然也讲了。。。limp→0+plogb(p)=0，因为p是logp的高阶。 #include <cstdio> #include <cstring> #include <cmath&
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他