JeeChou
JeeChou

Bootstrap3学习笔记：基础排版

　　HTML基础页面排版（Typography），例如：标题、地址、列表、文本模块。在Bootstrap中在此基础上做了不少优化工作。

<!DOCTYPE html>
<html>
<head>
<meta charst="gb2312">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- user-scalable=no 在移动设备浏览器上，禁止用户缩放（zooming） -->
<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0 user-scalable=no">
<title>Bootstrap基础练习</title>
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- 以下2个插件是用于在IE8支持HTML5元素和媒体查询的，如果不用可移除 -->
<!-- 注意：Respond.js不支持 file:// 方式的访问 -->
<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
	<!-- 标题元素的用法和标题元素中<small>的字体颜色 -->
	<!-- <small>在h1、h2、h3内是当前元素对应字体大小的65%，在h4、h5、h6下则是75% -->
	<h1>Boorstrap：H1 显示 <small>在H1中的small样式</small></h1>
	<h2>Boorstrap：H2 显示 <small>在H2中的small样式</small></h2>
	<h3>Boorstrap：H3 显示 <small>在H3中的small样式</small></h3>
	<h4>Boorstrap：H4 显示 <small>在H4中的small样式</small></h4>
	<h5>Boorstrap：H5 显示 <small>在H5中的small样式</small></h5>
	<h6>Boorstrap：H6 显示 <small>在H6中的small样式</small></h6>
	<!-- class 样式中没有定义 margin-top 和 margin-bottom -->
	<span class="h1">class样式中 Boorstrap：H1 显示</span><br />
	<span class="h2">class样式中 Boorstrap：H2 显示</span><br />
	<span class="h3">class样式中 Boorstrap：H3 显示</span><br />
	<span class="h4">class样式中 Boorstrap：H4 显示</span><br />
	<span class="h5">class样式中 Boorstrap：H5 显示</span><br />
	<span class="h6">class样式中 Boorstrap：H6 显示</span><br />
	<p>这是普通 p 元素中段落的显示。p 元素内的段落会有一个额外的margin-bottom，大小是行间距的一半（默认为10px）。</p>
	<!-- .lead样式其主要作用是增大字体大小、粗细、行距和margin-bottom。 -->
	<p class="lead">如果想让一个段落突出，可以使用.lead样式。</p>
	<p class="text-left">text-left</p>
	<p class="text-center">text-center</p>
	<p class="text-right">text-right</p>
	<p class="text-justify">text-justify</p>
	<abbr title="abbr元素实现了缩略词的功能，鼠标移动到缩略词上时，显示title里的属性值。">abbr元素</abbr>
	<abbr title="abbr元素的另一种.initialism样式使字体稍微缩小一点。" class="initialism">abbr元素的另一种样式</abbr>
	<!-- address元素的用法比较简单，每一行用<br />结尾即可 -->
	<address>
		<strong>这里是address地址元素</strong>
		地址：上海市杨浦区<br />
		<abbr title="Mobile Phone">P：</abbr>139168XXXXX<br />
		<a href="milto:#">[email protected]</a>
	</address>
	<blockquote>
		<p>不愤不启，不悱不发。举一隅，不以三隅反，则吾不复也。</p>
		<small>出自<cite =title="论语·述而">论语</cite></small>
	</blockquote>
	<!-- blockquote元素中.pull-right用于右对齐 -->
	<blockquote class="pull-right">
		<p>不愤不启，不悱不发。举一隅，不以三隅反，则吾不复也。</p>
		<small>出自<cite =title="论语·述而">论语</cite></small>
	</blockquote>
	<!-- 普通列表 -->
	<ul>
		<li>普通列表内容一</li>
		<li>普通列表内容二</li>
		<li>普通列表内容三</li>
		<li>普通列表内容四</li>
		<li>普通列表内容五</li>
	</ul>
	<!-- 有序列表 -->
	<ol>
		<li>第一列</li>
		<li>第二列</li>
		<li>第三列</li>
		<li>第四列</li>
		<li>第五列</li>
	</ol>
	<!-- 去点列表 -->
	<!-- .list-unstyled样式只去除当前元素下的li旁边圆点，若li中再次嵌套ul或ol元素，将不起作用。 -->
	<ul class="list-unstyled">
		<li>主分类1</li>
		<li>
			<ul>
				<li>二级分类1</li>
				<li>二级分类2</li>
					<ul>
						<li>三级分类1</li>
						<li>三级分类2</li>
					</ul>
			</ul>
		</li>
		<li>主分类2</li>
	</ul>
	<!-- 内联列表 -->
	<!-- .list-inline样式用于实现内联列表，也就是将列表项水平显示。 -->
	<ul class="list-inline">
		<li>菜单A</li>
		<li>菜单B</li>
		<li>菜单C</li>
		<li>菜单D</li>
		<li>菜单E</li>
	</ul>
	<!-- 定义列表 -->
	<dl>
		<dt>dt元素下的定义列表样式</dt>
		<dd>dd元素下的定义列表样式</dd>
	</dl>
	<!-- 水平定义列表 -->
	<!-- .dl-forizontal样式的实现方式是将dt进行left浮动，同时设置宽度为160像素，再将dd的margin-left设置为180像素，达到水平效果。注意：如果dt标题超出长度将被自动隐藏。 -->
	<dl class="dl-horizontal">
		<dt>姓名</dt>
		<dd>张大山</dd>
		<dt>性别</dt>
		<dd>男</dd>
		<dt>经历</dt>
		<dd>XXXX年XX月XX日出生</dd>
		<dd>XXXX年就读于XXX小学</dd>
		<dd>XXXX年就读于XXX初中</dd>
		<dt>.dl-forizontal样式的实现方式是将dt进行left浮动，同时设置宽度为160像素，再将dd的margin-left设置为180像素，达到水平效果。注意：如果dt标题超出长度将被自动隐藏。</dt>
		<dd>.dl-forizontal样式的实现方式是将dt进行left浮动，同时设置宽度为160像素，再将dd的margin-left设置为180像素，达到水平效果。注意：如果dt标题超出长度将被自动隐藏。</dd>
	</dl>
