com_zyq
com_zyq

动态tab选项卡! 纯JS+CSS

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<style type="text/css">
<!--
.menu{
	height: 39px;
	width: 1000px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.menu .item{
	float: left;
	height: 30px;
	width: 80px;
	font-size: 16px;
	color:#000000;
	line-height: 30px;
	font-weight: bold;
	text-align:center;
	margin-left:15px;
	margin-top:3px;
	cursor: pointer;
}
.menu .item_sel {
	float: left;
	height: 30px;
	width: 80px;
	font-size: 16px;
	color:#000099;
	line-height: 30px;
	font-weight: bold;
	text-align:center;
	margin-left:15px;
	margin-top:3px;
	cursor: pointer;
	background-color:#999999;
}
-->
</style>

<script type="text/javascript" >

		var documentDivCount = document.getElementsByTagName("div");  //全局变量, 所有div的值
		//页面加载初始化
		window.onload=function(){
			setMenuDiv();
			initializeMenu();
		}	
		
		//设置菜单onclick事件
		function setMenuDiv(){
			for(i = 0; i < documentDivCount.length; i++) {
				if(documentDivCount[i].className == "item"){
					documentDivCount[i].onclick = function (){setMenuOnclickClassName(this);}
					documentDivCount[i].TABINDEX = i;
				}
			}
		}
		
		function initializeMenu(){
			for(i = 0; i < documentDivCount.length; i++) {
				if(trim(documentDivCount[i].className) == "item"){
					addClass(documentDivCount[i],"item_sel");
					break
				}
			}
		}
		
		//鼠标单击菜单 添加Class
		function setMenuOnclickClassName(obj){
			for(i = 0; i < documentDivCount.length; i++) {
				if(trim(documentDivCount[i].className) == "item" || documentDivCount[i].className == "item item_sel"){
					if(obj.TABINDEX ==  documentDivCount[i].TABINDEX){
						if(trim(obj.className) == "item"){
							addClass(obj,"item_sel");
							continue
						}else{
							removeClass(obj,"item_sel");
							continue
						}
					}else{
						removeClass(documentDivCount[i],"item_sel");
					}
				}
			} 
		}
		
		//清除空格
		function trim(string)
		{
			return string.replace(/(^\s*)|(\s*$)/g, "");
		}
		
		//检索class
		function hasClass(element, className) {     
			var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');     
			return element.className.match(reg); 
		}  
		//添加class
		 function addClass(element, className) {     
			if (!this.hasClass(element, className)) {
				element.className += " "+className;    
			 }
		 }  
		 //删除class
		 function removeClass(element, className) {    
		  if (hasClass(element, className)) {         
		  	var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');        
		   	element.className = element.className.replace(reg,'');     
		   } 
		  } 
		
	</script>
</head>

<body>
	<div class="menu">
		<div class="item">首页</div>
		<div class="item">走进TF</div>
		<div class="item">产品中心</div>
		<div class="item">新闻中心</div>
		<div class="item">研发中心</div>
		<div class="item">营销网络</div>
		<div class="item">精英团队</div>
		<div class="item">招贤纳士</div>
		<div class="item">联系我们</div>
	</div>
</body>
</html>

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

  • CSS 预处理器 weixin_44356698 前端面试2025css前端
    在面试中回答关于CSS预处理器的问题时，你可以从以下几个方面进行回答，展示你的知识深度和实践经验：1.什么是CSS预处理器？你可以从定义和目的入手：“CSS预处理器是一种扩展CSS功能的工具，它允许开发者使用变量、嵌套规则、混合（mixins）、函数等高级特性来编写CSS。通过预处理器，我们可以更高效地组织和维护样式代码，减少重复代码，提升开发效率。常见的CSS预处理器包括Sass、Less和St
  • 22-javaScript基础(前端) 王宇辉 java知识体系javascript前端html
    感谢你的路过，希望学生的笔记能给你一点微不足道的参考Java基础思维导图，完整Java体系的链接目录标题一，概述1.1什么是JavaScript？1.2JavaScript的作用？1.3JavaScript的历史（了解）？二，JavaScript的用法2.1HTML页面中的JavaScript2.2外部的JavaScript2.3标签属性中的JavaScript三，JavaScript显示数据四，
  • 2025年01月13日字节（本地生活）前端面试 uperficialyu 前端面试实战前端面试
    目录自我介绍项目介绍（拷问）js事件循环浏览器如何解析html文件输入url到页面呈现的过程http与https，https为什么安全，证书是如何获取的？require引入与import的引入的区别vite打包工具相比webpack优势手写promise手写发布订阅模式3.js事件循环以下是对JavaScript事件循环的更深入解释：基本概念单线程执行模型：JavaScript是单线程的，即在同一
  • LESS vs. SCSS：选择何种CSS预处理器？ 每天一个技术点 每天一个知识点csslessscss
    CSS预处理器如LESS和SCSS已成为现代Web开发中不可或缺的工具，它们为原生CSS提供了强大的变量、嵌套、混合（Mixins）、运算等高级特性，显著提升了样式表的可维护性和开发效率。尽管功能相似，LESS和SCSS在语法、编译环境以及一些特定特性上存在一些显著的区别。本文将从多个方面详尽对比这两种预处理器，并结合实例深入探讨它们各自的特色与适用场景。1.语法差异LESSLESS语法与CSS相
  • 【进阶系列】前端开发环境构建(三)CSS -- Susy 江中散人 css前端
    1.3Susy——CSS框架Susy是一个基于NatalieDowne的CSSSystems的CSS框架，通过Sass实现，利用Compass来简化，可用于静态网站以及各种框架应用。ResponsivelayouttoolkitforSass：Susyisanagnosticsetoftoolsforcreatingpowerful,customlayouts.Weprovidethelangua
  • css预处理器 Prince_fmx css预处理器
    sass必须先安装ruby,再安装sassgeminstallsassless先安装npmnpminstall-gless来自;http://blog.csdn.net/u013063153/article/details/52485993推荐链接：http://www.ruanyifeng.com/blog/2012/06/sass.htmlCSS预处理器是什么？一般来说，它们基于CSS扩展了一
  • 详细对比Sass与SCSS 编程小郭 前端sassscss前端
    Sass（SyntacticallyAwesomeStyleSheets）和SCSS（SassyCascadedStyleSheets）都是CSS的预处理器，它们允许开发者使用变量、嵌套规则、函数和其他编程特性来编写更易于维护和管理的样式表。然而，Sass和SCSS在语法和应用场景上存在一些差异。Sass与SCSS的区别语法：Sass：Sass的语法较为独特，它使用缩进和换行符来区分不同的代码块，
  • 【前端学习】Day-18 js定时器、事件绑定、案例 ChenAi140 前端学习前端javascript学习
    文章目录1.js定时器2.事件绑定3.案例前端三大技术：HTML、CSS、JS(原生JS、JQuery、Vue)DOM-节点(标签)操作(增删改查)—D->DocumentBOM-打开窗口、滚动窗口、定时事件B->Browser1.js定时器js中的定时器有两种：Interval、TimeoutInterval定时器的开启和关闭setInterval(函数,时间)-创建定时器对象，每隔指定时间就自
  • vue样式初始化_VUE项目初始化 weixin_39806818 vue样式初始化
    Vue项目初始化：Vue项目请求生命周期和文件组件创建vue文件：user用户页面exportdefault{name:"User",components:{Nav,Footer,},data(){return{}},methods:{}}1.入口文件：加载vue、router、store等配置以及加载自定义配置(自己的js、css，第三方的js、css)2.创建项目唯一根组件，渲染App.vue
  • 探索HTML5 Canvas：创造动态与交互性网页内容的强大工具 qq39138814 html5前端html
    探索HTML5Canvas：创造动态与交互性网页内容的强大工具引言在HTML5的众多新特性中，Canvas无疑是最引人注目的元素之一。它为网页设计师和开发者提供了一个通过JavaScript和HTML直接在网页上绘制图形、图像以及进行动画处理的画布。Canvas的灵活性和强大功能，使得它成为创造动态、交互性网页内容的首选工具。本文将深入探讨HTML5Canvas的基本用法、应用场景以及如何利用它来
  • CSS3：深度解析与实战应用 QQ148698 css3css前端
    CSS3：深度解析与实战应用详解1.选择器增强2.盒模型扩展3.渐变和背景4.转换和动画总结CSS3是CSS（层叠样式表）的最新版本，它引入了许多新的特性和功能，使得网页的样式设计更加灵活、丰富和具有动态效果。在本文中，我们将深入解析CSS3的一些关键特性和实战应用，并通过代码样例展示其强大之处。1.选择器增强CSS3增加了许多新的选择器，如属性选择器、伪类选择器等，使得我们能够更精确地选择页面元
  • vue项目初始化CSS样式 晕fufufu vue知识点cssvue.js前端
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd
  • 使用python爬取网络资源 lxl12138 python开发语言后端动态规划
    整体思路网络资源爬取通常分为以下几个步骤：发送HTTP请求：使用requests库向目标网站发送请求，获取网页的HTML内容。解析HTML内容：使用BeautifulSoup库解析HTML内容，从中提取所需的数据。处理数据：对提取的数据进行清洗、存储等操作。代码实现importrequestsfrombs4importBeautifulSoupdefscrape_website(url):try:
  • Angular加载条与用户交互的优化技巧 t0_54coder 编程问题解决手册angular.js前端javascript个人开发
    在Angular项目中，常常会遇到需要在页面加载时显示加载条的情况。特别是在用户请求数据或页面跳转时，加载条可以有效地告知用户当前操作正在进行中。为了提升用户体验，我们不仅需要展示加载条，还需要确保在加载过程中用户无法进行其他操作。本文将探讨如何在Angular中使用ngx-loading-bar组件并结合CSS实现用户交互的优化。基本设置首先，确保你的项目中已安装ngx-loading-bar。
  • knowledge-微前端(多个前端应用聚合的一个应用架构体系，每个小的应用可独立运行，独立开发，独立部署上线) 岂不闻 Oneknowledgeperday前端
    1.前言微前端，将一个大的前端应用拆分为多个小型的，独立开发的前端应用，每一个小型的应用都可以单独的开发，部署和运行。这种结构允许不同的团队使用不同的技术栈来开发应用的不同部分，提高开发的效率与灵活性。2.实现微前端利用现有的微前端框架来进行实现2.1蚂蚁金服-微前端乾坤(qiankun)乾坤继承single-spa:微应用独立部署延迟加载技术无关乾坤提供:HTML入口访问模式样式隔离JS沙箱Um
  • 传智播客软件测试学习视频汇总： 天之影 测试软件测试
    课程名称分类URL提取码软件测试入门到精通视频http://yun.itheima.com/course/490.html?aoecnj1资料https://pan.baidu.com/s/1n2HGsU3fjlLImtnBL6HfUgw4zf软件测试教程两天搞定Mysql视频http://yun.itheima.com/course/491.html?aoe资料https://pan.baidu
  • CSS集群 南腩男 笔记网络
    CSS集群交换机系统，又叫集群，是将含有集群特性的交换机设备逻辑的组成一台交换设备。CSS特征：交换机多虚一：堆叠交换机对外表现为一台逻辑交换机，控制平面合一，统一管理。转发平面合一：堆叠内转发平面合一，转发信息共享并实时同步。跨设备链路聚合：堆叠内的设备连接下游端口的被聚合为一个Eth-trunk端口并形成互联。CSS与istack的区别为：CSS为框式交换机的堆叠，istack为盒式交换机的堆
  • Sass：深度解析与实战应用 设计师晏军 sass前端css
    在前端开发的浪潮中，CSS预处理器因其强大的功能和灵活性而备受推崇。其中，Sass（SyntacticallyAwesomeStylesheets）无疑是这些预处理器中的佼佼者。本文将深入解析Sass的核心概念、语法特性以及实战应用，并通过代码样例展示其强大的功能。Sass是什么？Sass（SyntacticallyAwesomeStylesheets）是一种CSS预处理器，它允许我们使用变量、嵌
  • http 和 https weixin_44356698 前端面试2025前端
    1.简要介绍HTTP和HTTPSHTTP：HTTP（HyperTextTransferProtocol）是用于在Web浏览器和服务器之间传输超文本（如HTML）的应用层协议。它是无状态的，意味着每个请求都是独立的，服务器不会保留之前请求的任何信息。HTTPS：HTTPS（HyperTextTransferProtocolSecure）是HTTP的安全版本，通过SSL/TLS协议对数据进行加密，确保
  • WX小程序/公众号 不努力谁会可怜你？ 前端技术微信小程序
    1WX中的基础知识和应用案例X.1箭头>符号的css写法.address-box{display:flex;justify-content:space-between;color:#999;line-height:90rpx;font-size:28rpx;margin-left:40rpx;}.address-box.address-manage{position:relative;height
  • 解决父元素高度塌陷 孤浪漂泊 js
    方法1.给父元素添加overflower：hieder缺点：当子元素有定位设置，定位到父元素外面，不希望溢出部分溢出隐藏时就不行了方法2.在最后浮动的元素下方添加空div，并给该元素添加声明：clear：both，height：0，overflow：hidder缺点：在HTML结构文档中会形成很多冗余代码方法3.在父元素选择器上进行设置：div:after{content：",”;clear:bo
  • HTML5大文件分片上传/多线程上传 aryasei html5前端html
    HTML5大文件分片上传/多线程上传前端实现浏览器端大文件分片上传,VUE大文件上传和断点续传的实现，VUE–实现文件的上传-字节流下载详细过程，VUE实现大文件分片上传与断点续传到七牛云，VUE.JS实现大文件分片MD5断点续传，大文件、视频分片上传，断点续传，VUE大文件分片上传/多线程上传，大文件传输解决方案：分片上传/下载限速，原生JS上传大文件分片，浏览器批量大文件上传下载，VUE项目性
  • CSS中的定位和解决父元素高度塌陷 QyangR1123 学习分享csshtmlcss3
    在CSS中，Position属性经常会用到，主要是绝对定位和相对定位，简单的使用都没有问题，尤其嵌套起来，就会有些混乱，今记录总结一下。1、相对定位(position:relative;)如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。relative：生成相对定位的元素，相对于其正常(原来)位置进行定位。2、绝对定位（
  • 《前端每日实战》第176号作品：用透视图表现 HTML、CSS 和 JS 的关系
    （图片审核原因，所以请到我的微博中查看开发过程中的7张截图：https://weibo.com/6063054508/...）今年年初时我偶然看到了下面这张图片，顺手把它记在了微博里，近日抽时间把它们制作成了交互页面，本文记录了开发的过程。效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。https://codepen.io/comehope/pen/GRqpLGX源代码
  • 深入理解 HTML5 Web Workers：提升网页性能的关键技术解析 梦想家星空 前端html5html
    深入理解HTML5WebWorkers：提升网页性能的关键技术解析引言1.什么是WebWorkers？WebWorkers的特点：2.WebWorkers的使用方式2.1创建一个WebWorker步骤1：创建Worker文件步骤2：在主线程中调用Worker3.WebWorkers的高级应用3.1使用`Blob`方式创建Worker3.2终止Worker4.WebWorkers的应用场景示例：计算
  • 浅谈Vue组件开发几个原则 Doniet web前端vue.js前端javascript
    江湖传闻随着互联网技术的发展，HTML从最初静态网页，发展到现在各端丰富多彩的应用。当初的江湖霸主jQuery，现在已经偏安一隅。angularJS手持MVC利剑，用其庞大的身躯，在前端江湖那平静的湖面砸出一股巨浪。随后React利用家族优势，扛着MVVM宝剑，也在前端江湖掀起了血雨腥风。之后Vue偷师学艺并融合ES5前辈的绝学，利用MVVM宝剑的优势，很快也打下了一片天地。Vue与Angular
  • Glass Morphism：在线制作 CSS 玻璃风格神器 开源项目精选 css前端
    GlassMorphism是一个极具趣味性的在线CSS玻璃风格工具。它不仅能够让开发者们在用户界面设计中快速应用GlassMorphism风格，还提供了许多自定义选项以及实时预览功能，使得设计过程变得轻松且高效。主要特点提供了丰富的自定义选项，使得开发者可以根据自己的需求自由调整UI元素的各种属性，如颜色、阴影、高光等，从而创造出独特的设计；具备实时预览功能，这意味着开发者可以在修改设计后立刻看到
  • 浏览器的高层结构 weixin_34293911 javascript数据库pythonViewUI
    2019独角兽企业重金招聘Python工程师标准>>>浏览器的主要组件为：用户界面-包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外，其他显示的各个部分都属于用户界面。浏览器引擎-在用户界面和呈现引擎之间传送指令。呈现引擎-负责显示请求的内容。如果请求的内容是HTML，它就负责解析HTML和CSS内容，并将解析后的内容显示在屏幕上。网络-用于网络调用，比如HTTP请求。
  • Sass (Scss) 与 Less 的区别与选择 misschen888 sassscssless
    Sass与Less的区别与选择1.语法差异2.特性与支持3.兼容性4.选择建议在前端开发中，CSS预处理器如Sass（SyntacticallyAwesomeStylesheets）和Less被广泛使用，它们通过引入变量、嵌套规则、混合、函数等特性，使CSS的开发过程更加高效和灵活。Sass和Less作为两大主流CSS预处理器，各自具有独特的优点和特性。本文将详细探讨Sass（特别是其语法扩展Sc
  • Vscode HTML5新增元素及属性 凌冰_ Vscodehtml5前端html
    一、‌HTML5语义化标签HTML5语义化标签（SemanticElements）是一组‌具有明确含义的HTML元素‌，通过标签名称直接描述其内容或结构的功能，而非仅作为样式容器（如或）。它们旨在‌提升网页内容对机器（搜索引擎、屏幕阅读器）和开发者的可读性‌，同时规范化页面结构的表达方式。标签‌‌完整定义‌‌典型使用场景‌‌‌定义文档或内容区块的头部区域，包含标题、导航、标志等。页面顶部导航栏、文
  • 对于规范和实现，你会混淆吗？ yangshangchuan HotSpot
    昨晚和朋友聊天，喝了点咖啡，由于我经常喝茶，很长时间没喝咖啡了，所以失眠了，于是起床读JVM规范，读完后在朋友圈发了一条信息： JVM Run-Time Data Areas：The Java Virtual Machine defines various run-time data areas that are used during execution of a program. So
  • android 网络 百合不是茶 网络
    android的网络编程和java的一样没什么好分析的都是一些死的照着写就可以了,所以记录下来  方便查找   ,  服务器使用的是TomCat   服务器代码;  servlet的使用需要在xml中注册 package servlet; import java.io.IOException; import java.util.Arr
  • [读书笔记]读法拉第传 comsci 读书笔记
          1831年的时候,一年可以赚到1000英镑的人..应该很少的...       要成为一个科学家,没有足够的资金支持,很多实验都无法完成       但是当钱赚够了以后....就不能够一直在商业和市场中徘徊......
  • 随机数的产生 沐刃青蛟 随机数
    c++中阐述随机数的方法有两种：   一是产生假随机数（不管操作多少次，所产生的数都不会改变）          这类随机数是使用了默认的种子值产生的，所以每次都是一样的。   //默认种子 for (int i = 0; i < 5; i++) { cout<<
  • PHP检测函数所在的文件名 IT独行者 PHP函数
    很简单的功能，用到PHP中的反射机制，具体使用的是ReflectionFunction类，可以获取指定函数所在PHP脚本中的具体位置。 创建引用脚本。 代码：   [php]   view plain copy // Filename: functions.php    <?php&nbs
  • 银行各系统功能简介 文强chu 金融
    银行各系统功能简介 　 业务系统 核心业务系统 业务功能包括：总账管理、卡系统管理、客户信息管理、额度控管、存款、贷款、资金业务、国际结算、支付结算、对外接口等 清分清算系统 以清算日期为准，将账务类交易、非账务类交易的手续费、代理费、网络服务费等相关费用，按费用类型计算应收、应付金额，经过清算人员确认后上送核心系统完成结算的过程 国际结算系
  • Python学习1(pip django 安装以及第一个project) 小桔子 pythondjangopip
        最近开始学习python,要安装个pip的工具。听说这个工具很强大，安装了它，在安装第三方工具的话so easy!然后也下载了，按照别人给的教程开始安装，奶奶的怎么也安装不上！ 第一步：官方下载pip-1.5.6.tar.gz, https://pypi.python.org/pypi/pip easy! 第二部：解压这个压缩文件，会看到一个setup.p
  • php 数组 aichenglong PHP排序数组循环多维数组
    1 php中的创建数组 $product = array('tires','oil','spark');//array()实际上是语言结构而不  是函数 2 如果需要创建一个升序的排列的数字保存在一个数组中，可以使用range()函数来自动创建数组 $numbers=range(1,10)//1 2 3 4 5 6 7 8 9 10 $numbers=range(1,10,
  • 安装python2.7 AILIKES python
    安装python2.7 1、下载可从 http://www.python.org/进行下载#wget https://www.python.org/ftp/python/2.7.10/Python-2.7.10.tgz 2、复制解压 #mkdir -p /opt/usr/python #cp  /opt/soft/Python-2
  • java异常的处理探讨 百合不是茶 JAVA异常
    //java异常  /* 1，了解java 中的异常处理机制，有三种操作 a,声明异常  b,抛出异常  c,捕获异常 2，学会使用try-catch-finally来处理异常 3，学会如何声明异常和抛出异常 4，学会创建自己的异常   */   //2，学会使用try-catch-finally来处理异常  
  • getElementsByName实例 bijian1013 element
    实例1： <!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/x
  • 探索JUnit4扩展：Runner bijian1013 java单元测试JUnit
            参加敏捷培训时，教练提到Junit4的Runner和Rule，于是特上网查一下，发现很多都讲的太理论，或者是举的例子实在是太牵强。多搜索了几下，搜索到两篇我觉得写的非常好的文章。         文章地址：http://www.blogjava.net/jiangshachina/archive/20
  • [MongoDB学习笔记二]MongoDB副本集 bit1129 mongodb
    1. 副本集的特性   1)一台主服务器(Primary),多台从服务器(Secondary)   2)Primary挂了之后，从服务器自动完成从它们之中选举一台服务器作为主服务器，继续工作，这就解决了单点故障，因此，在这种情况下，MongoDB集群能够继续工作   3)挂了的主服务器恢复到集群中只能以Secondary服务器的角色加入进来   2
  • 【Spark八十一】Hive in the spark assembly bit1129 assembly
    Spark SQL supports most commonly used features of HiveQL. However, different HiveQL statements are executed in different manners: 1. DDL statements (e.g. CREATE TABLE, DROP TABLE, etc.)
  • Nginx问题定位之监控进程异常退出 ronin47
    nginx在运行过程中是否稳定，是否有异常退出过？这里总结几项平时会用到的小技巧。 1. 在error.log中查看是否有signal项，如果有，看看signal是多少。 比如，这是一个异常退出的情况： $grep signal error.log 2012/12/24 16:39:56 [alert] 13661#0: worker process 13666 exited on s
  • No grammar constraints (DTD or XML schema).....两种解决方法 byalias xml
    方法一：常用方法   关闭XML验证 工具栏：windows => preferences => xml => xml files => validation => Indicate when no grammar is specified:选择Ignore即可。 方法二：（个人推荐） 添加 内容如下 <?xml version=
  • Netty源码学习-DefaultChannelPipeline bylijinnan netty
    package com.ljn.channel; /** * ChannelPipeline采用的是Intercepting Filter 模式 * 但由于用到两个双向链表和内部类，这个模式看起来不是那么明显，需要仔细查看调用过程才发现 * * 下面对ChannelPipeline作一个模拟，只模拟关键代码： */ public class Pipeline {
  • MYSQL数据库常用备份及恢复语句 chicony mysql
    备份MySQL数据库的命令，可以加选不同的参数选项来实现不同格式的要求。 mysqldump -h主机 -u用户名 -p密码 数据库名 > 文件 备份MySQL数据库为带删除表的格式，能够让该备份覆盖已有数据库而不需要手动删除原有数据库。 mysqldump -–add-drop-table -uusername -ppassword databasename > ba
  • 小白谈谈云计算--基于Google三大论文 CrazyMizzz Google云计算GFS
        之前在没有接触到云计算之前，只是对云计算有一点点模糊的概念，觉得这是一个很高大上的东西，似乎离我们大一的还很远。后来有机会上了一节云计算的普及课程吧，并且在之前的一周里拜读了谷歌三大论文。不敢说理解，至少囫囵吞枣啃下了一大堆看不明白的理论。现在就简单聊聊我对于云计算的了解。     我先说说GFS   &n
  • hadoop 平衡空间设置方法 daizj hadoopbalancer
    在hdfs-site.xml中增加设置balance的带宽，默认只有1M： <property>   <name>dfs.balance.bandwidthPerSec</name>     <value>10485760</value>     <description&g
  • Eclipse程序员要掌握的常用快捷键 dcj3sjt126com 编程
      判断一个人的编程水平，就看他用键盘多，还是鼠标多。用键盘一是为了输入代码（当然了，也包括注释），再有就是熟练使用快捷键。 曾有人在豆瓣评 《卓有成效的程序员》：“人有多大懒，才有多大闲”。之前我整理了一个 程序员图书列表，目的也就是通过读书，让程序员变懒。  程序员作为特殊的群体，有的人可以这么懒，懒到事情都交给机器去做，而有的人又可以那么勤奋，每天都孜孜不倦得
  • Android学习之路 dcj3sjt126com Android学习
    转自：http://blog.csdn.net/ryantang03/article/details/6901459 以前有J2EE基础，接触JAVA也有两三年的时间了，上手Android并不困难，思维上稍微转变一下就可以很快适应。以前做的都是WEB项目，现今体验移动终端项目，让我越来越觉得移动互联网应用是未来的主宰。 下面说说我学习Android的感受，我学Android首先是看MARS的视
  • java 遍历Map的四种方法 eksliang javaHashMapjava 遍历Map的四种方法
    转载请出自出处： http://eksliang.iteye.com/blog/2059996 package com.ickes; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Map.Entry; /** * 遍历Map的四种方式
  • 【精典】数据库相关相关 gengzg 数据库
    package C3P0; import java.sql.Connection; import java.sql.SQLException; import java.beans.PropertyVetoException; import com.mchange.v2.c3p0.ComboPooledDataSource; public class DBPool{
  • 自动补全 huyana_town 自动补全
    <!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&quo
  • jquery在线预览PDF文件，打开PDF文件 天梯梦 jquery
    最主要的是使用到了一个jquery的插件jquery.media.js，使用这个插件就很容易实现了。   核心代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
  • ViewPager刷新单个页面的方法 lovelease androidviewpagertag刷新
      使用ViewPager做滑动切换图片的效果时，如果图片是从网络下载的，那么再子线程中下载完图片时我们会使用handler通知UI线程，然后UI线程就可以调用mViewPager.getAdapter().notifyDataSetChanged()进行页面的刷新，但是viewpager不同于listview，你会发现单纯的调用notifyDataSetChanged()并不能刷新页面
  • 利用按位取反（~）从复合枚举值里清除枚举值 草料场 enum
    以 C# 中的 System.Drawing.FontStyle 为例。   如果需要同时有多种效果， 如：“粗体”和“下划线”的效果，可以用按位或（|） FontStyle style = FontStyle.Bold | FontStyle.Underline;   如果需要去除 style 里的某一种效果，
  • Linux系统新手学习的11点建议 刘星宇 编程工作linux脚本
    　　随着Linux应用的扩展许多朋友开始接触Linux，根据学习Windwos的经验往往有一些茫然的感觉：不知从何处开始学起。这里介绍学习Linux的一些建议。 　　一、从基础开始：常常有些朋友在Linux论坛问一些问题，不过，其中大多数的问题都是很基础的。例如：为什么我使用一个命令的时候，系统告诉我找不到该目录，我要如何限制使用者的权限等问题，这些问题其实都不是很难的，只要了解了 Linu
  • hibernate dao层应用之HibernateDaoSupport二次封装 wangzhezichuan DAOHibernate
    /** * <p>方法描述:sql语句查询 返回List<Class> </p> * <p>方法备注: Class 只能是自定义类 </p> * @param calzz * @param sql * @return * <p>创建人：王川</p> * <p>创建时间：Jul
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他