fannnnnn
fannnnnn

实现选项卡切换的三种方式

实现选项卡切换的三种方式

用Jquery库实现

实现选项卡切换的三种方式_第1张图片

只需要点击上面的导航标签即可切换下方内容，Html代码如下


<html lang="en">
<head>
    <meta charset="utf-8">
    <title>tab切换title>
    <style type="text/css">
        *{padding:0;margin:0;font:normal 15px "微软雅黑";color:#000;}
        ul{list-style-type: none;padding-left: 5px;margin-bottom: -2px}
        .tab{width:500px;margin: 10px auto}
        a{text-decoration: none;}
        .title li{display: inline-block;border: 1px solid #999;border-bottom: 2px solid #a00;background: #fff;text-align: center;width: 60px;height: 30px;margin: 0 1px;line-height: 30px}
        .title .active{border-top:2px solid #a00;border-bottom: 2px solid #fff; }
        #content{margin: 0;border: 1px solid #ccc;border-top: 2px solid #a00;width: 300px}
        #content div{display: none;padding: 10px 0}
        #content .mod{display: block;}
    style>
head>
<body>
<div class="tab">
    <ul class="title">
        <li class="active"><a href="#">房产a>li>
        <li><a href="#">家居a>li>
        <li><a href="#">二手房a>li>
        
    ul>
    <div id="content">
        <div class="mod">
            <ul>
                <li><a href="#">房产内容1a> li>
                <li><a href="#">房产内容2a> li>
                <li><a href="#">房产内容3a> li>
            ul>
        div>
        <div class="mod" style="display: none">
            <ul>
                <li><a href="#">家居内容1a> li>
                <li><a href="#">家居内容2a> li>
                <li><a href="#">家居内容3a> li>
            ul>
        div>
        <div class="mod" style="display: none">
            <ul>
                <li><a href="#">二手房内容1a> li>
                <li><a href="#">二手房内容2a> li>
                <li><a href="#">二手房内容3a> li>
            ul>
        div>
    div>
div>
body>
html>

Jquery代码如下：

<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
<script type="text/javascript">
    $(function(){
        $(".title li").click(function(){
//            var $this=$(this);
//            alert($this.index());
            $(this).addClass("active").siblings().removeClass("active");
            $("#content .mod").eq($(".title li").index(this)).show().siblings("#content .mod").hide();
        });
    });
</script>

原生的js代码实现

实现选项卡切换的三种方式_第2张图片
实现所需的html代码：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style type="text/css">
        *{padding: 0;margin: 0;box-sizing: border-box}
        div{width: 70%;margin: 20px auto;}
        ul{
            list-style: none;overflow: hidden;
        }
        #nav{
            width: 400px;height: 40px;text-align: center;line-height: 40px;
            background: #c5c5c5;
        }
        #nav li{
            width: 25%;height: 40px;float: left;border: 1px solid #c5c5c5;
            border-bottom: none;
        }
        #nav li.active{
            background: #fff;
        }
        #content{
            width: 400px;height: 300px;position: relative;border: 1px solid #c5c5c5;border-top: none;
        }
        #content li{width: 100%;height: 100%;position: absolute;padding: 10px;display: none}
    style>
head>
<body>
	<div>
    	<ul id="nav">
    		<li class="active">选项一li>
    		<li>选项二li>
    		<li>选项三li>
    		<li>选项四li>
		ul>
		<ul id="content">
   	 		<li style="display: block">内容一li>
    		<li>内容二li>
    		<li>内容三li>
    		<li>内容四li>
		ul>
	div>
body>
html>

js代码如下：

<script type="text/javascript">
  var nav =document.getElementById("nav");
  var navlist = nav.children;
  var con = document.getElementById("content");
  var conlist = con.children;
  for (var i= 0;i<navlist.length;i++){
      navlist[i].index = i;
      navlist[i].onclick = function (){
          for (var m = 0;m< conlist.length;m++){
              navlist[m].className = "";
              conlist[m].style.display ="none";
          }
          this.className = "active";
          conlist[this.index].style.display = "block";
      }
  }
</script>

封装一个函数方法来实现