</body>
</html>


你可能感兴趣的:(JavaScript,html,css,bootstrap3)

  • 爬取电影天堂 越哥的女人
    爬取每部电影的详细信息分析每页的url，可以得到规律是：第t页的url为：http://dytt8.net/html/gndy/dyzz/list_23_t.html于是可以先分析第一页，然后对页数进循环，就可得到所有最新电影的详细信息。fromlxmlimportetreeheaders={"User-Agent":"Mozilla/5.0(WindowsNT6.1;Win64;x64)Appl
  • python爬取电影天堂beautiful_Python爬虫 -- 抓取电影天堂8分以上电影 carafqy
    看了几天的python语法，还是应该写个东西练练手。刚好假期里面看电影，找不到很好的影片，于是有个想法，何不搞个爬虫把电影天堂里面8分以上的电影爬出来。做完花了两三个小时，撸了这么一个程序。反正蛮简单的，思路和之前用nodejs写爬虫一样。爬虫的入口从分页的列表开始，比如美剧的列表第一页地址这样：http://www.ygdy8.net/html/gndy/oumei/list_7_1.html，
  • 用 Java 发送 HTML 内容并带附件的电子邮件 五行星辰 业务系统应用技术javahtml
    实现思路首先，设置邮件服务器的相关属性，包括是否需要认证、使用的邮件协议、服务器地址、端口等。创建一个会话对象，使用Session.getInstance方法，并提供邮件服务器的属性和认证信息。创建一个MimeMessage对象作为邮件消息，设置发件人、收件人、邮件主题等信息。为了发送HTML内容，使用setContent方法并指定内容类型为text/html。对于附件，创建一个MimeMulti
  • Mathtype使用记录 白粥行 软件工具Mathtype
    1、把大括号中的公式左对齐https://jingyan.baidu.com/article/86fae346d436053c48121a50.html2、加粗字符https://www.mathtype.cn/jiqiao/mathtype-wjsjc.html3、修改公式编号todo4、插入省略号https://office.tqzw.net.cn/office/mathtype/21827.
  • 搭建vue项目 LYy0 vue.js前端javascript
    一、VueVue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。二、环境1.nodejs环境:下载地址三、创建Vue应用创建的项目将使用基于Vite的构建设置，并允许我们使用Vue的单文件组件(SFC)。$npmcreatevue@l
  • 【YashanDB知识库】非YCM方式的自动备份方案示例 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281310.html?templateId=171...概述如果有YCM，推荐使用YCM自动备份，详情请参考YCM官方文档。但是如果没有YCM，则可通过crontab实现自动备份。目前示例的自动备份方案是每周的周3、周6的凌晨0点做全量备份；每天的凌晨2点做增量备份；每天的凌晨4点
  • html两级地区选择级联,index.html · RockYang/JAreaSelect-js省市区级联选择插件 - Gitee.com... 猫咪兔兔 html两级地区选择级联
    地区选择插件.form-control{margin-right:5px;}传统表单selectUI样式获取地址仿京东UI样式选择区域vararea=$("#area-select-box").JAreaSelect({prov:1,city:72,dist:2839,level:3});$(".btn-success").on('click',function(){$(this).text(ar
  • 如何使用 Emmet 快捷方式提高开发效率 木觞清 javascripthtml5css3
    前端开发是一个高度依赖效率的领域，开发者们常常需要处理大量的HTML和CSS代码。为了解决重复工作和提高开发效率，Emmet快捷方式应运而生。Emmet作为一款强大的前端工具，能够通过简化的快捷命令快速生成HTML和CSS结构，极大地提升了开发者的编码速度。本文将介绍如何在日常开发中使用Emmet，帮助你节省宝贵的时间。什么是Emmet快捷方式？Emmet是一款广泛应用于前端开发的插件，它通过一系
  • freebsd12 安装gnome3图形界面 sayang_shao FreeBSDFreeBSD12gnome3freebsd12
    1、准备工作注：由于我是在实体机上做的所以没有提供截图。也可以访问官方文档进行安装：https://www.freebsd.org/doc/en_US.ISO8859-1/books/handbook/x11-wm.html已经安装完Freebsd12系统可以联网2、开始安装pkg更新#pkgupdate安装显卡驱动（本机为intel）#pkginstallxf86-video-intel开启li
  • vue - 实现省市区的级联选择 紫菀檀ss vuejsjavascriptvue.js
      最近要实现一个省市区级联选择效果，省市区的数据都是使用的本地数据，实现起来逻辑会有一点复杂，我在这里列举PC端的总结分享一下，移动端的代码也是差不多的，除了html之外，其它的可以复制根据需求使用即可。希望对大家有所帮助。一、效果图  PC端的效果图：  移动端的效果图：二、实现逻辑  我这里的实现逻辑是先通过省份来获取城市，然后通过城市来获取区县，街道因为不是固定的，所以让用户自己输入。获取
  • JavaScript高级学习：ES6新特性07——数组在ES6中的使用 北凉冬 JavaScriptjavascriptes6
    提示：本文为JavaScript栏目：JavaScript高级系列——ES6新特性章节第七章JavaScript高级学习：ES6新特性07——数组在ES6中的使用前言数组在ES6中的使用求数组的最大值ES5的方式求数组最大值ES6的方式使用数组扩展运算符求最大值ES6扩展运算符的使用扩展运算符传参扩展运算符操作伪数组复制数组传统复制数组ES6中使用扩展运算符复制数组ES5中复制数组合并数组ES6方
  • uniapp或小程序使用jsencrypt 钢铁熊猫33 小程序前端uniapp小程序jsencryptrsa
    uniapp或小程序使用报错jsencrypt.js使用了window对象，app、小程序中没有窗口对象的环境解决办法在jsencrypt.js文件插入以下代码varnavigator2={appName:'Netscape',userAgent:'Mozilla/5.0(iPhone;CPUiPhoneOS9_1likeMacOSX)AppleWebKit/601.1.46(KHTML,like
  • Element-plus封装表格Validate 努力搬砖的宣 vue.js前端javascriptelementui
    Element-plus实现表格内的表单验证：useAttrValidateHook在Vue.js项目中，表单验证是一个常见的需求，尤其在处理复杂表格编辑场景时。本文将详细介绍一个基于Vue3的自定义Hook——useAttrValidate，它提供了一种便捷的方式来处理表格组件中的字段校验。效果如下：1.导入与初始化Javascriptimport{reactive,nextTick}from"
  • uniapp小程序项目从0到1开发 扶园 uni-app小程序
    一、在HBuilderX新建项目,然后可以先把可能用到的文件夹建好二、引入UI框架,根据npm方式配置文档uView2地址:https://uviewui.com/components/install.htmlcmd执行[email protected]引入并使用uView的JS库，注意这两行要放在importVue之后。//main.jsimportuViewfrom"uview
  • uniapp 小程序目录搭建以及 pages.json 配置 YZRHANYU uniapp+微信小程序jsonuni-app小程序
    uniapp小程序目录搭建1.分包结构├──api各个模块接口文件夹├──login.js登录模块接口文件├──common公共模块，包含公共基础css等├──base.css公共基础css├──components主包当中使用的组件或者复用率较高的组件作为全局组件├──node_modulesnodejs相关依赖包文件目录├──pages主包:业务页面文件存放的目录├──common├──sys
  • 前端——Html+CSS 逆风局？ css前端html5
    目录CSS引入方式颜色表达方式CSS选择器去掉超链接的下划线路径表示行高和首行缩进常见标签布局标签flex布局表单标签表单项标签改变鼠标指针的样式表格标签div{box-sizing:border-box;}CSS引入方式具体有3种引入方式，语法如下表格所示：名称语法描述示例行内样式在标签内使用style属性，属性值是css属性键值对。中国新闻网内部样式定义标签，在标签内部定义css样式。h1{.
  • 掌握 JavaScript：从基础到高级，全面提升编程技能 跟着小郑学前端 javascript开发语言ecmascript
    JavaScript是一种广泛应用于网页开发的编程语言，它使网页具有动态交互的能力。作为Web开发的核心技术之一，掌握JavaScript基础是每位开发者的必备技能。本文将介绍JavaScript的基础知识，包括数据类型、运算符、控制结构、函数等内容，并通过代码示例帮助大家理解。1.JavaScript数据类型JavaScript主要有以下几种数据类型：数据类型描述示例String字符串类型，用于
  • 【YashanDB知识库】YCM数据库托管遇到的问题 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281308.html?templateId=171...YCM托管了集群，现在显示数据库处于故障状态，按照告警项建议检查实例的状态是正常运行的问题现象：查看dba\_users视图发现yasom用户不存在。问题原因：YCM运维工具是通过yasdb中的yasom用户进行数据库管理的，
  • python把列表插入列表 Zoert
    python相关学习资料：https://edu.51cto.com/video/4102.htmlhttps://edu.51cto.com/video/1158.htmlhttps://edu.51cto.com/video/4645.htmlPython中列表的嵌套与操作在Python编程中，列表（List）是一种非常重要的数据结构，它不仅可以存储数据，还可以进行各种操作，如插入、删除、排序
  • ssm基于HTML5的红酒信息分享系统 Q_2743785109 计算机毕业设计html5前端html
    SSM基于HTML5的红酒信息分享系统是一个专注于红酒领域的综合性信息平台，旨在为红酒爱好者、从业者以及普通消费者提供一个便捷的交流与获取红酒相关信息的空间。一、系统背景与意义随着人们生活水平的提高和消费观念的转变，红酒作为一种高雅的饮品，越来越受到消费者的青睐。然而，红酒市场的信息不对称和消费者缺乏专业知识等问题限制了红酒文化的传播和消费者的购买决策。因此，开发一个基于SSM框架和HTML5技术
  • JavaScript系列（32）-- WebAssembly集成详解 陳沉辰陈 JavaScriptjavascriptwasmudp
    JavaScriptWebAssembly集成详解今天，让我们深入了解JavaScript与WebAssembly的集成，这是一项能够显著提升Web应用性能的关键技术。WebAssembly基础概念小知识：WebAssembly（简称Wasm）是一种低级的类汇编语言，它具有紧凑的二进制格式，能够以接近原生的速度运行。它被设计为可以和JavaScript一起协同工作，为Web应用提供高性能计算能力。
  • 【YashanDB知识库】MySQL的FIND_IN_SET如何在YashanDB改写 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7323369.html?templateId=171...前言MySQL应用使用的SQL的Where条件存在FIND\_IN\_SET，无法在YashanDB直接执行，需要改写。本文探讨不兼容的原因，并给出改写手段。问题SQL示例MySQL执行成功mysql>selectc1from
  • 【YashanDB知识库】通过导入导出修改用户名称 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281313.html?templateId=171...YashanDB中不支持直接修改用户名称，但可以通过导入导出间接修改用户名称。以下已将用户test修改为test01为例：1、通过exp备份test用户exptest/[email protected]:1688file=
  • 【YashanDB知识库】私有maven使用崖山JDBC驱动 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281312.html?templateId=171...将yashandb-jdbc-1.5.1.jar打包进mavan本地仓库mvninstall:install-file-Dfile=F:\developRE\yashan\dbeaver-for-yashandb-23.1-w
  • 【YashanDB知识库】归档日志清理 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281311.html?templateId=171...问题：按照官方文档提供的清理归档日志三种方式，手动删除归档日志文件返回succeed后，发现归档日志文件仍然存在原因：按照Yashan的默认配置，如果archivelog没有备份，没有同步到备机时，归档日志是不能删除的。因此考
  • 【YashanDB知识库】备库扩缩容指导 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281309.html?templateId=171...扩容Step1：生成配置文件$yasbootconfignodegen-cyashandb-uyashan-ppassword--ipip1,ip2...ipn--port22--install-path/var/databa
  • 【YashanDB知识库】Yasldr错误处理 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7281306.html?templateId=171...问题1.YAS-04113bracketexpected[YASLDR]executefailed**原因：导入数据的用户没有dba权限解决方法：为导入数据的用户赋dba权限：grantdbatousername；问题2.YA
  • CSS选择器 梧桐WuTong2024 css前端
    目录文章目录目录选择器的优先级通配选择器元素选择器类选择器ID选择器交集选择器（复合选择器）并集选择器（复合选择器）后代选择器子代选择器兄弟选择器通用兄弟选择器属性选择器伪类选择器结构伪类选择器first-child寻找第一个儿子last-child寻找最后一个儿子nth-child(n)nth-last-child(n)first-of-typelast-of-typenth-of-child(
  • TypeScript语言的字符串处理 轩辕烨瑾 包罗万象golang开发语言后端
    TypeScript语言的字符串处理在现代编程语言中，字符串处理是非常重要的一部分。对于TypeScript这样的语言，更是让开发者在处理字符串时得到了更为安全和强大的工具。本文将深入探讨TypeScript中的字符串处理技术，包括字符串的基本操作、模板字符串、字符串方法、正则表达式以及常用的字符串处理技巧等。一、TypeScript基础与字符串的基本操作TypeScript是JavaScript
  • 网络安全法详细介绍——爬虫教程 小知学网络 网络安全web安全爬虫安全
    目录@[TOC](目录)一、网络安全法详细介绍1.网络安全法的主要条款与作用2.网络安全法与爬虫的关系3.合法使用爬虫的指南二、爬虫的详细教程1.准备环境与安装工具2.使用`requests`库发送请求3.解析HTML内容4.使用`robots.txt`规范爬虫行为5.设置请求间隔6.数据清洗与存储三、实战示例：爬取一个公开的新闻网站小知学网络一、网络安全法详细介绍1.网络安全法的主要条款与作用《
  • Dom 周华华 JavaScripthtml
    <!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/1999/xhtml&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他