javascript+css 实现tab功能

转载自：http://www.cnblogs.com/seagate_cn/archive/2007/06/12/780329.html
1<html>
  2    <head>
  3        <style type="text/css">
  4.tabheader table {
  5  border-collapse: collapse; /* for IE */
  6  border-spacing: 0; /* for N6 */
  7}
  8
  9.tabheader table tr td {margin:0;padding:0;border-width:0}
 10
 11.tabheader .close {
 12  border-style: solid;
 13  border-width: 1px; 
 14  border-color: #000;
 15  background-color: #d0d0d0;
 16  margin:0;
 17  padding: 0.5em;
 18  white-space: nowrap;
 19}
 20.tabheader .open {
 21  border-style: solid;
 22  border-width: 1px; 
 23  border-color: #000 #000 #fff #000;
 24  background-color: white;
 25  margin:0;
 26  padding: 0.5em;
 27  white-space: nowrap;
 28}
 29.tabheader .spc {
 30  border-style: solid;
 31  border-width: 1px 0 1px 0; 
 32  border-color: #fff #fff #000 #fff;
 33  margin:0;
 34  padding: 0.5em;
 35  white-space: nowrap;
 36}
 37
 38.tabheader a {text-decoration: none;}
 39.tabbody {
 40  border-color: black;
 41  border-style: solid;
 42  border-width: 0 1px 1px 1px;
 43  padding: 1em;
 44}
 45</style>
 46<script language="JavaScript">
 47<!--
 48 
 49function seltab(bpref, hpref, id_max, selected) {
 50  if (! document.getElementById) return;
 51  for (i = 0; i <= id_max; i++) {
 52    if (! document.getElementById(bpref + i)) continue;
 53    if (i == selected) {
 54      document.getElementById(bpref + i).style.visibility = "visible";
 55      document.getElementById(bpref + i).style.position = "";
 56      document.getElementById(hpref + i).className = "open";
 57    } else {
 58      document.getElementById(bpref + i).style.visibility = "hidden";
 59      document.getElementById(bpref + i).style.position = "absolute";
 60      document.getElementById(hpref + i).className = "close";
 61    }
 62  }
 63}
 64// -->
 65</script>
 66<title>Tab功能</title>
 67</head>
 68    <body bgcolor="white" onload="seltab('box', 'head', 10, 1)">
 69        <h1></h1>
 70        <div class="tabheader">
 71            <table>
 72                <tr>
 73                    <td>
 74                        <div id="head1">
 75                            <a href="javascript:seltab('box', 'head', 10, 1)">tab1</a>
 76                        </div>
 77                    </td>
 78                    <td><div class="spc">&nbsp;</div>
 79                    </td>
 80                    <td>
 81                        <div id="head2">
 82                            <a href="javascript:seltab('box', 'head', 10, 2)">tab2</a>
 83                        </div>
 84                    </td>
 85                    <td><div class="spc">&nbsp;</div>
 86                    </td>
 87                    <td>
 88                        <div id="head3">
 89                            <a href="javascript:seltab('box', 'head', 10, 3)">tab3</a>
 90                        </div>
 91                    </td>
 92                    <td><div class="spc">&nbsp;</div>
 93                    </td>
 94                    <td>
 95                        <div id="head4">
 96                            <a href="javascript:seltab('box', 'head', 10, 4)">tab4</a>
 97                        </div>
 98                    </td>
 99                    <td width="100%"><div class="spc">&nbsp;</div>
100                    </td>
101                </tr>
102            </table>
103        </div>
104        <div class="tabbody">
105            <div id="box1">
106                <p>
107                    test
108                </p>
109            </div>
110            <div id="box2">
111                <p>test
112                </p>
113                <p>test
114                </p>
115            </div>
116            <div id="box3">
117                <p>testtesttest
118                </p>
119            </div>
120            <div id="box4">
121                <p>
122                    testtest
123                </p>
124            </div>
125        </div>
126        </div>
127    </body>
128</html>
129

 

