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)

  • 前端面试100问！！ 一只松 javascriptes6
    面试造火箭，工作拧螺丝！在技术圈毕竟只有百分之一的人能进入BAT，百分之九九的小伙伴只能在普通公司做这普通的事情，厌烦哪些标题党，我们抛开那些高大上的台词，回归到面试的本质。本课程帮助小伙伴们快速梳理知识，不会涉及到具体的很细节的知识点，关注面试本身。公司一般会从以下5个方面考察一个人的能力，本课程的100问是总结了最近2-3年常问的面试题，适合初中级前端工程师。1、HTML(5)和CSS3方面1
  • nuxt常用组件库html-validator应用解析 垣宇 vue.js
    html-validator主要用于自动验证nuxt服务器呈现的HTML(SSR和SSG)，以检测可能导致水合错误的HTML常见问题，有助于减少水合错误，检测常见的可访问性错误。安装npxnuxi@latestmoduleaddhtml-validator配置若自动更新nuxt.config.ts配置文件失败，可手动添加下面代码:nuxt3defineNuxtConfig({modules:['@
  • 前端面试题---2022 每日一小知识 前端htmlnpmvscodenode.js
    *集大成之面试题，我们不做面试题的创作者，只做面试题的搬运工（侵必删）〇理论一个完整的URL解析过程1用户输入URL地址。2对URL地址进行DNS域名解获得IP地址。3建立TCP连接（三次握手）。4浏览器向web服务器发送一个HTTP请求报文。5服务器返回HTTP响应报文给客户端。6关闭TCP连接（四次挥手）。7浏览器解析文档资源并渲染页面。解析过程：浏览器解析的资源（html，svg,Xhtml
  • 大白话html第五章HTML5 新增表单元素和属性 IT木昜 大白话htmlhtmlhtml5前端
    大白话html第五章HTML5新增表单元素和属性HTML5给表单带来了很多新的小伙伴，让我们收集用户信息变得更方便、更智能。新增表单元素：这个就像一个自带日历的小框框，用户可以直接在里面选择日期，不用手动输入。你的生日：：专门用来收集用户邮箱地址的，浏览器会自动检查用户输入的是不是一个合法的邮箱格式。你的邮箱：：当你需要用户输入网址的时候，用这个标签。浏览器会检查输入的是不是一个合法的网址。你的网
  • 深入探索CSS：从基础到高级，解锁网页设计的无限可能 斯~内克 csscss前端
    CSS（层叠样式表）是现代网页设计中不可或缺的一部分，它不仅决定了网页的外观和风格，还极大地影响了用户体验和交互效果。从简单的文本样式到复杂的布局设计，CSS的灵活性和强大功能使其成为前端开发的核心技术之一。本文将从CSS的基础概念出发，逐步深入到高级应用，带你全面了解CSS的魅力和实用性。一、CSS简介：网页设计的基石CSS是一种用于描述HTML或XML文档外观和格式的样式表语言。它的主要作用是
  • 终极指南：styled-components 深度解析与实战对比 ox0080 #北漂+滴滴出行WebVIP激励styled-comCSS
    一、CSS-in-JS革命：现代Web样式新范式1.1传统CSS的三大痛点全局污染：class命名冲突导致"样式战争"状态隔离：动态样式需要操作DOM类名架构割裂：样式文件与组件逻辑分离//传统CSS的典型问题实例//Button.css.btn{background:blue;}//全局作用域//App.css.btn{padding:10px;}//意外覆盖1.2CSS-in-JS的核心优势真
  • 前端：HTML 00&00 前端前端html
    HTML（超文本标记语言，HyperTextMarkupLanguage）是构建网页的标准标记语言。它被广泛用于创建和设计网页内容，使得文本、图像、链接、表格等元素能够在浏览器中以结构化的形式展示。以下是HTML的详细介绍：1.HTML的基本结构HTML文档通常由一系列嵌套的元素和标签构成，具有以下基本结构：      文档标题  欢迎使用HTML！  这是一个段落。``：声明文档类型，告知浏览器
  • 【大数据】es ElasticSearch常用操作：查询与聚合篇 roshy 大数据
    0说明基于es5.4和es5.6，列举的是个人工作中经常用到的查询（只是工作中使用的是JavaAPI），如果需要看完整的，可以参考官方相关文档https://www.elastic.co/guide/en/elasticsearch/reference/5.4/search.html。1查询先使用一个快速入门来引入，然后后面列出的各种查询都是用得比较多的（在我的工作环境是这样），其它没怎么用的这里
  • 前端必知必会-Vue动画Animations-Transition ‘name‘ 属性 编程岁月 前端vue.jsjavascript
    文章目录Transition'name'属性Transition‘name’属性如果您有多个组件，但您希望至少一个组件具有不同的动画，则需要为组件指定不同的名称以区分它们。我们可以使用name属性选择组件的名称，这也会更改过渡类的名称，以便我们可以为该组件设置不同的CSS动画规则。如果过渡名称属性值设置为‘swirl’，则自动可用的类现在将以‘swirl-’而不是‘v-’开头：swirl-ente
  • 【Jenkins】个人向-Jenkinsfile如何写 luojiaao 汽车软件开发-工具链jenkins运维
    官方参考：https://www.jenkins.io/doc/book/pipeline/syntax/PipelineUtilitySteps插件：https://birdbook.com.cn/ops/ci/jenkins/plugins/pipeline%20utility%20steps.html常用环境变量含义表达式备注params，传入参数传入参数params.都可以用env.来访问
  • python数据分析之爬虫基础：爬虫介绍以及urllib详解 web13765607643 python数据分析爬虫
    前言在数据分析中，爬虫有着很大作用，可以自动爬取网页中提取的大量的数据，比如从电商网站手机商品信息，为市场分析提供数据基础。也可以补充数据集、检测动态变化等一系列作用。可以说在数据分析中有着相当大的作用！页面结构介绍这里主要介绍HTML的一些简单结构，需要一点前端的知识，可以根据情况直接跳过。Title姓名年龄性别张三18男铁锅炖大鹅小鸡炖蘑菇锅包肉奖励自己睡觉起床读书学习爬虫相关概念1、爬虫的概
  • java计算机毕业设计企业销售管理系统源代码+数据库+系统+lw文档 今晚的月亮真好看 java开发语言
    java计算机毕业设计企业销售管理系统源代码+数据库+系统+lw文档java计算机毕业设计企业销售管理系统源代码+数据库+系统+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://p
  • VUE实现日历记录事件 yu_zheng5163 vue.jsjavascriptecmascript
    el-calendarHTML代码段可以根据自己的需要显示内容，样式-1?'lar-is-selected':'lar-no-selected'"@click="holidayUpdate(data,date)">班-1&&queryDate.indexOf(data.day)!=-1"style="color:#f73131">休 -1?'color:#F73131;text-alig
  • HTML---css选择器 lh_freak htmlcss前端
    CSS指层叠样式表，是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，CSS文件扩展名为.css。使用CSS我们可以大大提升网页开发的工作效率！插入样式表的方法有三种:外部样式(Externalstylesheet)内部样式(Internalstylesheet)内联样式(Inlinestyle)内联样式（行内样式）hello样式直接写入到本元素标签中
  • Vue打包（webpack）缓存 歌歌的前端学习之路 vue.jswebpack前端
    解决方法：1、修改vue.config.js文件constTimestamp=newDate().getTime();module.exports=defineConfig({configureWebpack{output:{filename:`[name].${Timestamp}.js`,chunkFilename:`[name].${Timestamp}.js`},},css:{extrac
  • HTML+CSS学习笔记 潘越越 学习笔记
    目录一、emmet语法二、常用html标签使用方法：三、常用CSS样式css样式设计具体引入方式1.关于border边框的设计2.关于text文本内容的管理3.关于盒模型的分类以及position属性：4.background属性的使用5.实现样式转变持续更新……首先，整体了解有关HTML和CSS的使用，主要是为了搭建静态页面有关HTML5所需要掌握的框架：React+Reactnativeuni
  • JavaScript--核心语法基础 丿狴犴λ jsjavascripthtml前端
    JavaScript--核心语法基础1.编程语言2.js历史3.js的作用4.JS组成部分5.JS的使用5.1引入方式5.2script位置5.3语法规则5.46.变量（重点）6.1什么是变量？6.2创建变量6.3变量命名规则7、数据类型（重难点）7.1分类7.2基本数据类型7.3引用数据类型--对象（object）7.4数据类型的检测8.数据类型的转换8.1隐式转换8.2强制转换9.运算符9.1
  • 小波变换网文精粹：小波变换教程(十三) iteye_9380
    小波变换网文精粹：小波变换教程(十三)原文：ROBIPOLIKAR.THEENGINEER'SULTIMATEGUIDETOWAVELETANALYSIS：TheWaveletTutorial网址：http://users.rowan.edu/~polikar/WAVELETS/WTtutorial.html译文转自：http://blog.163.com/renfengyuee@126/blog
  • webpack基础配置 吃杠碰小鸡 前端前端工具库webpack前端javascript
    文章目录一、默认入口和默认出口二、资源配置三、输出文件3.1多文件入口3.2HtmlWebpackPlugin插件四、环境4.1环境变量4.2热更新五、代码分离5.1公共模块5.2懒加载5.3预获取/预加载模块六、缓存七、TreeShaking八、公共路径webpack是一个用于现代JavaScript应用程序的静态模块打包工具，在许多项目中都有应用，但是往往平台搭建以后很少去修改配置，熟悉基础配
  • Recat学习 freelb 学习webpackjavascriptreactjs
    Recatv17.x项目开发框架搭建1.创建React项目2.暴露配置文件方法一方法二3.支持less4.支持scss/sass5.安装element-ui6.路由导航（常规使用）编译出错错误一错误二错误三错误四8.Serve插件（查看打包运行效果）安装typescript支持1.创建React项目为了加速npm下载速度，先把npm设置为淘宝镜像地址。npmconfigsetregistryhtt
  • 有关SOA 的学习材料 DanielQChen 技术讨论IBM技术soaibmweb
    SOAfromIBMforBusinessPartnershttp://www-304.ibm.com/jct09002c/isv/soa/index.htmlSOAdesign&developmenthttp://www-306.ibm.com/software/info/developer/solutions/soadev/index.jspNewtoSOAandWebserviceshttp
  • 生成网页链接二维码 小雨滴答滴答 html5javascript
    生成二维码#qrcode{margin-top:20px;}生成网页链接二维码生成二维码functiongenerateQRCode(){consturl=document.getElementById('urlInput').value;constqrcodeDiv=document.getElementById('qrcode');//清空之前的二维码qrcodeDiv.innerHTML='
  • WPS 加载项开发说明 金山办公开发者 JSAPI二次开发javascript
    WPS加载项结构WPS加载项由自定义功能区和网页两部分组成。自定义功能区只需要一个配置文件，对应WPS加载项目录中的ribbon.xml文件；网页部分负责执行自定义功能区对应的逻辑功能。因为不需要显示网页，所以省略了HTML文件，并用main.js来引入所有的外部JavaScript文件；在这些JavaScript文件中通常包含了一系列用JavaScript实现的函数，这些函数与自定义功能区的功能
  • AI写代码新姿势：一个截图，代替千行代码 量子位
    原创关注前沿科技量子位现在写代码，最fashion的“姿势”应该是什么？答案或许就是：截图。没错，就像这样，先随便找个网页，截取想要的那部分界面，然后“喂”给AI，并附上一句Prompt：参考这个页面，生成一个类似的HTML页面。只是一张图和一句话，AI就“唰唰唰”的把代码给写出来了。有了这个功能，前端程序员搞简单的页面代码可就方便太多了（甚至编程小白都可以尝试做网页）~而且这个AI啊，还不是国外
  • 西工大航海学院，新一代电子信息复试资料911电子版！资料全 weixin_aaa722509 电子信息复试资料西工大航海学院
    西工大航海学院已上岸，出新一代电子信息复试资料911(电子版！资料全)，西工大911重点题型资料资料完整齐全，复习学习用这套足够，通过无忧！点此获取资料：https://www.yiwanma.com/product/view1679.html911大纲与真题信号检测与估值知识点总结数字信号处理本校PPT数字信号处理真题和本校期末考试题数字信号处理知识点与问答题纸质资料拍照汇总通信原理PPT通信原
  • Python web基础知识，后端服务器开发，观点还停留在Java上吗！ 道-闇影 pythonjavaweb开发
    极简生活，极简编程，简到极致，就是完美！在写CSDN的Python技能树体验五(web应用开发:Djiago、Tornado、Flask)—终于可以写点能看的了！之前，wc，提前剧透了！先对web开发做一个简要的说明，话不多说，往下看！web应用开发的含义web应用开发分为：前端网页开发，后端服务器开发，还有前后端的一个通信技术！各个部分需要哪些基础前端开发基础：HTML,CSS，JavaScti
  • 使用jQuery获取select标签选中项的值 YOLO_CODE jquery前端javascript编程
    在开发Web应用程序时，我们经常需要从表单元素中获取用户的输入数据。当涉及到标签（下拉列表）时，我们可能需要获取用户选择的选项的值。在这种情况下，我们可以使用jQuery来轻松地获取选中项的值。以下是一个示例代码，展示了如何使用jQuery来获取select标签选中项的值：HTML代码：<optionvalue
  • python汽车数据分析可视化系统 Django框架 爬虫+Vue框架 Echarts可视化大屏 懂车帝（源码） ✅ Q_2564007092 python汽车数据分析
    python汽车数据分析可视化系统Django框架爬虫+Vue框架Echarts可视化大屏（源码）✅1、项目介绍技术栈：Python语言Django框架vue框架mysql数据库requests爬虫Echarts可视化HTML该系统的技术栈包括：Python语言：用于数据分析与处理、爬虫、后端开发等。Django框架：一款使用Python语言开发的Web应用程序框架，用于快速搭建后端服务。Vue框
  • vue 地图使用navigator_cordova+vue+webapp使用html5获取地理位置的方法 weixin_39759155 vue地图使用navigator
    1.在HTML5中使用Geolocation.getCurrentPosition()方法来获取地理位置。语法：navigator.geolocation.getCurrentPosition(success,error,options)参数：success:成功得到位置信息时的回调函数，使用Position对象作为唯一的参数。error:获取位置信息失败时的回调函数，使用PositionErro
  • HTML入门 Lorraine-灵 html前端
    1.1定义是一门用于web的标记语言，即将内容显示在web浏览器页面上。HTML标签主要包含单标签和双标签内容，标签属性格式,属性名=属性值例：1.2骨架标签                        注释Ctrl键+/注释内容在源代码里可见保存：Ctrl键+s1.3常见标签标题标签h1-h6示例段落标签p示例横线超链接标签属性href：跳转地址target：新窗口打开例：点击打开百度图片标签
  • 设计模式介绍 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其他