JeeChou
JeeChou

Bootstrap3学习笔记：表格

　　Bootstrap在表格组件里提供了一种基础.table样式、四种附加样式（.table-striped、.table-bordered、.table-hover、.table-condersed）以及一个支持响应式布局的.table-responsive容器样式。

<!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>
	<!-- 在table元素中使用.table样式效果 -->
	<table class="table">
		<tr>
			<th>序号</th>
			<th>常用网站</th>
			<th>网址</th>
			<th>备注</th>
		</tr>
		<tr>
			<td>1</td>
			<td>开源中国</td>
			<td>http://www.oschina.net</td>
			<td>国内最大的开源社区。</td>
		</tr>
		<tr>
			<td>2</td>
			<td>新浪网</td>
			<td>http://www.sina.com.cn</td>
			<td>新浪网、新浪微博、新浪博客、新浪相册。</td>
		</tr>
		<tr>
			<td>3</td>
			<td>腾讯网</td>
			<td>http://www.qq.com</td>
			<td>腾讯网、腾讯微博、腾讯博客、QZONE相册。</td>
		</tr>
		<tr>
			<td>4</td>
			<td>网易网</td>
			<td>http://www.163.com</td>
			<td>网易网、网易微博、网易博客、网易邮箱。</td>
		</tr>
		<tr>
			<td>5</td>
			<td>17173游戏</td>
			<td>http://www.17173.com</td>
			<td>国内最大的游戏门户网站。</td>
		</tr>
	</table>
	<!-- 在.table样式的基础上使用.table-striped样式，添加隔行加背景颜色的效果 -->
	<!-- 隔行换色的效果是使用CSS3里的：nth-child选择器实现的，所以不支持IE8及以下浏览器版本。 -->
	<table class="table table-striped">
		<tr>
			<th>序号</th>
			<th>常用网站</th>
			<th>网址</th>
			<th>备注</th>
		</tr>
		<tr>
			<td>1</td>
			<td>开源中国</td>
			<td>http://www.oschina.net</td>
			<td>国内最大的开源社区。</td>
		</tr>
		<tr>
			<td>2</td>
			<td>新浪网</td>
			<td>http://www.sina.com.cn</td>
			<td>新浪网、新浪微博、新浪博客、新浪相册。</td>
		</tr>
		<tr>
			<td>3</td>
			<td>腾讯网</td>
			<td>http://www.qq.com</td>
			<td>腾讯网、腾讯微博、腾讯博客、QZONE相册。</td>
		</tr>
		<tr>
			<td>4</td>
			<td>网易网</td>
			<td>http://www.163.com</td>
			<td>网易网、网易微博、网易博客、网易邮箱。</td>
		</tr>
		<tr>
			<td>5</td>
			<td>17173游戏</td>
			<td>http://www.17173.com</td>
			<td>国内最大的游戏门户网站。</td>
		</tr>
	</table>
	<!-- 在.table样式的基础上使用.table-bordered样式，给表格添加边框 -->
	<!-- 所有的单元格提供了1条1像素的边框 -->
	<table class="table table-striped table-bordered">
		<tr>
			<th>序号</th>
			<th>常用网站</th>
			<th>网址</th>
			<th>备注</th>
		</tr>
		<tr>
			<td>1</td>
			<td>开源中国</td>
			<td>http://www.oschina.net</td>
			<td>国内最大的开源社区。</td>
		</tr>
		<tr>
			<td>2</td>
			<td>新浪网</td>
			<td>http://www.sina.com.cn</td>
			<td>新浪网、新浪微博、新浪博客、新浪相册。</td>
		</tr>
		<tr>
			<td>3</td>
			<td>腾讯网</td>
			<td>http://www.qq.com</td>
			<td>腾讯网、腾讯微博、腾讯博客、QZONE相册。</td>
		</tr>
		<tr>
			<td>4</td>
			<td>网易网</td>
			<td>http://www.163.com</td>
			<td>网易网、网易微博、网易博客、网易邮箱。</td>
		</tr>
		<tr>
			<td>5</td>
			<td>17173游戏</td>
			<td>http://www.17173.com</td>
			<td>国内最大的游戏门户网站。</td>
		</tr>
	</table>
	<!-- 在.table样式的基础上使用.table-hover样式实现鼠标悬停高亮效果 -->
	<table class="table table-striped table-bordered table-hover">
		<tr>
			<th>序号</th>
			<th>常用网站</th>
			<th>网址</th>
			<th>备注</th>
		</tr>
		<tr>
			<td>1</td>
			<td>开源中国</td>
			<td>http://www.oschina.net</td>
			<td>国内最大的开源社区。</td>
		</tr>
		<tr>
			<td>2</td>
			<td>新浪网</td>
			<td>http://www.sina.com.cn</td>
			<td>新浪网、新浪微博、新浪博客、新浪相册。</td>
		</tr>
		<tr>
			<td>3</td>
			<td>腾讯网</td>
			<td>http://www.qq.com</td>
			<td>腾讯网、腾讯微博、腾讯博客、QZONE相册。</td>
		</tr>
		<tr>
			<td>4</td>
			<td>网易网</td>
			<td>http://www.163.com</td>
			<td>网易网、网易微博、网易博客、网易邮箱。</td>
		</tr>
		<tr>
			<td>5</td>
			<td>17173游戏</td>
			<td>http://www.17173.com</td>
			<td>国内最大的游戏门户网站。</td>
		</tr>
	</table>
	<!-- 在.table样式的基础上使用.table-condensed样式实现紧凑型表格 -->
	<!-- Bootstrap3中默认情况下表格的padding是8像素，紧凑型表格的padding值是5像素。 -->
	<table class="table table-striped table-bordered table-hover table-condensed">
		<tr>
			<th>序号</th>
			<th>常用网站</th>
			<th>网址</th>
			<th>备注</th>
		</tr>
		<tr>
			<td>1</td>
			<td>开源中国</td>
			<td>http://www.oschina.net</td>
			<td>国内最大的开源社区。</td>
		</tr>
		<tr>
			<td>2</td>
			<td>新浪网</td>
			<td>http://www.sina.com.cn</td>
			<td>新浪网、新浪微博、新浪博客、新浪相册。</td>
		</tr>
		<tr>
			<td>3</td>
			<td>腾讯网</td>
			<td>http://www.qq.com</td>
			<td>腾讯网、腾讯微博、腾讯博客、QZONE相册。</td>
		</tr>
		<tr>
			<td>4</td>
			<td>网易网</td>
			<td>http://www.163.com</td>
			<td>网易网、网易微博、网易博客、网易邮箱。</td>
		</tr>
		<tr>
			<td>5</td>
			<td>17173游戏</td>
			<td>http://www.17173.com</td>
			<td>国内最大的游戏门户网站。</td>
		</tr>
	</table>
	<!-- tr元素中五个额外样式，分别是：.active .success .info .warning .danger。 -->
	<!-- .active -表示当前活动的信息 -->
	<!-- .success -表示成功或者正确的行为 -->
	<!-- .info -表示中立的信息或行为 -->
	<!-- .warning -表示警告，需要特别注意 -->
	<!-- .danger -表示危险或者可能是错误的行为 -->
	<table class="table table-striped table-bordered table-hover table-condensed">
		<tr>
			<th>序号</th>
			<th>样式</th>
			<th>描述</th>
		</tr>
		<tr class="acitve">
			<td>1</td>
			<td>.acitve</td>
			<td>表示当前活动的信息</td>
		</tr>
		<tr class="auccess">
			<td>2</td>
			<td>.auccess</td>
			<td>表示成功或者正确的行为</td>
		</tr>
		<tr class="info">
			<td>3</td>
			<td>.info</td>
			<td>表示中立的信息或行为</td>
		</tr>
		<tr class="warning">
			<td>4</td>
			<td>.warning</td>
			<td>表示警告，需要特别注意</td>
		</tr>
		<tr class="danger">
			<td>5</td>
			<td>.danger</td>
			<td>表示危险或者可能是错误的行为</td>
		</tr>
	</table>
	<!-- .table-responsive 响应式表格 -->
	<!-- 响应式表格的实现原理是利用CSS的媒体查询特性，在小于768像素的设备上应用@media(max-width:767px)里的样式。 -->
	<div class="table-responsive">
		<table class="table table-striped table-bordered table-hover table-condensed">
		<tr>
			<th>序号</th>
			<th>常用网站</th>
			<th>网址</th>
			<th>备注</th>
		</tr>
		<tr>
			<td>1</td>
			<td>开源中国</td>
			<td>http://www.oschina.net</td>
			<td>国内最大的开源社区。</td>
		</tr>
		<tr>
			<td>2</td>
			<td>新浪网</td>
			<td>http://www.sina.com.cn</td>
			<td>新浪网、新浪微博、新浪博客、新浪相册。</td>
		</tr>
		<tr>
			<td>3</td>
			<td>腾讯网</td>
			<td>http://www.qq.com</td>
			<td>腾讯网、腾讯微博、腾讯博客、QZONE相册。</td>
		</tr>
		<tr>
			<td>4</td>
			<td>网易网</td>
			<td>http://www.163.com</td>
			<td>网易网、网易微博、网易博客、网易邮箱。</td>
		</tr>
		<tr>
			<td>5</td>
			<td>17173游戏</td>
			<td>http://www.17173.com</td>
			<td>国内最大的游戏门户网站。</td>
		</tr>
		</table>
	</div>