你可能感兴趣的:(JavaScript)

  • React单元测试教程：从入门到精通 BgScratch react.js单元测试前端
    React是一种流行的JavaScript库，用于构建用户界面。在开发React应用程序时，单元测试是保证代码质量和稳定性的关键步骤之一。本教程将指导您如何编写和运行React组件的单元测试。一、设置测试环境首先，我们需要设置测试环境。我们将使用Jest作为测试运行器，并使用Enzyme进行React组件的渲染和断言。确保您的React项目中已经安装了Jest和Enzyme。安装Jest和Enzy
  • pyscript简介 dev.null Pythonpython
    当然可以！这里给你一个简洁明了的PyScript简介：PyScript简介PyScript是一个允许你在网页上直接用Python编写前端逻辑的开源框架，简单来说，它让Python可以像JavaScript一样运行在浏览器里！核心特点PythonintheBrowser使用Pyodide（WebAssembly编译的Python）让Python脚本直接在浏览器中运行，无需服务器。HTML+Pytho
  • Python selenium爬虫被检测到，该怎么破？ 懒大王爱吃狼 pythonselenium爬虫开发语言pycharmscrapy
    当使用Selenium进行网络爬虫操作时，经常会被目标网站检测到并采取了反爬措施，有几种方法可以尝试规避。1、用无头模式（HeadlessMode）：Selenium支持在无头浏览器模式下运行，这样就不会触发与真实用户操作相关的检测机制。2、模拟真实浏览器行为：设置合理的浏览器配置，如启用JavaScript、设置User-Agent等，以模拟真实浏览器的行为，降低被检测的风险。3、控制访问频率和
  • 红宝书第五十一讲：Web Components：创造你自己的HTML标签 kovlistudio 技术前端前端htmljavascript开发语言
    红宝书第五十一讲：WebComponents：创造你自己的HTML标签资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲WebComponents=自定义元素+ShadowDOM就像搭积木一样，你可以创造可复用、独立功能的组件，自带样式与逻辑，不受外部干扰。一、自定义元素（CustomElements）场景：想定义一个，自带特效。步骤：继承HTMLElement类：
  • 编程小白如何成为大神？大学新生的最佳入门攻略 109702008 杂谈人工智能学习
    编程新手到达编程大神：大学新生的成长指南无论你是对编程充满热情，还是为了未来更好的职业前景，编程已逐渐成为大学生的必备技能。面对诸多编程课程、语言和资源，如何才能有效地入门并逐步进阶？本文将为你提供一条清晰的学习路径，帮助你从编程小白成长为编程大神。1.明确目标：选择适合自己的编程语言编程语言种类繁多，包括Python、Java、C、C++、JavaScript等，每种语言都有其特定的应用场景和优
  • 【54期获取股票数据API接口】如何用Python、Java等五种主流语言实例演示获取股票行情API接口之沪深A股财务报告数据及接口API说明文档 无名的小码农 pythonjava开发语言股票数据股票api股票数据接口
    在量化分析领域，实时且准确的数据接口是成功的基石。经过多次实际测试，我将已确认可用的数据接口分享给正在从事量化分析的朋友们，希望能够对你们的研究和工作有所帮助，接下来我会用Python、JavaScript（Node.js）、Java、C#和Ruby五种主流语言的实例代码给大家逐一演示一下如何获取各类股票数据。在下方，所有演示中的API接口Url链接结尾的ZHITU_TOKEN_LIMIT_TES
  • 到底为什么JavaScript要区分对象和字符串？一共包含哪些部分？使用场景是什么？底层原理是什么？ 快点好好学习吧 JavaScriptjavascriptjavaudp
    第一部分：为什么JavaScript要区分对象和字符串？1.为什么需要区分对象和字符串？数据类型的本质不同：对象（Object）：是一种复杂的数据结构，可以存储键值对或方法。例如：{name:"Alice",age:25}。字符串（String）：是一种简单的数据类型，用于表示文本。例如："Hello,World!"。存储方式不同：对象存储的是引用（内存地址），而字符串是原始值（直接存储内容）。操
  • Vue3中provide和inject的用法示例 BillKu vue.jsjavascript前端
    在Vue3中，provide和inject用于实现跨层级组件通信。以下是一个简单的示例：1.父组件(祖先组件)-提供数据javascript复制//ParentComponent.vueimport{provide,ref,reactive}from'vue';exportdefault{setup(){//提供静态数据provide('message','HellofromParent!');/
  • 告别 Webpack 困惑：一文读懂配置、Loaders 与高效开发流程 人工智能
    本文已收录在Github，关注我，紧跟本系列专栏文章，咱们下篇再续！魔都架构师|全网30W技术追随者大厂分布式系统/数据中台实战专家主导交易系统百万级流量调优&车联网平台架构AIGC应用开发先行者|区块链落地实践者以技术驱动创新，我们的征途是改变世界！实战干货：编程严选网0前言Webpack是一个强大的JavaScript模块打包工具，广泛用于前端开发。它可以将多个JavaScript文件、CSS
  • 【WebRTC】适合新手宝宝的WebRTC入门教学 Thread.sleep(0) webrtcandroidjavascript
    文章目录简述SDPNATNAT的分类完全圆锥型受限圆锥型端口受限圆锥型对称型ICESTUNTURN总结参考链接简述WebRTC通过整合现有的网络协议为设备提供了实时通信的能力，其底层由C++开发，并通过标准化的JavaScriptAPI和原生接口（如C++和Java）向开发者开放。往大了说，WebRTC实现了一整套支持实时通信的协议和方法。往小了说，WebRTC作为工具为开发者提供了快速开发实时通
  • 【React】基本语法 Moon里 Reactreact.js
    基本语法通过jsx的语法可以在js中写html函数组件/class组件的语法、父子组件传参、事件react生命周期根据状态(数据)动态渲染组件/列表渲染/表单渲染class组件中的ref、ref回调函数react中的css怎么保证它只在当前组件中生效css重置关于图片的引入使用包裹标签fragment什么是react？用于构建用户界面的JavaScript库，主要用于构建UI。起源于faceboo
  • 腾讯云AI代码助手编程挑战赛-算法小助手 只可远观 腾讯云AI代码助手
    作品简介一个可以帮助学习计算机各种算法的AI小助手，提升工作效率。技术架构使用Html语言完成图形化页面的样式，使用JavaScript语言来操作对应的逻辑代码。实现过程1、创建一个界面2、获取数据3、添加按钮与功能4、程序优化调试开发环境、开发流程系统环境：MacOs系统开发工具：VSCode开发插件：腾讯云AI代码助手关键技术解析1.绘制页面2.获取数据3.解析数据4.渲染数据腾讯云AI代码助
  • 分析 WebKit：跨平台的网页引擎及其挑战
    WebKit是一个开源的网页浏览引擎，广泛应用于许多现代浏览器中，尤其是苹果的Safari浏览器。它支持HTML、CSS、JavaScript等网页标准，并使浏览器能够将网页内容正确地渲染出来。然而，尽管WebKit在性能和兼容性方面有着显著的优势，但它仍面临着一些专业性的问题，特别是在渲染性能优化和跨平台兼容性方面。本文将深入探讨WebKit在这两个领域的挑战及其解决方案。1.渲染性能优化：We
  • 前端流式输出实现详解：从原理到实践 UIEngineer小羊 前端html5javascriptcss3
    前端流式输出实现详解：从原理到实践前言一、流式输出核心原理1.1什么是流式输出？1.2技术优势对比1.3关键技术支撑二、原生JavaScript实现方案2.1使用FetchAPI流式处理关键点解析：2.2处理SSE（Server-SentEvents）三、主流框架实现示例3.1React实现方案3.2Vue实现方案四、高级优化策略4.1性能优化4.2用户体验增强4.3安全注意事项五、实际应用案例5
  • let、const和var的区别是什么？解释暂时性死区（TDZ） 尘寰ya 面试-技术试炼场筑基篇-原生三剑客前端javascript面试
    在JavaScript中，var、let和const是三种变量声明方式，它们在作用域、变量提升、重复声明等行为上有显著区别，同时let和const引入了暂时性死区（TemporalDeadZone,TDZ）的概念。以下是详细对比和解析：一、核心区别对比特性varletconst作用域函数作用域或全局作用域块级作用域（{}内有效）块级作用域（{}内有效）变量提升✅提升且初始化为undefined✅提
  • 解释模板字符串的标签函数（Tagged Template）是什么，并给出示例 尘寰ya 面试-技术试炼场筑基篇-原生三剑客面试javascript前端
    标签模板函数（TaggedTemplate）是JavaScript中模板字符串的高级用法，允许通过自定义函数处理模板字符串的各个部分。该函数接收模板的静态字符串和动态表达式值，可进行灵活操作（如转义、翻译、格式化等）。以下是详细说明及示例：一、标签函数的基本结构标签函数以模板字符串为参数，形式为：functiontagFunction(strings,...values){//strings:模板
  • 原型链之Object，Function，__proto__，prototype 不要做切图仔 原型链原型链构造函数__proto__prototype
    一、基础知识点javascript中，“函数”（方法）也是对象。一切对象都有一个根源。它是Object.prototype。根源之上再没有其他根源，Object.prototype.proto===null注：省去proto的下划线二、构造函数通过new关键字可以用来创建特定类型的对象的函数；只要创建了一个新函数，每个函数在创建之后都会获得一个prototype的属性，这个属性指向函数的原型对象（
  • 基于django 的xss漏洞扫描检测系统 源码空间站TH 网络安全安全网络web安全课程设计pythonxss毕业设计
    概述本工具用于扫描和检测网站中可能存在的XSS(跨站脚本攻击)漏洞。通过模拟发送HTTP请求，注入特定的JavaScript代码（payload），该工具能够检测目标网站是否容易受到XSS攻击。本工具支持GET和POST请求的扫描，并可以测试表单输入和URL查询参数中是否存在潜在的漏洞。主要功能自动生成XSSPayload：根据不同的攻击级别，自动生成多种常见的XSSpayload。POST请求检
  • 五分钟快速清晰理解作用域和闭包以及封装 介si啥呀~ 前端javascriptvue.js
    JavaScript是一门灵活且强大的编程语言，但其作用域和闭包的概念常常让初学者感到困惑。理解这些概念对于编写高效、可维护的代码至关重要。我们将深入探讨JavaScript中的作用域和闭包，帮助你快速掌握它们的核心原理和实际应用。1、作用域作用域决定了变量、函数和对象在代码中的可访问性。JavaScript中的作用域分为以下几种：1.1全局作用域全局作用域中的变量和函数可以在代码的任何地方访问。
  • 通义灵码 Rules 库合集来了，覆盖Java、TypeScript、Python、Go、JavaScript 等 云原生
    通义灵码新上的外挂ProjectRules获得了开发者的一致好评：最小成本适配我的开发风格、相当把团队经验沉淀下来，是个很好功能……那么有哪些现成的Rules可以抄作业呢，今天我们官方输出了Java、TypeScript、Python、Go、JavaScript等语言的Rules，供大家使用，更多Rules欢迎大家点击阅读原文分享。Java你是一个资深的Java专家，请在开发中遵循如下规则：严格遵
  • 红宝书第五十一讲：Web Components：创造你自己的HTML标签 前端javascript
    红宝书第五十一讲：WebComponents：创造你自己的HTML标签资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲WebComponents=自定义元素+ShadowDOM就像搭积木一样，你可以创造可复用、独立功能的组件，自带样式与逻辑，不受外部干扰。一、自定义元素（CustomElements）场景：想定义一个，自带特效。步骤：继承HTMLElement类：
  • 新手避坑+高效入门：用 DeepSeek 从零攻克编程与网站搭建 weixin_45788582 学习DeepSeek开发语言
    DeepSeek作为一个智能学习平台或工具（具体功能可能因平台特性而异），可以为新手学习编程和网站搭建提供高效支持。以下结合DeepSeek的优势与学习技巧，为小白设计一套实用学习方案：一、DeepSeek如何助力新手学习？1.智能辅助与实时反馈代码纠错：当你在DeepSeek编写Python、JavaScript或SQL代码时，它能实时标记语法错误（如缩进问题、括号缺失），并提供修改建议，避免因
  • Vue3 配合 fullPage.js 打造高效全屏滚动网页 前端切图仔001 javascript前端vue.js前端框架
    引言在现代网页设计中，整屏滚动（Full-pageScrolling）已成为展示内容的一种流行方式。通过将内容分成若干个全屏页面，并配合流畅的过渡动画，可以为用户带来身临其境的浏览体验。本文将介绍如何使用fullPage.js插件来创建一个专业的整屏滚动网站。效果预览插件介绍fullPage.js是一个简单易用且功能强大的JavaScript库官方网站：中文文档fullPage.js主要特点：支持
  • JavaScript模块化开发：CommonJS、AMD到ES模块 前端切图仔001 javascriptelasticsearch开发语言
    引言在Web开发的早期阶段，JavaScript代码通常被编写在一个庞大的文件中或分散在多个脚本标签里，这种方式导致了全局变量污染、依赖关系难以管理、代码复用困难等问题。随着Web应用日益复杂，模块化编程成为了解决这些问题的关键。本文将带您了解JavaScript模块化的发展历程，从最初的模块模式到CommonJS、AMD，再到现代ES模块，并通过详细的代码示例帮助您掌握每种模块系统的使用方法及其
  • 前端算法：字典and哈希表（力扣1题、349题解法） 码农白衣 数据结构和前端算法散列表数据结构前端算法
    目录一、字典1.概念2.特点3.在JS中如何实现4.字典用法使用对象作为字典使用map5.应用场景二、哈希表1.概念2.工作原理3.在JavaScript中的实现4.哈希表用法使用Map作为哈希表5.应用场景三、字典与哈希表的区别四、力扣算法实战1.1题两数之和2.349题两个数组的交集五、总结一、字典1.概念字典是一种以键值对形式存储数据的集合。在字典中，每个键都是唯一的，值可以是任意类型。这种
  • js 使用 substring() 或 substr() 方法截取指定字符后面/前面的所有字符串 介si啥呀~ jsjavascript前端vue.js
    项目场景在JavaScript中，你可以使用**substring()**或substr()方法来截取字符串中指定字符前面或后面的所有字符。再配合indexOf()方法来判断字符所在的位置从而实现截取指定字符的前后字符串解决方案：            letstr='你还好吗？嗯？我很好！'         //截取第一个？前面的字符串         varindex=str.indexOf(
  • 通义灵码 Rules 库合集来了，覆盖Java、TypeScript、Python、Go、JavaScript 等 云原生
    通义灵码新上的外挂ProjectRules获得了开发者的一致好评：最小成本适配我的开发风格、相当把团队经验沉淀下来，是个很好功能……那么有哪些现成的Rules可以抄作业呢，今天我们官方输出了Java、TypeScript、Python、Go、JavaScript等语言的Rules，供大家使用，更多Rules欢迎大家点击阅读原文分享。Java你是一个资深的Java专家，请在开发中遵循如下规则：严格遵
  • JavaScript新手入门指南：从零开始探索前端世界 嘻嘻的羊 前端javascript开发语言
    ##一、JavaScript是什么？JavaScript（简称JS）是构建现代Web的三大核心技术之一，负责为网页添加交互功能。它能让你：✅创建动态更新的内容✅实现表单验证✅制作动画效果✅开发复杂的前端应用##二、快速搭建开发环境无需复杂配置，立即开始编码：1.现代浏览器（推荐Chrome/Firefox）2.文本编辑器（VSCode/Sublime）3.浏览器开发者工具（F12打开控制台）##三
  • React 入门完全指南：从零开始构建现代 Web 应用 vvilkin的学习备忘 reactreact.js前端前端框架
    在当今快速发展的前端开发领域，React凭借其高效的组件化架构和强大的生态系统，已成为最受欢迎的JavaScript库之一。根据2023年StackOverflow开发者调查，React连续七年成为最常用的Web框架。无论是初创公司还是科技巨头，如Facebook、Instagram、Airbnb和Netflix等，都在其产品中广泛使用React。本文将带你从零开始，全面了解React的核心概念、
  • 什么是Angular？ 一个前端人 javascriptangular.js
    Angular是一个由Google维护的开源JavaScript框架，用于构建动态Web应用程序。以下是Angular的示例和API说明：1.概述Angular是一个基于组件的框架，允许开发者使用HTML模板和TypeScript代码来创建复杂的单页应用程序（SPA）。它提供了许多内置功能和工具，例如依赖注入、双向数据绑定、模块化、路由等。2.核心概念2.1组件（Component）在Angula
  • 关于旗正规则引擎规则中的上传和下载问题 何必如此 文件下载压缩jsp文件上传
    文件的上传下载都是数据流的输入输出，大致流程都是一样的。 一、文件打包下载 1.文件写入压缩包 string mainPath="D:\upload\";     下载路径 string tmpfileName=jar.zip;        &n
  • 【Spark九十九】Spark Streaming的batch interval时间内的数据流转源码分析 bit1129 Stream
      以如下代码为例（SocketInputDStream）： Spark Streaming从Socket读取数据的代码是在SocketReceiver的receive方法中，撇开异常情况不谈(Receiver有重连机制，restart方法，默认情况下在Receiver挂了之后，间隔两秒钟重新建立Socket连接)，读取到的数据通过调用store(textRead)方法进行存储。数据
  • spark master web ui 端口8080被占用解决方法 daizj 8080端口占用sparkmaster web ui
    spark master web ui 默认端口为8080，当系统有其它程序也在使用该接口时，启动master时也不会报错，spark自己会改用其它端口，自动端口号加1，但为了可以控制到指定的端口，我们可以自行设置，修改方法：   1、cd SPARK_HOME/sbin   2、vi start-master.sh     3、定位到下面部分
  • oracle_执行计划_谓词信息和数据获取 周凡杨 oracle执行计划
      oracle_执行计划_谓词信息和数据获取(上) 一：简要说明 在查看执行计划的信息中，经常会看到两个谓词filter和access，它们的区别是什么，理解了这两个词对我们解读Oracle的执行计划信息会有所帮助。 简单说，执行计划如果显示是access，就表示这个谓词条件的值将会影响数据的访问路径（表还是索引），而filter表示谓词条件的值并不会影响数据访问路径，只起到
  • spring中datasource配置 g21121 dataSource
    datasource配置有很多种，我介绍的一种是采用c3p0的，它的百科地址是： http://baike.baidu.com/view/920062.htm   <!-- spring加载资源文件 --> <bean name="propertiesConfig" class="org.springframework.b
  • web报表工具FineReport使用中遇到的常见报错及解决办法（三） 老A不折腾 finereportFAQ报表软件
    这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。 1、repeated column width is largerthan paper width： 这个看这段话应该是很好理解的。比如做的模板页面宽度只能放
  • mysql 用户管理 墙头上一根草 linuxmysqluser
    1.新建用户 //登录MYSQL@>mysql -u root -p@>密码//创建用户mysql> insert into mysql.user(Host,User,Password) values(‘localhost’,'jeecn’,password(‘jeecn’));//刷新系统权限表mysql>flush privileges;这样就创建了一个名为：
  • 关于使用Spring导致c3p0数据库死锁问题 aijuans springSpring 入门Spring 实例Spring3Spring 教程
    这个问题我实在是为整个 springsource 的员工蒙羞 如果大家使用 spring 控制事务，使用 Open Session In View 模式， com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.
  • 百度词库联想 annan211 百度
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title&g
  • int数据与byte之间的相互转换实现代码 百合不是茶 位移int转bytebyte转int基本数据类型的实现
    在BMP文件和文件压缩时需要用到的int与byte转换,现将理解的贴出来;   主要是要理解;位移等概念 http://baihe747.iteye.com/blog/2078029   int转byte;   byte转int;   /** * 字节转成int,int转成字节 * @author Administrator *
  • 简单模拟实现数据库连接池 bijian1013 javathreadjava多线程简单模拟实现数据库连接池
    简单模拟实现数据库连接池 实例1： package com.bijian.thread; public class DB { //private static final int MAX_COUNT = 10; private static final DB instance = new DB(); private int count = 0; private i
  • 一种基于Weblogic容器的鉴权设计 bijian1013 javaweblogic
            服务器对请求的鉴权可以在请求头中加Authorization之类的key，将用户名、密码保存到此key对应的value中，当然对于用户名、密码这种高机密的信息，应该对其进行加砂加密等，最简单的方法如下： String vuser_id = "weblogic"; String vuse
  • 【RPC框架Hessian二】Hessian 对象序列化和反序列化 bit1129 hessian
     任何一个对象从一个JVM传输到另一个JVM，都要经过序列化为二进制数据(或者字符串等其他格式，比如JSON)，然后在反序列化为Java对象，这最后都是通过二进制的数据在不同的JVM之间传输(一般是通过Socket和二进制的数据传输)，本文定义一个比较符合工作中。   1. 定义三个POJO    Person类 package com.tom.hes
  • 【Hadoop十四】Hadoop提供的脚本的功能 bit1129 hadoop
    1. hadoop-daemon.sh 1.1 启动HDFS ./hadoop-daemon.sh start namenode ./hadoop-daemon.sh start datanode  通过这种逐步启动的方式，比start-all.sh方式少了一个SecondaryNameNode进程，这不影响Hadoop的使用，其实在 Hadoop2.0中，SecondaryNa
  • 中国互联网走在“灰度”上 ronin47 管理 灰度
    中国互联网走在“灰度”上（转） 文/孕峰   第一次听说灰度这个词，是任正非说新型管理者所需要的素质。第二次听说是来自马化腾。似乎其他人包括马云也用不同的语言说过类似的意思。   灰度这个词所包含的意义和视野是广远的。要理解这个词，可能同样要用“灰度”的心态。灰度的反面，是规规矩矩，清清楚楚，泾渭分明，严谨条理，是决不妥协，不转弯，认死理。黑白分明不是灰度，像彩虹那样
  • java-51-输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。 bylijinnan java
    public class PrintMatrixClockwisely { /** * Q51.输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。 例如：如果输入如下矩阵： 1 2 3 4 5 6 7 8 9
  • mongoDB 用户管理 开窍的石头 mongoDB用户管理
      1:添加用户    第一次设置用户需要进入admin数据库下设置超级用户（use admin）      db.addUsr({user:'useName',pwd:'111111',roles:[readWrite,dbAdmin]});    第一个参数用户的名字    第二个参数
  • [游戏与生活]玩暗黑破坏神3的一些问题 comsci 生活
        暗黑破坏神3是有史以来最让人激动的游戏。。。。但是有几个问题需要我们注意      玩这个游戏的时间，每天不要超过一个小时，且每次玩游戏最好在白天      结束游戏之后，最好在太阳下面来晒一下身上的暗黑气息，让自己恢复人的生气   &nb
  • java 二维数组如何存入数据库 cuiyadll java
    using System; using System.Linq; using System.Text; using System.Windows.Forms; using System.Xml; using System.Xml.Serialization; using System.IO; namespace WindowsFormsApplication1 {
  • 本地事务和全局事务Local Transaction and Global Transaction(JTA) darrenzhu javaspringlocalglobaltransaction
    Configuring Spring and JTA without full Java EE http://spring.io/blog/2011/08/15/configuring-spring-and-jta-without-full-java-ee/ Spring doc -Transaction Management http://docs.spring.io/spri
  • Linux命令之alias - 设置命令的别名，让 Linux 命令更简练 dcj3sjt126com linuxalias
    用途说明 设置命令的别名。在linux系统中如果命令太长又不符合用户的习惯，那么我们可以为它指定一个别名。虽然可以为命令建立“链接”解决长文件名的问 题，但对于带命令行参数的命令，链接就无能为力了。而指定别名则可以解决此类所有问题【1】。常用别名来简化ssh登录【见示例三】，使长命令变短，使常 用的长命令行变短，强制执行命令时询问等。   常用参数 格式：alias 格式：ali
  • yii2 restful web服务[格式响应] dcj3sjt126com PHPyii2
    响应格式 当处理一个 RESTful API 请求时， 一个应用程序通常需要如下步骤 来处理响应格式： 确定可能影响响应格式的各种因素， 例如媒介类型， 语言， 版本， 等等。 这个过程也被称为 content negotiation。 资源对象转换为数组， 如在 Resources 部分中所描述的。 通过 [[yii\rest\Serializer]]
  • MongoDB索引调优（2）——[十] eksliang mongodbMongoDB索引优化
    转载请出自出处：http://eksliang.iteye.com/blog/2178555 一、概述       上一篇文档中也说明了，MongoDB的索引几乎与关系型数据库的索引一模一样，优化关系型数据库的技巧通用适合MongoDB，所有这里只讲MongoDB需要注意的地方 二、索引内嵌文档     可以在嵌套文档的键上建立索引，方式与正常
  • 当滑动到顶部和底部时，实现Item的分离效果的ListView gundumw100 android
    拉动ListView，Item之间的间距会变大，释放后恢复原样； package cn.tangdada.tangbang.widget; import android.annotation.TargetApi; import android.content.Context; import android.content.res.TypedArray; import andr
  • 程序员用HTML5制作的爱心树表白动画 ini JavaScriptjqueryWebhtml5css
    体验效果：http://keleyi.com/keleyi/phtml/html5/31.htmHTML代码如下： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="UTF-8" > <ti
  • 预装windows 8 系统GPT模式的ThinkPad T440改装64位 windows 7旗舰版 kakajw ThinkPad预装改装windows 7windows 8
      该教程具有普遍参考性，特别适用于联想的机器，其他品牌机器的处理过程也大同小异。 该教程是个人多次尝试和总结的结果，实用性强，推荐给需要的人！   缘由 小弟最近入手笔记本ThinkPad T440，但是特别不能习惯笔记本出厂预装的Windows 8系统，而且厂商自作聪明地预装了一堆没用的应用软件，消耗不少的系统资源（本本的内存为4G，系统启动完成时，物理内存占用比
  • Nginx学习笔记 mcj8089 nginx
    一、安装nginx             1、在nginx官方网站下载一个包，下载地址是：  http://nginx.org/download/nginx-1.4.2.tar.gz      2、WinSCP(ftp上传工
  • mongodb 聚合查询每天论坛链接点击次数 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    /* 18 */ { "_id" : ObjectId("5596414cbe4d73a327e50274"), "msgType" : "text", "sendTime" : ISODate("2015-07-03T08:01:16.000Z"
  • java术语（PO/POJO/VO/BO/DAO/DTO） Luob. DAOPOJODTOpoVO BO
    PO(persistant object) 持久对象 在o/r 映射的时候出现的概念,如果没有o/r映射,就没有这个概念存在了.通常对应数据模型(数据库),本身还有部分业务逻辑的处理.可以看成是与数据库中的表相映射的java对象.最简单的PO就是对应数据库中某个表中的一条记录,多个记录可以用PO的集合.PO中应该不包含任何对数据库的操作. VO(value object) 值对象 通
  • 算法复杂度 Wuaner Algorithm
    Time Complexity & Big-O： http://stackoverflow.com/questions/487258/plain-english-explanation-of-big-o http://bigocheatsheet.com/ http://www.sitepoint.com/time-complexity-algorithms/
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他