如果说大家在写页面的时候需要多次实现选项卡效果，但是又不想造成代码重复该怎么办呢？我们这时候可以使用函数封装概念来封装一个函数方法来实现多次调用。

html代码同上，js封装方法代码如下：

<script type="text/javascript">
    function change(navid,conid){
        var nav = document.getElementById(navid);
        var navlist = nav.getElementsByTagName("li");
        var con = document.getElementById(conid);
        var conlist = con.getElementsByTagName("li");
        for (i=0;i<navlist.length;i++){
            navlist[i].onclick = function (i){
                return function (){
                    for (m = 0;m<conlist.length;m++){
                        navlist[m].className ="";
                        conlist[m].style.display = "none";
                    }
                    this.className = "active";
                    conlist[i].style.display = "block";
                }
            }(i);
        }
    };
    change("nav","content");       //调用函数方法
</script>

你可能感兴趣的:(技术贴)

  • Markdown简单入门 Saudade_lh
    title:Markdown简单入门ate:2016-06-0123:47:44#文章生成時間categories:"Hexo教程"#文章分類目錄可以省略tags:#文章標籤可以省略-Markdown-技术贴Markdown是一种轻量级的「标记语言」，它的优点很多，目前也被越来越多的写作爱好者，撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑，Markdown的语法十分简单。常用的标记符号
  • 观察式记账｜技术贴：如何整理自己的账户与钱包？ 橙真玩橙时
    为了提供小伙伴一个，一打开就可以直接跟着做的行动指南，以下介绍以纯干货的方式进行。有关于金钱及整理的其它相关分享，可参考后期的相关文章。账户和钱包的整理步骤整理开始之前的步骤：提醒自己，自己之所以会开始整理，是为了更好地爱自己，是为了培养和金钱的美好关系。花一点时间，在这一步骤上。整理，可以是令自己感到温暖的，有爱的，得到陪伴与支持的。请让这一切，首先来源于你自己。整理账户的步骤如下：找出自己所有
  • HN 千赞热贴｜创业 4 年，那些狠狠打我脸的技术选型
    HackerNews帖子过年这段时间，HackerNews上也涌现了不少好帖子，除了霸榜的Sora外，技术贴最靠前的就是这篇(Almost)EveryinfrastructuredecisionIendorseorregretafter4yearsrunninginfrastructureatastartup。作者根据过去4年在一家创业公司里负责基础设施的经历，复盘了几乎每一个基础设施选型的得失。
  • js设计模式:发布订阅模式 青阳流月 js设计模式设计模式
    作用:也称之为消息队列模式,或者pubsub模式发布者发布消息(也可以理解为调用某函数),订阅者会收到消息,并且发布者可以将一些参数传递给订阅者。是一种常用的参数传递方法,经典的pubsub.js,vue2中的$bus等都是用的这种模式。示例:发布订阅模式订阅尤大的vue技术专栏订阅尤大的vite技术专栏取消订阅尤大的vite技术专栏尤大发vue技术贴尤大发vite技术贴constYouyuxi=
  • 当你甘愿付出，那么一切都是理所应当 唯有努力不欺人丶
    我其实之前一直都是写技术贴，但是最近几天一来辞职所以没上班。二来弟弟放暑假过来玩所以整天在外面奔波（没觉得好玩只觉得辛苦了）。所以有几天没写技术贴了。本来今天都计划的好好的怎么也要写点什么但是又因为一些别的原因最终决定写个随笔吧。也算是生活的感悟。起因前提是我在苏州工作，作为一个地地道道的北方人，今年暑假爷爷决定带着我弟弟和姑姑家的弟弟一起来苏州玩。毕竟老的老（爷爷75），小的小（两个弟弟13，1
  • 苹果正式发布 macOS Catalina 10.15.4 补充更新 力挽狂澜小老鼠
    I4月9日消息在发布支持AppleMusic实时歌词的macOSCatalina10.15.4两周后，苹果今日正式发布了macOSCatalina10.15.4补充更新。建议大家可以在IT之家App首页顶部选择“苹果”专栏，或者自定义关注关键字，了解这些内容，更建议大家前往【果粉圈】畅谈，最近有不少好的精华技术贴建议阅读点赞。macOSCatalina10.15.4补充更新解决了Mac的USB-C
  • Google Test 框架 qq_27898413 Gtestc++
    转载：技术贴|一文掌握GoogleTest框架-知乎一、简介1.引言在开发过程中，如何保证代码的质量以及程序的正确性成为了我们亟需解决的问题，其中测试用例成为了不必可少的一部分。测试用例不仅可以帮助我们验证代码的正确性，还能帮助我们捕获潜在的错误，提高代码的可靠性和可维护性。然而手动编写和执行测试用例可能会非常繁琐和耗时，因此我们引入了GoogleTest框架。2.GoogleTest框架Goog
  • Android 多Fragment切换优化 DDDong丶
    问题分析一直在里看别人的技术贴，今天我也来写点自己的心得！最近在写一个项目用到大量的Fragment后的总结！我想刚刚接触安卓的同学或许会这么写：FragmentManagerfragmentManager=getSupportFragmentManager();FragmentTransactionfragmentTransaction=fragmentManager.beginTransact
  • shopee虾皮跨境电商网站商品数据支持网站后缀（.com.my；.vn；.ph） Ace_3175088776 API技术API接口程序人生java开发语言虾皮
    作为一名技术爱好者，我们总会遇到各种各样的技术问题，需要寻找合适的技术解决方案。而在互联网时代，我们可以快速通过搜索引擎获取丰富的技术资源和解决方案。然而，在不同的技术分享中，我们常常会遇到质量参差不齐的文章，有时甚至还会存在错误或虚假信息。因此，本文旨在分享一些技术贴的写作技巧，希望能帮助大家提高技术文章的质量和可信度，让更多人从中受益![在这里插入图片描述](https://img-blog.
  • [mcpc]minecraft服务器grief prevention7.6.2.防领地和箱子破坏插件 weixin_34007886 java操作系统数据库
    本来没打算发在这里.国内有两个知名minecraft服务器技术社区,或者说服务器技术相关的板块吧.一个是mcwanjia.com的论坛.一个是知名的mcbbs.net的论坛.不过这两天快minecraft正式版1.5.x更新(红石更新).所以不知道怎么搞的.mcwanjia.com那边突然上不去了.mcbbs.net虽然也有些技术,但是感觉那边版主管太严.而且他们那边偏向汉化类的.我上次发了技术贴
  • 挽回中的心态（一）：不要因为前任不回复而胡思乱想 梦游先生 梦游先生
    在看过这篇文章之前，我相信你看过了不少的挽回技术贴或者鸡汤文，尤其是报过情感挽回机构的孩子们，经常被告知的一句话是：挽回过程中最重要的就是心态。而没有告诉你的下半句是：只要心态够好，你完全可以依靠自己的能力挽回。那么什么是心态呢？有些人说：我不纠缠ta了，不会对ta造成困扰了。这只是基础心态，然而很多人连基础都没有做好，就急着想往更高的层次迈进。最终，做出了很多过激的行为。比如口头和文字的信息轰炸
  • 【技术贴】java面向对象的基本概念 小灵仙子
    java面向对象概述一，面向过程与面向对象1，程序的发展经历了两个主要阶段：面向过程、面向对象。2，对于面向对象与面向过程可以用一个例子解释，如一个木匠要做一个盒子，那么做这个盒子的出发点会有两种方式：面向对象：先想好要做的盒子，之后再去找相应的工具去做。面向过程：不去想要做什么样的盒子，随需取用工具。二，面向过程与面向对象的优缺点面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一
  • 速卖通详情API接口技术贴：解锁全球商品信息，引领电商创新潮流 Ace19970108110 API接口PythonAPIpython
    一、概述速卖通详情API接口是一种应用程序接口，允许开发者访问速卖通平台的商品详情数据。通过使用该API接口，开发者可以获取商品的基本信息、描述、图片等，并将其集成到自己的应用程序或网站中，为用户提供更全面的商品信息。二、API接口的种类与功能速卖通详情API接口提供了多种功能，包括：商品信息查询：获取指定商品的详细信息，包括商品ID、名称、描述、价格、库存等。商品图片获取：获取商品的相关图片，用
  • 揭秘微店详情API接口：引领商品信息获取新篇章，赋能开发者无限可能 Ace19970108110 APIAPI接口Pythonpython
    微店详情API接口技术贴一、概述微店详情API接口是一种应用程序接口，允许开发者访问微店平台的商品详情数据。通过使用该API接口，开发者可以获取商品的基本信息、描述、图片等，并将其集成到自己的应用程序或网站中，为用户提供更全面的商品信息。二、API接口的种类与功能微店详情API接口提供了多种功能，包括：商品信息查询：获取指定商品的详细信息，包括商品ID、名称、描述、价格、库存等。商品图片获取：获取
  • 暖通行业的劣币驱逐良币怪像 国庆_b919
    连续看了两天的暖通技术贴，从中央空调到采暖，新风，水处理，从各个品牌的起源，到发展壮大，从平层到别墅。感慨暖通技术的更新换代其实不比手机，电脑这些产品慢。暖通这个行业，光是做产品的就上万家，每个领域成为品牌的只有100多种，而进五百强的企业只有那么几家。日本的日立，三菱电机，三菱重工，东芝，美国的霍尼韦尔，江森自控，中国的美的。对于消费者来说，短期内想学习好产品也是极为困难的，暖通知识已经到了知识
  • 学着去做一个有趣的人 牧野笑
    图片发自App文/牧野笑这是知乎上的一个老问题，只不过题主问的是：“如何做一个有趣的人？”作答的不少，比如有的说要多读书，有的说要善于聊天，有的说要在不同的圈子里表现出不同的姿态，还有一篇技术贴是教你如何写出一个好的段子，等等。由此可见知乎也不是一个很靠谱的地方。如果按这些人的指导，你可能会成为一个有内涵的人，一个演说家，交际达人或者段子手，但并不能成为有趣的人。有趣和内涵是两码事，和幽默也是两码
  • 技术贴！电影优惠券在哪里领 电影优惠券怎么用 氧惠好项目
    电影优惠券在哪里领？电影优惠券怎么用？电影是人们娱乐和放松的一种方式，而电影优惠券则为观影者提供了更加经济实惠的选择。在这篇文章中，我将为大家介绍电影优惠券在哪里领取以及如何使用的相关知识。大家好，我是氧惠的波西导师。在开始本文的交流之前，我想向大家介绍一款网购省钱利器——氧惠APP，同时也是一项难得的零投入零成本的创业项目。官方邀请码088886，此码注册直升v5等级，佣金更高！扶持更多。氧惠是
  • mac下如何安装WebStorm + 破解 寒雨晚风
    -WebStorm转载【干货技术贴】之-mac下如何安装WebStorm+破解1、下载软件最好的地址就是官网了下载地址选择好系统版本以后点击DOWNLOAD下载Webstorm2、安装双击下载好的安装包、将WebStromt拖入application文件夹，然后在Launchpad中找到并打开安装.png3、等待一段时间后，WebStorm将进行第一次运行，当出现如下页面的时候第一行选择Activ
  • 微信小程序 地图 组件 java1234_小锋 java微信小程序java
    完整微信小程序(Java后端)技术贴目录清单页面（必看）地图（v2.7.0起支持同层渲染，相关apiwx.createMapContext。小程序解决方案除本章节介绍的小程序地图基础属性外，腾讯位置服务推出《微信小程序解决方案》，从检索API、基础地图组件、个性化、插件、行业方案等多个层面，为不同场景需求的小程序开发者提供完整的地图能力。个性化地图个性化地图样式是腾讯位置服务开放的一项高级能力，开
  • 一次争执，一次成长 王小旎子
    岁月静好时，我感觉自己已深知夫妻双方沟通之道，任何问题都可以轻松拿下。我甚至可以写一篇“技术贴”，总结自己在解决双方矛盾时应遵循的一二三个步骤。然而，我忘记了强烈的情绪来临时有多难控制，要完成“沟通之道”，需要付出很大努力。01昨天中午因一点虽小然而特殊的事件，我们在微信上发生了争执。我爆发了很强烈的情绪，掺杂着愤怒、委屈和其他感觉，身体都在发抖。当意识到自己的情绪时，我反复背诵那句“情绪背后是未
  • 深度解读 Cascades 查询优化器 KaiwuDB 数据库 KaiwuDBCascades
    数据库中查询优化器是数据库的核心组件，其决定着SQL查询的性能。Cascades优化器是Goetz在volcanooptimizergenerator的基础上优化之后诞生的一个搜索框架。本期技术贴将带大家了解Cascades查询优化器。首先介绍SQL查询优化器，接着分析查询优化基本原理，最后对Cascades查询优化器进行重点介绍。一、SQL查询优化器用户与数据库交互时只需要输入声明式SQL语句，
  • 北区食堂的姑娘 梦里的眼睛
    图片发自App有一个食堂有一群美丽姑娘她们积极向上她们充满阳光奏着锅碗瓢盆的交响为我们补充肌体力量有一个食堂有一群美丽姑娘她们乐于付出她们自立自强用那灿烂的脸庞将美好时光扮靓有一个食堂有一群美丽的姑娘他们坚持以人为本他们发扬团队精神发挥智慧的灵光打造和谐绿色的服务之窗今天借着班组建家的评选我们把青春的笑容绽放欢迎您的投票褒奖明天我们立足岗位苦练技术贴心服务为您点缀味蕾的芬芳
  • 沟通的魔力——与意中人沟通的技巧 邢臻
    在这我要和大家分享一下如何同女人沟通的技巧，其实这个话题在网上讨论的人太多太多了，我写的不算是技术贴，只是随笔。一、说话前不要先长音的“嗯”一声这是个比较常见的现象，有些人在紧张的时候，只要一说话，必定要先“嗯…”，后面加个长音，然后再说话，看似是个细节问题，其实是内心不自信的表现。发出这个声音是因为紧张或者是给自己一个思考的时间，但女人的洞察力之强超过男人的想象，什么时候想拉她手、亲她，她都能提
  • 吃什么减肥药效果好，小编亲测，还是要健康减肥啊 ramadanM
    吃什么减肥药效果好，小编亲测，还是要健康减肥啊提到减肥药，大家有没有想过，为了减肥你们付出一切是否值得？真的减肥药就能到达你对身材的满意度吗？我想是否定的，有些减肥药吃了对于身体损伤和健康都会受到威胁，而很多肥胖人群没有重视或者说是故意无视掉健康问题，以至于，减掉水分和肌肉还沾沾自喜，今天分享技术贴，让大家擦亮眼睛很清楚，减肥药是否损伤身体，有没有更加科学的减肥让我们健康减肥？？？此章会列举3款目
  • 1688API接口获取店铺所有商品数据 Ace_3175088776 程序人生API技术API接口java服务器servlet
    作为一名技术爱好者，我们总会遇到各种各样的技术问题，需要寻找合适的技术解决方案。而在互联网时代，我们可以快速通过搜索引擎获取丰富的技术资源和解决方案。然而，在不同的技术分享中，我们常常会遇到质量参差不齐的文章，有时甚至还会存在错误或虚假信息。因此，本文旨在分享一些技术贴的写作技巧，希望能帮助大家提高技术文章的质量和可信度，让更多人从中受益请求地址:https://api-gw.onebound.c
  • 利用轻量一键申请多域名通配符免费证书（Trustasia） YuNi丶 腾讯云服务器ssl
    纯技术贴，话不多说，没有使用过轻量的小白可以略过本次教程对轻量配置没有要求，轻量2H2G配置即可，后续会自动续期。推荐购买2H2G配置，结合自身地区选购地区，系统选择debian或者ubuntu，不推荐centos购买后等待几秒钟即可在控制台看到刚才购买的轻量云服务器了，不得不说，腾讯云的速度还是挺赞的。开始本次申请免费通配符证书的教程；一.网址：https://freessl.cn/acme-d
  • 技术贴 | SQL 执行 - 执行器优化 KaiwuDB 数据库 数据库
    本期技术贴主要介绍查询执行引擎的优化。查询执行引擎负责将SQL优化器生成的执行计划进行解释，通过任务调度执行从存储引擎里面把数据读取出来，计算出结果集，然后返回给客户。在关系型数据库发展的早期，受制于计算机IO能力的约束，计算在查询整体的耗时占比并不明显，这个时候关注重点主要放在对于查询的优化。优化器的好坏，对于执行计划的优劣有着重要的意义，查询执行引擎的作用在数据库优化中对应等级是相对弱化的。但
  • 多个电商平台搜索接口是否能聚合使用？ Miya(QQ3088716563) java开发语言大数据API接口1688python接口聚合
    作为一名技术爱好者，我们总会遇到各种各样的技术问题，需要寻找合适的技术解决方案。而在互联网时代，我们可以快速通过搜索引擎获取丰富的技术资源和解决方案。然而，在不同的技术分享中，我们常常会遇到质量参差不齐的文章，有时甚至还会存在错误或虚假信息。因此，本文旨在分享一些技术贴的写作技巧，希望能帮助大家提高技术文章的质量和可信度，让更多人从中受益公共参数名称类型必须描述keyString是调用key（点击
  • shopee虾皮跨境电商网站商品数据支持网站后缀（.com.my；.vn；.ph） Miya(QQ3088716563) 大数据API接口网络爬虫虾皮跨境电商
    作为一名技术爱好者，我们总会遇到各种各样的技术问题，需要寻找合适的技术解决方案。而在互联网时代，我们可以快速通过搜索引擎获取丰富的技术资源和解决方案。然而，在不同的技术分享中，我们常常会遇到质量参差不齐的文章，有时甚至还会存在错误或虚假信息。因此，本文旨在分享一些技术贴的写作技巧，希望能帮助大家提高技术文章的质量和可信度，让更多人从中受益!公共参数名称类型必须描述keyString是调用key（点
  • shopee虾皮跨境电商网站商品数据支持网站后缀（.com.my；.vn；.ph） vx_15083607332 java大数据API接口爬虫数据库
    作为一名技术爱好者，我们总会遇到各种各样的技术问题，需要寻找合适的技术解决方案。而在互联网时代，我们可以快速通过搜索引擎获取丰富的技术资源和解决方案。然而，在不同的技术分享中，我们常常会遇到质量参差不齐的文章，有时甚至还会存在错误或虚假信息。因此，本文旨在分享一些技术贴的写作技巧，希望能帮助大家提高技术文章的质量和可信度，让更多人从中受益!公共参数名称类型必须描述keyString是调用key（点
  • knob UI插件使用 换个号韩国红果果 JavaScriptjsonpknob
    图形是用canvas绘制的 js代码 var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displayInput:'tr
  • Android+Jquery Mobile学习系列(5)-SQLite数据库 白糖_ JQuery Mobile
    目录导航   SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。   因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。   我也是第一次接触S
  • impala-2.1.2-CDH5.3.2 dayutianfei impala
    最近在整理impala编译的东西，简单记录几个要点： 根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 1. 首次编译impala，推荐使用命令： ${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 2.仅编译BE ${I
  • 求二进制数中1的个数 周凡杨 java算法二进制
    解法一： 对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。   public int bitCount(int x){ int count = 0; while(x!=0){ if(x%2!=0){ /
  • spring中hibernate及事务配置 g21121 Hibernate
    hibernate的sessionFactory配置： <!-- hibernate sessionFactory配置 --> <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <
  • log4j.properties 使用 510888780 log4j
    log4j.properties 使用 一.参数意义说明 输出级别的种类 ERROR、WARN、INFO、DEBUG ERROR 为严重错误 主要是程序的错误 WARN 为一般警告，比如session丢失 INFO 为一般要显示的信息，比如登录登出 DEBUG 为程序的调试信息 配置日志信息输出目的地 log4j.appender.appenderName = fully.qua
  • Spring mvc-jfreeChart柱图（2） 布衣凌宇 jfreechart
    上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。 第一步：导包 第二步；配置web.xml(上一篇有代码) 建BarRenderer类用于柱子颜色 import java.awt.Color; import java.awt.Paint; import org.jfree.chart.renderer.category.BarR
  • 我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java
  • maven 之 cobertura 简单使用 antlove maventestunitcoberturareport
    1. 创建一个maven项目 2. 创建com.CoberturaStart.java package com; public class CoberturaStart { public void helloEveryone(){ System.out.println("=================================================
  • 程序的执行顺序 百合不是茶 JAVA执行顺序
          刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧   代码如下;     经典的程序执行面试题 //关于程序执行的顺序 //例如： //定义一个基类 public class A(){ public A(
  • 设置session失效的几种方法 bijian1013 web.xmlsession失效监听器
    在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所
  • java jvm常用命令工具 bijian1013 javajvm
    一.概述         程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。 本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具:       &nbs
  • 【Spring框架一】Spring常用注解之Autowired和Resource注解 bit1129 Spring常用注解
    Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： Autowired Resource Component Service Controller Transactional 根据它们的功能、目的，可以分为三组，Autow
  • mysql 操作遇到safe update mode问题 bitray update
        我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全.     在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 SET
  • nginx_perl试用 ronin47 nginx_perl试用
    因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里
  • java-63-在字符串中删除特定的字符 bylijinnan java
    public class DeleteSpecificChars { /** * Q 63 在字符串中删除特定的字符 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.” */ public static voi
  • EffectiveJava--创建和销毁对象 ccii 创建和销毁对象
    本章内容： 1. 考虑用静态工厂方法代替构造器 2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 3. 用私有构造器或者枚举类型强化Singleton属性 4. 通过私有构造器强化不可实例化的能力 5. 避免创建不必要的对象 6. 消除过期的对象引用 7. 避免使用终结方法 1. 考虑用静态工厂方法代替构造器     类可以通过
  • [宇宙时代]四边形理论与光速飞行 comsci
       从四边形理论来推论 为什么光子飞船必须获得星光信号才能够进行光速飞行？    一组星体组成星座  向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说  一组频率就代表一个时空的入口    那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一
  • ubuntu server下python脚本迁移数据 cywhoyi pythonKettlepymysqlcx_Oracleubuntu server
    因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql， 但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 1.安装python 2.安装pip、pymysql
  • Ajax正确但是请求不到值解决方案 dashuaifu Ajaxasync
    Ajax正确但是请求不到值解决方案   解决方案：1 .     async: false ,    2.     设置延时执行js里的ajax或者延时后台java方法！！！！！！！   例如：   $.ajax({     &
  • windows安装配置php+memcached dcj3sjt126com PHPInstallmemcache
    Windows下Memcached的安装配置方法 1、将第一个包解压放某个盘下面，比如在c:\memcached。 2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo
  • iOS开发学习路径的一些建议 dcj3sjt126com ios
    iOS论坛里有朋友要求回答帖子，帖子的标题是： 想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759   下面是我回复的内容：   结合自己情况聊下iOS学习建议，
  • Javascript闭包概念 fanfanlovey JavaScript闭包
    1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述 要理解闭包，首先需要理解变量作用域问题 内部函数可以饮用外面全局变量 var n=999; 　　functio
  • yum安装mysql5.6 haisheng mysql
    1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm   2、yum install mysql   3、yum install mysql-server   4、vi /etc/my.cnf   添加character_set_server=utf8
  • po/bo/vo/dao/pojo的详介 IT_zhlp80 javaBOVODAOPOJOpo
        JAVA几种对象的解释 PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可
  • java设计模式 kerryg java设计模式
    设计模式的分类：    一、 设计模式总体分为三大类： 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者
  • [1]CXF3.1整合Spring开发webservice——helloworld篇 木头.java springwebserviceCXF
    Spring 版本3.2.10 CXF 版本3.1.1 项目采用MAVEN组织依赖jar 我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht
  • Google 工程师亲授：菜鸟开发者一定要投资的十大目标 qindongliang1922 工作感悟人生
    身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写）） 你的健康 无疑地，软件开发者是世界上最久坐不动的职业之一。 每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，
  • linux打开最大文件数量1,048,576 tianzhihehe clinux
    File descriptors are represented by the C int type. Not using a special type is often  considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th
  • java语言中PO、VO、DAO、BO、POJO几种对象的解释 衞酆夼 javaVOBOPOJOpo
    PO:persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 BO:business object业务对象 封装业务逻辑的java对象
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他