</body>
</html>


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

  • 深入了解JSON：Python中JSON的全面应用指南 kdayjj966 开发语言jsonpython
    JSON（JavaScriptObjectNotation）是一种广泛使用的数据交换格式，以其轻量级和易于阅读及解析的特性而备受欢迎。JSON起源于JavaScript，但已经被许多编程语言广泛支持，包括Python。本教程将深入探讨JSON的构造、数据类型，以及在Python中的多种操作方式。JSON的基础构造JSON由两种主要结构组成：对象（Object）和数组（Array）。对象（Objec
  • 探索JavaScript的宇宙：《JS星球系统》 潘俭渝Erik
    探索JavaScript的宇宙：《JS星球系统》solar-system-of-jsVisualizethelanguagesontheJSplatform项目地址:https://gitcode.com/gh_mirrors/so/solar-system-of-js在快速发展的前端世界中，JavaScript已经成为无可争议的主宰，围绕它的语言和框架如群星璀璨，构成了一个壮观的“JS星球系统”
  • 【Python爬虫实战】深入解析 Scrapy 管道：数据清洗、验证与存储的实战指南 易辰君 python爬虫python爬虫开发语言
    个人主页：易辰君-CSDN博客系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、了解ScrapyShell二、配置文件settings.py（一）为什么需要配置文件（二）配置文件的使用方法（三）常用字段及其含义三、管道的深入使用（一）管道的常用方法（二）管道的实现（三）启用管道四、管道的常见应用场景五、管道使用
  • 【Python爬虫实战】轻量级爬虫利器：DrissionPage之SessionPage与WebPage模块详解 易辰君 python爬虫python爬虫开发语言
    个人主页：易辰君-CSDN博客系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、SessionPage（一）SessionPage模块的基本功能（二）基本使用（三）常用方法（四）页面元素定位和数据提取（五）Cookie和会话管理（六）SessionPage的优点和局限性（七）SessionPage和Driver
  • 【Python爬虫实战】全面解析 DrissionPage：简化 Python 浏览器自动化的三种模式 易辰君 python爬虫python爬虫开发语言
    个人主页：易辰君-CSDN博客系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、DrissionPage简介（一）ChromiumPage（二）WebPage（三）SessionPage（四）三大模块总结二、ChromiumPage（一）初始化ChromiumPage（二）基本操作（三）等待元素加载（四）执行J
  • 基于Damo-YOLO和DyHead检测头的YOLOv8优化：多尺度目标检测的创新方案【YOLOv8】 步入烟尘 YOLO系列创新涨点超专栏YOLO目标检测人工智能YOLOv8
    本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录基于Damo-YOLO和DyHead检测头的YOLOv8优化：多尺度目标检测的创新方案【YOLOv8
  • 提升YOLOv8性能：用Swin Transformer替换Backbone的详细实现与分析【YOLOv8】 步入烟尘 YOLO系列创新涨点超专栏YOLOv8YOLO目标跟踪
    本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录YOLOv8改进|主干篇|SwinTransformer替换Backbone（附代码+详细修改步骤+
  • 如何学懂C++语言：C++从入门到精通的全面指南（完整C++学习笔记） 猿享天开 c++学习笔记
    数字人助手猿小美带你一起学编程一、引言作为一名拥有多年开发经验的技术人员，我的职业生涯涵盖了多种编程语言，包括C语言、C++、C#和JavaScript等。在我多年的编程生涯中，这些语言不仅丰富了我的知识储备，还极大地拓展了我的视野和技能。出于对编程的热爱，以及希望帮助更多编程爱好者的目的，我决定利用业余时间整理一套全面的C++语言学习指南。这套指南旨在为C++语言编程爱好者提供一个清晰的学习路线
  • JAVA 反射(JAVA面试题) geejkse_seff java开发语言
    5.1.2.JAVA反射5.1.2.1.动态语言动态语言，是指程序在运行时可以改变其结构：新的函数可以引进，已有的函数可以被删除等结构上的变化。比如常见的JavaScript就是动态语言，除此之外Ruby,Python等也属于动态语言，而C、C++则不属于动态语言。从反射角度说JAVA属于半动态语言。5.1.2.2.反射机制概念（运行状态中知道类所有的属性和方法）在Java中的反射机制是指在运行状
  • Node.js 到底是什么 yqcoder Node.js从入门到精通node.js
    Node.js是一个基于ChromeV8引擎的JavaScript运行环境，它允许开发者使用JavaScript编写服务器端代码。一、主要特点1.事件驱动和非阻塞I/O模型Node.js采用事件驱动架构，通过回调函数处理I/O操作，这使得它在处理大量并发请求时表现出色。当执行I/O操作（如文件读写、网络请求等）时，Node.js不会阻塞程序的执行，而是继续处理其他任务，当I/O操作完成后，通过回调
  • sqlite3 使用 shengnan_wsn 数据库
    https://www.runoob.com/sqlite/sqlite-installation.html
  • ECharts社区里面的gallery在哪里？ECharts gallery新地址 rgrgrwfe 前端html面试Echarts地图组件Gallery学习资源新地址
    学习echarts-map发现echarts社区里面没有gallery了！！！找了好久，终于找到了，这是新地址：https://www.makeapie.com/explore.html赶紧收藏。
  • 【Javascript Day11】数组的内置方法、添加获取、元素查询及练习、排序方法数组的内置方法 clp20031101 javascript前端开发语言
    数组的内置方法//js语法中所有的数据类型都是从对象演变而来的varstr="abc";console.log(typeofstr,str.constructor);//stringconsole.log(typeofstr=="string");varuser={};console.log(typeofuser,user.constructor);vararr=[1,2];console.log
  • CSS 布局的四大宗师：破解 BFC、IFC、GFC 和 FFC 的深层奥秘 dorabighead 前端八股总结css前端
    CSS布局的四大宗师：破解BFC、IFC、GFC和FFC的深层奥秘在CSS的江湖中，布局问题犹如无形的桎梏，困扰着每一位前端开发者。有人为浮动塌陷而抓狂，有人被复杂的响应式布局逼得手足无措。而在布局的巅峰，有四位宗师——BFC、IFC、GFC和FFC，它们分别掌控着块级、行内、网格和弹性布局的精髓。掌握它们，不仅仅是技术的进步，更是开启布局新境界的钥匙。今天，我们不再止步于表面，而是深入到它们的核
  • typescript中为js文件提供类型声明 上趣工作室 javascriptvue3.xtypescriptvue.jstypescript
    案例：为JS文件提供类型声明场景描述假设我们有一个JavaScript文件utils.js，其中包含一些实用工具函数和变量。为了在TypeScript中使用这些函数和变量并获得类型提示，我们可以使用declare关键词为它们提供类型声明。1.创建JavaScript文件：utils.js//utils.jsconstgreeting="Hello,World!";functionadd(a,b){
  • 可选链语法在javascript和typescript中的使用详解 上趣工作室 javascriptjavascripttypescript开发语言
    可选链（OptionalChaining）在JavaScript和TypeScript中的使用非常相似。以下是一个详细的使用案例，包括解释和示例代码。使用案例假设我们有一个用户对象，包含用户的个人信息和地址信息。我们希望安全地访问用户的地址信息，特别是当某些属性可能不存在时。示例对象constuser={name:"Alice",address:{street:"123MainSt",city:"
  • uniapp中使用全局样式文件引入的三种方式 上趣工作室 uniappvue3.xvue2.xuni-apprust开发语言
    如果你想在uni-app中全局引入SCSS文件（例如global.scss），可以通过以下步骤进行配置：方法一：在main.js中引入在main.js中引入全局样式：你可以在src/main.js文件中直接引入SCSS文件，这样可以确保在整个应用中都可以使用这些样式。//src/main.jsimportVuefrom'vue';importAppfrom'./App.vue';import'./
  • Vue3 使用 pinia 有一个好名字 javascript开发语言ecmascript
    什么是PiniaPinia是Vue的存储库，它允许您跨组件/页面共享状态，与vuex功能一样。准备安装npminstallpinia或者yarnaddpinia使用首先修改main.ts文件main.tsimport'./assets/main.css'import{createApp}from'vue'importAppfrom'./App.vue'import{createPinia}from
  • ::v-deep的理解 记得早睡~ vue.js前端javascript
    vue样式穿透在刚开始使用element-ui组件库时，想要修改其内部的样式，但总是不生效，通过查询资料，了解到了深度作用选择器。如果希望scoped样式中的一个选择器能够作用得“更深”，例如影响子组件，可以使用>>>操作符：.a>>>.b{width:100%;height:100%;background:red;}但是像scss等预处理器却无法解析>>>，所以我们使用下面的方式：.a{/dee
  • leetcode 66 ：加一【JavaScript/JS解法】 yuri.css 算法leetcode算法javascript
    还是先上题给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位，数组中每个元素只存储单个数字。你可以假设除了整数0之外，这个整数不会以零开头。看完题之后感受就是join和split来回跳return(Number(digits.join(""))+1n).toString().split("");然后出现两个问题：1存在[0,0]这样的输入，如果直接转换为零
  • 【保姆级爬虫】微博关键词搜索并获取博文和评论内容（python+selenium+chorme） m0_74824076 爬虫pythonselenium
    微博爬虫记录写这个主要是为了防止自己忘记以及之后的组内工作交接，至于代码美不美观，写的好不好，统统不考虑，我只能说，能跑就不错了，上学压根没学过python好吧，基本上是crtl+c&ctrl+v丝滑小连招教会了我一点。写的很简单，认真看完就会用了文中筛选元素用到的一些筛选元素的正则匹配、beautifulsoup，css等相关方法我也不太懂，现学现用呗，还是那句话，能跑就行。配置简介：pytho
  • JavaScript 操作符与表达式 布兰妮甜 #JavaScript基础javascript操作符表达式箭头函数前端开发
    Hi,我是布兰妮甜，编写流畅、愉悦用户体验的程序员。JavaScript是一种功能强大且灵活的编程语言，广泛应用于前端和后端开发。它提供了一系列丰富的操作符和表达式来处理数据、执行逻辑判断以及控制程序流程。理解这些概念对于编写高效、可读性强的代码至关重要。下面将详细探讨JavaScript中的操作符与表达式。文章目录一、操作符（Operators）二、表达式（Expressions）三、总结一、操
  • vant组件库的按需导入导出 ordinary90 前端全栈开发VUEvue.jsjavascript前端
    要按需导入和导出Vant组件库的Vuex模块，首先需要在项目的入口文件中引入所需的组件：import{Button,Toast}from'vant';import'vant/lib/index.css';Vue.use(Button);Vue.use(Toast);接下来，创建一个store文件夹，在该文件夹下创建index.js文件，用于定义Vuex的模块、状态和操作。importVuefrom
  • CSS垂直居中的24种方法(最全最仔细) 兴风键盘侠 前端开发css前端
    在CSS中，垂直居中的方法有很多，具体的实现方式取决于布局的上下文（如是否有父容器、是否是块级元素、是否固定高度等）。以下是最全的CSS垂直居中方法：1.使用line-height(仅用于单行文本)适用于单行文本，并且元素的高度已知。div{height:200px;line-height:200px;/*line-height设置为与容器高度相同*/text-align:center;}2.使用
  • C#html生成pdf之wkhtmltopdf及参数说明 Mick_小马哥 C#WEBc#htmlpdf
    实现方法#regionHTML生成PDF//////HTML生成PDF//////页面URL如：http://127.0.0.1/index.html///保存地址如：/upload/pdf/123.pdf///publicstaticboolHtmlToPdf(stringurl,stringpath){if(string.IsNullOrEmpty(url)||string.IsNullOrE
  • 黑客常备十大编程语言，每一个都不容易学，但每一个又很有用 一秋的编程笔记 Python编程计算机科技数据库sql爬虫python自动化编程语言
    文章目录1、C语言2、Python3、SQL4、Javascript5、PHP6、C++编程7、JAVA8、Ruby9、Perl10、BashPython学习资源分享1、Python所有方向的学习路线2、学习软件3、精品书籍4、入门学习视频5、实战案例6、清华编程大佬出品《漫画看学Python》7、Python副业兼职与全职路线一定要注意，您选择的编程将在很大程度上取决于您要定位的系统类型和计划使
  • 深入理解位运算符及其在JavaScript中的应用 javascript前端
    深入理解位运算符及其在JavaScript中的应用在我们之前的文章中，我们已经简单介绍了位运算在JavaScript中的应用，点击这里查看之前的文章。本篇文章，我们将更深入地探讨位运算，帮助你更全面地理解它。常见位运算符运算符描述运算规则&按位与and两个对应的二进制位都为1时，结果为1，否则为0\按位或or两个对应的二进制位有一者为1时，结果为1，否则为0^按位异或XOR两个对应的二进制位相异时
  • JavaScript详解十 ——数据类型、正则 遇见~未来 JavaScriptjavascript开发语言ecmascript
    （一）、数据类型内存1、简单类型与复杂类型简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型值类型：简单数据类型/基本数据类型，在存储时变量中存储的时值本身，因此叫做值类型string、number、boolean、undefined、null注意：简单数据类型null返回的是一个空的对象object如果有个变量我们以后打算存储为对象，暂时没想好放啥，就可以给null引用类型：复杂数据类
  • 在线格式化XML weixin_34250709
    有时候要格式化一下XML，有没有好的小工具，这里有一个在线版本，好使！http://xmlindent.com/转载于:https://www.cnblogs.com/DotNetNuke/archive/2010/07/14/1777096.html
  • html在线xml编辑,XML/HTML 马力的爸爸 html在线xml编辑
    在HTML页面中显示XML数据在下面的实例中，我们打开一个XML文件("cd_catalog.xml")，然后遍历每个CD元素，并显示HTML表格中的ARTIST元素和TITLE元素的值：if(window.XMLHttpRequest){//codeforIE7+,Firefox,Chrome,Opera,Safarixmlhttp=newXMLHttpRequest();}else{//cod
  • 设计模式介绍 tntxia 设计模式
    设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
  • android高级组件使用(一) 百合不是茶 androidRatingBarSpinner
    1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex
  • [网络与通讯]路由器市场大有潜力可挖掘 comsci 网络
              如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....        这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入  &nbs
  • 自写简单Redis内存统计shell 商人shang Linux shell统计Redis内存
    #!/bin/bash address="192.168.150.128:6666,192.168.150.128:6666" hosts=(${address//,/ }) sfile="staticts.log" for hostitem in ${hosts[@]} do ipport=(${hostitem
  • 单例模式(饿汉 vs懒汉) oloz 单例模式
    package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva
  • springMvc json支持 杨白白 json springmvc
    1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping("helloJson") public @ResponseBody JsonTest helloJson() {
  • android播放，掃描添加本地音頻文件 小桔子
            最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，
  • oracle常用命令 aichenglong oracledba常用命令
    1 创建临时表空间 create temporary tablespace user_temp  tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m  autoextend on  next 50m maxsize 20480m  extent management local
  • 25个Eclipse插件 AILIKES eclipse插件
    提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了
  • Spring MVC拦截器+注解方式实现防止表单重复提交 baalwolf spring mvc
    原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。   1.新建注解：   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  • 《Javascript高级程序设计(第3版)》闭包理解 bijian1013 JavaScript
    “闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》         看以下代码： <script type="text/javascript"> function outer() { var i = 10; return f
  • AngularJS Module类的方法 bijian1013 JavaScriptAngularJSModule
            AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里         如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所
  • [Maven学习笔记七]Maven插件和目标 bit1129 maven插件
    插件(plugin)和目标(goal) Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标   使用插件和目标使得我们可以干预
  • 【Hadoop八】Yarn的资源调度策略 bit1129 hadoop
    1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略， FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度   2. 多用户资源共享的调度
  • Nginx使用Linux内存加速静态文件访问 ronin47
    Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下：
  • 关于Unity3D中的Shader的知识 brotherlamp unityunity资料unity教程unity视频unity自学
    首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S
  • CopyOnWriteArrayList vs ArrayList bylijinnan java
    package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述： * 1.ArrayListi不是线程安全的，CopyO
  • 内存中栈和堆的区别 chicony 内存
    1、内存分配方面：     堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。     栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中
  • 回答一位网友对Scala的提问 chenchao051 scalamap
    本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。 问题 写道 对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢    先回答一点，在实际使用中，Scala毫无疑问就是这么简单。
  • mysql 取每组前几条记录 daizj mysql分组最大值最小值每组三条记录
    一、对分组的记录取前N条记录：例如：取每组的前3条最大的记录 1.用子查询： SELECT * FROM tableName a  WHERE 3> (SELECT COUNT(*) FROM  tableName b WHERE b.id=a.id AND b.cnt>a. cnt) ORDER BY a.id,a.account DE
  • HTTP深入浅出 http请求 dcj3sjt126com http
      HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We
  • 判断MySQL记录是否存在方法比较 dcj3sjt126com mysql
    把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 　　我这里总结了判断记录是否存在的常用方法： 　　sql语句： select   count ( * )  from  tablename; 　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。
  • 对HTML XML的一点认识 e200702084 htmlxml
    感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM，HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次
  • jquery分页插件 genaiwei jqueryWeb前端分页插件
    //jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {        var totalPa
  • Mybatis与Ibatis对照入门于学习 Josh_Persistence mybatisibatis区别联系
    一、为什么使用IBatis/Mybatis         对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、
  • C中怎样合理决定使用那种整数类型？ 秋风扫落叶 c数据类型
    如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。    &nbs
  • maven问题 zhb8015 maven问题
      问题1： Eclipse 中 新建maven项目 无法添加src/main/java 问题    eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。     按照maven目录结构，添加src/main/ja
  • (二)androidpn-server tomcat版源码解析之--push消息处理 spjich javaandrodipn推送
    在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc
  • 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题 中华好儿孙 JavaScriptAjaxWeb上传文件FormData
    var formData = new FormData($("#inputFileForm")[0]); $.ajax({ type:'post', url:webRoot+"/electronicContractUrl/webapp/uploadfile", data:formData, async: false, ca
  • mybatis常用jdbcType数据类型 ysj5125094 mybatismapperjdbcType
      MyBatis 通过包含的jdbcType 类型 BIT         FLOAT      CHAR          
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他