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布局)

  • 计算机网络：利用分组嗅探器分析传输层与网络层协议 20230921 计算机网络实验计算机网络
    目录实验内容实验目的实验预备知识实验过程描述实验一：对传输层协议TCP/UDP进行捕包分析实验二：对网络层协议IP进行捕包分析实验结果实验一：对传输层协议TCP/UDP进行捕包分析结果如下：实验二：对网络层协议IP进行捕包分析结果如下实验当中问题及解决办法实验内容利用分组嗅探器分析传输层与网络层协议实验目的了解传输层TCP/UDP协议构造；了解网络层IP协议构造；实验预备知识TCP段结构UDP段结
  • Hive SQL 精进系列：一行变多行的 LATERAL VIEW EXPLODE 进一步有进一步的欢喜 HiveSQL精进系列hivesqlhadoop
    目录一、引言二、`LATERALVIEWEXPLODE`概述2.1基本概念2.2单词解析2.2.1`LATERAL`2.2.2`VIEW`2.2.3`EXPLODE`三、语法详解3.1基本语法结构3.2完整语法示例（针对映射情况）四、使用场景4.1数组数据展开4.2映射数据展开五、案例分析5.1展开数组示例5.1.1数据准备5.1.2使用`LATERALVIEWEXPLODE`展开数组5.1.3结
  • 题目：将一个数组逆序输出。 bkswbksw C语言练习
    //第一种#includeintmain(){inta[5]={1,2,3,4,5};inti;printf("原始数据为:\n");for(i=0;i=0;i--){printf("%d",a[i]);}return0;}//第二种#includeintmain(){inta[5]={1,2,3,4,5};inti,x,temp;printf("原始数组为:\n");for(i=0;i<5;i+
  • Java中DDD概念之四理解仓储模式：领域与数据层的优雅桥梁 以恒1 java开发语言
    Java，DDD概念之四理解仓储模式：领域与数据层的优雅桥梁一、仓储模式是什么？仓储（Repository）就像一个智能的业务数据管家。想象你经营一家图书馆，书籍的存放、检索、上架工作交给专业管理员，你只需告诉管理员：“我需要2023年出版的所有编程书籍”。仓储就是这样的管理员，把繁琐的数据操作封装起来，让业务代码专注处理核心逻辑。二、为什么需要仓储模式？1.传统开发的问题假设有一个用户管理系统：
  • 计算机组成与设计：硬件软件接口（RISC-V版） 忧· risc-v
    第二章总结本篇主要总结RSIC-V的指令集，分别介绍不同类型的指令功能以及指令的使用示例。RISC-V指令集采用模块化设计，以书中介绍的为例，大体可将指令类型分为六种基本格式，分别为R型指令、I型指令、S型指令、B型指令、U型指令、J型指令。下面对每一种指令进行逐一介绍。R型指令（寄存器-寄存器操作）R型指令用于寄存器间的算术/逻辑运算，所有操作数均来自寄存器。下面是R型指令格式：funct7rs
  • 警告 torch.nn.utils.weight_norm is deprecate 的参考解决方法 wongHome 深度学习相关调试问题Ubuntupytorch
    文章目录写在前面一、问题描述二、解决方法参考链接写在前面自己的测试环境：Ubuntu20.04一、问题描述运行pytorch程序，如下如下警告/home/wong/ProgramFiles/anaconda3/envs/pytorch_env/lib/python3.8/site-packages/torch/nn/utils/weight_norm.py:30:UserWarning:torch
  • Unity 中 Boids 算法：模拟群体行为的奇妙世界 阿贾克斯的黎明 游戏开发unity算法游戏引擎
    目录Unity中Boids算法：模拟群体行为的奇妙世界一、Boids算法适用场景二、Boids算法基本原理三、在Unity中实现Boids算法在Unity游戏开发的广袤天地里，模拟逼真的群体行为能够为游戏增添丰富的动态与真实感。Boids算法作为实现这一效果的强大工具，被广泛应用于模拟鸟群翱翔、鱼群洄游、兽群迁徙等场景。本文将深入探讨Unity中Boids算法的应用，包括适用场景、实现方式及代码示
  • 财务管理核心知识深度剖析 阿贾克斯的黎明 基础学科学习
    目录财务管理核心知识深度剖析一、财务指标计算：企业财务状况的量化洞察二、成本计算方法：企业成本管控的核心策略三、财务分析方法：解读企业财务密码的钥匙在华为财经笔试的知识体系中，第二章财务管理核心知识是重中之重，它涵盖了从基础指标计算到复杂分析方法、预算管理、资金与投资决策以及风险把控等多方面内容，对企业的财务运营和决策起着关键作用。深入理解这些知识，不仅有助于在笔试中取得优异成绩，更能为实际的财务
  • 如何快速创建Fastapi项目 黄小耶@ fastapipythonlinux
    一、环境安装安装第三方库来搭建项目依赖pipinstallfastapi#fastapi框架pipinstalltortoise-orm[accel]#数据库的ormpipinstalluvicorn#web服务器pipinstallpyjwt#权限认证pipinstallaerich#数据库迁移pipinstallaiomysql#Mysql数据库驱动二、项目结构构建大型的项目结构，文件结构如下
  • Mysql的命令大全 黄小耶@ mysql数据库
    一、数据库1、创建数据库createdatabase数据库名charsetutf8;2、查看数据库showdatabases;selectdatabse();3、删除数据库dropdatabse数据库名;4、使用数据库use数据库名;二、数据表1、创建表createtable表名(字段名类型);2、查看表showtables;3、修改表altertable表名modify字段名char(6);#修
  • 78. Harmonyos NEXT 懒加载数据源实现解析 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyosNEXT懒加载数据源实现解析：BasicDataSource与CommonLazyDataSourceModel详解一、核心类关系图解二、基础数据源实现（BasicDataSource）1.监听器管理机制privatelisteners:Dat
  • Java编程基础第二日 13.544 java开发语言编程小白
    #变量的类型转换#1.自动类型转换所需满足的两个条件：1.两种数据的类型彼此兼容2.目标类型的取值范围要大于源类型的取值范围发生自动类型转换的情况主要有：整型之间，整型转化为float，其他类型转化为double类型。2.强制类型转换（需要声明）当数据类型并不满足自动类型转换的条件，但我们仍有进行转换的需求e.g:这时候就需要我们进行强制类型转换，即将byteb=num改为byteb=（byte）
  • docker基础 黄小耶@ Pythonweb开发linuxdocker
    docker基础一、镜像命令1、镜像检索dockersearchnginx2、镜像下载dockerpullnginx3、镜像查询列表dockerimages4、删除镜像dockerrmi二、容器命令1、运行容器dockerrun应用名dockerrun-d应用名#后台运行dockerrun--name应用名#取别名dockerrun-p80:80应用名#端口映射2、查看运行中的容器dockerps
  • 《黑客攻防从入门到精通：工具篇》全15章万字深度总结——从工具解析到实战攻防，构建完整网络安全知识体系 予安灵 黑客技术web安全安全系统安全网络安全安全架构网络攻击模型黑客工具链
    目录一、书籍核心逻辑与学习路径二、核心模块与工具深度解析模块1：信息收集与网络扫描模块2：渗透测试与漏洞利用模块3：密码攻防与身份认证模块4：恶意程序攻防模块5：网络追踪与反追踪模块6：系统加固与数据防护三、工具链实战方法论第一章：黑客必备小工具第二章：扫描与嗅探工具第三章：注入工具（诸如工具）第四章：密码攻防工具第五章：病毒攻防常用工具第六章：木马攻防常用工具第七章：网游与网吧攻防工具第八章：黑
  • Java 基础到进阶&企业技巧（二） Aphelios380 开发语言java学习idea学习方法
    在Java学习的旅程中，我们逐步探索了其丰富的知识体系，从基础的数据类型、字符串操作，到流程控制、运算符的运用，每一步都为我们构建强大的编程能力奠定基石。同时，了解这些知识在Java全栈开发中的应用场景，对未来进入企业工作至关重要。目录一、字符串1.底层原理与语法2.字符串位置与拼接3.字符串数组操作二、人机交互1.接收输入-Scanner类2.课堂练习三、字符与编码1.char字符2.面试题：字
  • Python3 【项目实战】深度解析：赛跑成绩统计分析工具 李智 - 重庆 Python精讲精练-从入门到实战python案例学习编程技巧时间处理项目实战
    Python3【项目实战】深度解析：赛跑成绩统计分析工具一、项目概述1.开发背景：田径比赛的成绩统计需要快速准确的计算选手成绩，传统人工计时和统计效率低且易出错。本工具通过程序化处理赛跑数据，自动计算各选手成绩及整体统计指标，主要应用于：学校运动会成绩实时统计田径锦标赛的自动化成绩公示运动员训练数据分析2.技术定位：时间数据处理与统计计算的典型案例字典数据结构的实践应用面向过程编程的教学范例二、项
  • kaggle-ISIC 2024 - 使用 3D-TBP 检测皮肤癌-学习笔记 supernova121 学习笔记
    问题描述：通过从3D全身照片(TBP)中裁剪出单个病变来识别经组织学确诊的皮肤癌病例数据集描述：图像+临床文本信息评价指标：pAUC，用于保证敏感性高于指定阈值下的AUC主流方法分析（文本）基于CatBoost、LGBM和XGBoost三者的组合，为每个算法创建了XX个变体，总共XX个模型，进行集成学习。CatBoost在传统梯度提升决策树（GBDT）基础上，引入了一系列关键技术创新，以提升处理类
  • Vue3项目基于Axios封装request请求 洛*璃 Vue.jsvue.js前端javascripttypescript
    在Vue3的项目开发中，使用Axios进行HTTP请求是非常常见的作法，为了更方便开发者更高效的进行代码编写和项目的维护，可以通过再次封装Axios来实现。在本文中，博主将详细指导你如何在自己的Vue3项目中使用Axios二次封装request请求。1.安装Axios首先，确保我们的Vue3项目已经安装了Axios。如果尚未安装Axios，则可以定位到项目根目录下(与src目录同级)，运行命令行：
  • 主流开源大模型能力对比矩阵 时光旅人01号 人工智能开源python深度学习pytorch
    模型名称核心优势主要局限Llama2/3✅多语言生态完善✅Rotary位置编码✅GQA推理加速⚠️数据时效性差⚠️隐私保护不足Qwen✅千亿参数规模✅中文语境优化✅复杂文本生成⚠️需高性能硬件⚠️领域知识需二次训练ChatGLM-3✅多轮对话支持✅中英双语流畅✅对话记忆优秀⚠️计算资源消耗大⚠️长文本易发散DeepSeek✅代码注释生成✅技术文档规范✅全流程方案生成⚠️逻辑错误较多⚠️数据更新延迟
  • 7.探索XSS跨站脚本攻击 早安TnT 网络安全学习计划（每日计划）xss前端网络安全学习
    探索XSS跨站脚本攻击第一部分：XSS基础（理论）第二部分：XSS的手工测试（理论）第三部分：DVWA靶场实践XSS（实践）总结目标：•理解XSS的基本原理与类型•掌握XSS的手工测试方法•通过DVWA靶场实践XSS攻击详细内容与教学第一部分：XSS基础（理论）学习内容：•什么是XSS？•XSS的类型•XSS的危害详细讲解：1什么是XSS？XSS（Cross-SiteScripting，跨站脚本攻
  • ros如何编译python文件_（二）ROS入门——4.如何编写ROS的第一个程序hello_world weixin_39935903 ros如何编译python文件
    ROS机器人操作系统在机器人应用领域很流行，依托代码开源和模块间协作等特性，给机器人开发者带来了很大的方便。我们的机器人“miiboo”中的大部分程序也采用ROS进行开发，所以本文就重点对ROS基础知识进行详细的讲解，给不熟悉ROS的朋友起到一个抛砖引玉的作用。本章节主要内容：1.ROS是什么2.ROS系统整体架构3.在ubuntu16.04中安装ROSkinetic4.如何编写ROS的第一个程序
  • 企微扫码登录 庸懒 企业微信
    企微扫码登录企微的扫码登录官网有较为详细的文档扫码授权登录-文档-企业微信开发者中心(qq.com)，对主要流程有详细说明且对部分代码有示例。扫码登录有两种方式，一种是跳转到扫码页面，一种是内嵌二维码，因为第二种接受度更高所以这里以第二个为例：1.引入资源首先需要在网页中引入企微的指定资源http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLog
  • WebRTC的ICE之STUN协议 chen_song_ WebRTC源码探秘webrtc音视频
    WebRTC的ICE之STUN协议WebRTC的ICE之STUN协议WebRTC的ICE之STUN协议前言一、STUN协议二、STUN协议头格式三、STUNHeader四、STUNMessageType1、C0C12、STUN信息类型3、大小端模式五、StunMagicCookie六、TransactionID事务ID七、STUNMessageBody八、RFC3489定义的属性九、WebRTC中
  • Autoleaders控制组——51单片机学习笔记（2） Autoleaders控制组 邓翔 51单片机学习笔记
    51单片机学习（2）1.模块化编程1.1模块化编程的意义在学习单片机的途中，随着我们的知识不断扩展，我们能写出的代码也越来越复杂，越来越长了，有时我们自己写出的很长的代码，出现了错误，需要调试，但奈何自己的代码实在是太长了，真的不好分析到底是哪里出错了。这是因为我们将太多的函数和代码放在一个main.c的文件里，导致代码过度堆积。如果我们能够条理清晰地去将不同作用的代码和函数放在不同的xxx.c文
  • Python 在人工智能领域的实际6大案例 Solomon_肖哥弹架构 人工智能机器学习python
    Python作为一种功能强大且易于学习的编程语言，在人工智能（AI）领域得到了广泛的应用。从机器学习到深度学习，从自然语言处理到计算机视觉，Python提供了丰富的库和框架，使得开发者能够快速实现各种AI应用。本文将通过多个实际案例，展示Python在人工智能领域的强大功能和应用前景。二、案例一：手写数字识别（MNIST）1.背景介绍手写数字识别是机器学习领域的经典入门项目，MNIST数据集包含了
  • Android Framework 之了解系统启动流程二 Bonnie_cat android
    AndroidFramework源码阅读系列篇章有：系统启动流程一之init进程和zygote进程启动分析系统启动流程二之SystemServer进程启动分析1.SystemServer进程启动分析在系统启动流程一之init进程和zygote进程启动分析中分析zygote进程时，我们知道了zygote调用forkSystemServer()方法fork了SystemServer进程。看一下fork
  • 反激与正激拓扑：区别、选型与应用 DeepGpt 电力电子介绍单片机嵌入式硬件
    1.反激与正激的区别反激和正激是两种常见的隔离型开关电源拓扑，主要区别体现在工作原理、电路结构和性能特性上。（1）工作原理反激（Flyback）能量存储与传输：变压器在开关导通时存储能量（电感模式），开关关断时将能量传递到次级。工作模式：基于电感储能，类似于Boost-Buck组合。开关周期：开关导通：初级电流上升，变压器储能，次级二极管反偏。开关关断：变压器释放能量，次级二极管导通，能量传输到负
  • 结节性硬化的预防主要涉及早期筛查 poilkjmnbaa javascript
    结节性硬化的预防主要涉及早期筛查、健康生活方式和遗传咨询等方面。以下是关于预防结节性硬化的具体措施：一、早期筛查1.定期进行健康检查：定期进行全面的身体检查，包括皮肤、神经系统、眼部等部位的检查，有助于早期发现可能的结节性硬化病变。2.家族史筛查：对于有家族史的人群，应进行遗传咨询和基因检测，以评估患病风险。二、健康生活方式1.保持均衡饮食：饮食要均衡，摄入足够的维生素和矿物质，避免过多摄入高脂肪
  • AI开发 - 算法基础 递归 的概念和入门（三）递归的进阶学习 minstbe PythonAI应用与观察算法学习深度优先
    前面我们通过2篇文章，一起了解了递归，以及使用递归来解决汉诺塔问题。今天我们在这个基础上，进一步地熟悉和学习递归。这篇学习笔记将涵盖递归的基本概念、应用、优化技巧、陷阱及与迭代的对比，并通过具体的Python代码示例和大家一起来深入理解递归的使用。一、巩固基础1.递归的概念递归，简单来说就是函数自己调用自己。听起来有点绕，但其实就像俄罗斯套娃，一层套一层，直到遇到最小的那个娃娃（基线条件）才停止。
  • 特发性震颤的预防方法主要涉及到以下几个方面 poilkjmnbaa 模拟退火算法
    特发性震颤的预防方法主要涉及到以下几个方面：一、生活习惯的调整：1.饮食：保持均衡的饮食，摄入充足的维生素和矿物质，尤其是维生素B族和镁等。同时，应避免过量摄入酒精、咖啡因等刺激性物质，因为它们可能会加重震颤症状。2.规律作息：保持充足的睡眠，避免过度劳累和熬夜。合理安排工作和休息时间，有助于减轻心理压力，缓解症状。二、运动与锻炼：定期进行身体锻炼有助于维持肌肉和神经系统的健康。选择适合自己的锻炼
  • 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其他