mqy1023
mqy1023

web实战(三)— — Tab选项卡切换效果

参考慕课网教程《Tab选项卡切换效果》：http://www.imooc.com/learn/176
web实战(三)— — Tab选项卡切换效果_第1张图片

基本功能有延迟切换、自动切换。本文用jquery实现

1、html


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>tab标签切换title>
    <link href="css/tabswitch.css" type="text/css" rel="stylesheet"/>
    <script src="js/jquery-1.12.1.js">script>
head>
<body>

<div>
    <div class="notice">
        
        <div class="notice-title">
            <ul>
                <li class="title-item select"><a href="#">公告a>li>
                <li class="title-item"><a href="#">规则a>li>
                <li class="title-item"><a href="#">论坛a>li>
                <li class="title-item"><a href="#">安全a>li>
                <li class="title-item"><a href="#">公益a>li>
            ul>
        div>

        
        <div class="notice-content">
            
            <div class="module">
                <ul>
                    <li><a href="#">张勇：要玩快乐足球a>li>
                    <li><a href="#">阿里2000万驰援灾区！a>li>
                    <li><a href="#">旅游宝让你边玩边赚钱a>li>
                    <li><a href="#">多行跟进阿里信用贷款a>li>
                ul>
            div>
            <div class="module">
                <ul>
                    <li><span>[<a href="#">通知a>]span><a href="#">"滥发"即将换新a>li>
                    <li><span>[<a href="#">通知a>]span><a href="#">比特币严管啦！a>li>
                    <li><span>[<a href="#">通知a>]span><a href="#">禁发商品名录!a>li>
                    <li><span>[<a href="#">通知a>]span><a href="#">商品属性限制a>li>
                ul>
            div>
            <div class="module">
                <ul>
                    <li><span>[<a href="#">聚焦a>]span><a href="#">金牌卖家再启航a>li>
                    <li><span>[<a href="#">通知a>]span><a href="#">橱窗规则升级啦a>li>
                    <li><span>[<a href="#">话题a>]span><a href="#">又爱又恨优惠劵a>li>
                    <li><span>[<a href="#">工具a>]span><a href="#">购后送店铺红a>li>
                ul>
            div>
            <div class="module">
                <ul>
                    <li><a href="#">个人重要信息要管牢a>li>
                    <li><a href="#">卖家防范红包欺诈提醒！a>li>
                    <li><a href="#">更换收货地址的陷阱a>li>
                    <li><a href="#">注意骗子的技术升级了a>li>
                ul>
            div>
            <div class="module">
                <ul>
                    <li><a href="#">走进无声课堂a>li>
                    <li><a href="#">淘宝大众评审赢公益金！a>li>
                    <li><a href="#">爱心品牌联合征集a>li>
                    <li><a href="#">名公益机构淘宝开店攻略a>li>
                ul>
            div>
        div>
    div>
div>
<script src="js/tabswitch.js">script>
body>
html>

2、css（格式为了节省空间）

/*取消默认样式*/
* {  padding: 0;  margin: 0;  list-style: none;  font-size: 12px;  }
.notice { /*整个div长宽为300 * 100*/
    width: 298px;  height: 98px;  margin: 10px;  border: 1px solid #eee;  overflow: hidden;
}
.notice-title { /*标题的样式*/
    height: 27px;  position: relative;  background-color: #F7F7F7;
}
.notice-title ul { /* absolute + left */
    position: absolute;  width: 300px;  left: -1px; /*往左移1px，因为li左右边有border边框*/
}
.notice-title ul li {
    float: left;  width: 58px; /*58+padding的2像素*/
    height: 26px;  line-height: 26px;  text-align: center;  overflow: hidden;
    background-color: #F7F7F7;  border-bottom: 1px solid #eee;  padding: 0 1px; /*左右边padding一个像素*/
}
.notice-title ul li.select {
    background: #FFF;  border-bottom-color: #FFF; /*下面border置白*/
    border-left: 1px solid #ccc; /*左右边border*/
    border-right: 1px solid #ccc;  padding: 0;  font-weight: bolder;
}
.notice li a:link, .notice li a:visited {/*清除默认下划线和设置默认字体颜色*/
    text-decoration: none;  color: #000;
}
.notice li a:hover {  color: #F90;  }/*划过的样式*/
.notice-content .module {  margin: 10px 6px;  }
.notice-content .module ul li {
    float: left;  width: 143px; /*(298-6*2)/2*/
    height: 25px;  overflow: hidden;
}

3、js

//实现方式一(hover)
//$(function() {
//
//    //将除了第一div隐藏
//    $('.module:not(:first)').hide();
//
//    $('.title-item').hover(function(e){
//        $('.title-item').removeClass('select');//清除所有的select样式
//        $(this).addClass('select');//当前加上select样式
//        //console.log($(this).index());
//        $('.module').hide();
//        $('.module').eq($(this).index()).show();//显示对应div
//    },function(){
//
//    });
//});

//实现方式二(setTimeout、mouseover和mouseout)【延迟切换】
//var timeOutId;//延迟时间
//$(function() {
//    //初始化
//    $('.module:not(:first)').hide();//隐藏第一个module的之外的div
//
//    $('.notice-title li').each(function(index){
//        $(this).mouseover(function() {
//            timeOutId = setTimeout(function () {
//                $('.module').hide();//隐藏所有module的div
//                $('.module').eq(index).show();
//                $('.title-item').removeClass('select');//清除所有的select样式
//                $('.title-item').eq(index).addClass('select');
//            }, 300);
//        }).mouseout(function(){
//            clearTimeout(timeOutId);
//        });
//    })
//});

//实现方式三【自动轮播】
var index = 0;//默认index为0
var timer = null;
var hasStarted = false; //是否已经开始轮播
$(function () {

    //初始化
    $('.module:not(:first)').hide();//隐藏第一个module的之外的div

    start();//开启自动轮播

    //划过整个区域时停止轮播
    $('.notice').hover(function () {
        stop();//停止
    }, function () {
        start();//离开整个区域是开启轮播
    })

    //划过li时
    $('.title-item').hover(function (e) {
        $('.title-item').removeClass('select');//清除所有的select样式
        $(this).addClass('select');//当前加上select样式
        index = $(this).index();//改变index值
        //console.log($(this).index());
        $('.module').hide();
        $('.module').eq(index).show();//显示对应div
    }, function () {

    });

});

function start() {
    if (!hasStarted) {
        hasStarted = true;
        timer = setInterval(autoPlay, 2000);
    }
}
function stop() {
    clearInterval(timer);
    hasStarted = false;
}

function autoPlay() {
    ++index;
    if (index > 4) {
        index = 0;//复位
    }
    //console.log(index);
    //上面title轮播
    $('.title-item').removeClass('select');//清除所有select样式
    $('.title-item').eq(index).addClass('select');
    //下面内容轮播
    $('.module').hide();
    $('.module').eq(index).show();
}

你可能感兴趣的:(Web实战)

  • JavaScript 性能优化实战：数据结构选择对性能的影响 deying0865423 开发语言javascript
    目录数组（Array）特点与适用场景性能短板链表（LinkedList）特点与适用场景性能短板集合（Set）特点与适用场景性能短板映射（Map）特点与适用场景性能短板栈（Stack）与队列（Queue）特点与适用场景性能短板在JavaScript开发中，数据结构的选择如同搭建房屋时选择合适的建筑材料，对程序性能起着决定性作用。合理的数据结构能显著提升代码执行效率，减少资源消耗，反之则可能导致性能瓶
  • JavaScript 性能优化实战：优化 DOM 操作提升交互响应 deying0865423 javascript开发语言ecmascript
    目录一、理解DOM操作的性能损耗二、减少DOM操作次数（一）批量操作DOM（二）缓存DOM查询结果三、优化DOM查询（一）使用更高效的查询方法（二）利用事件委托四、减少回流与重绘（一）批量修改样式（二）使用requestAnimationFrame在现代Web应用开发中，JavaScript与DOM（文档对象模型）的交互极为频繁。无论是创建动态界面、响应用户操作，还是更新页面内容，DOM操作都扮演
  • 聊聊Python都能做些什么 ·零落· Python入门到掌握python开发语言
    文章目录一、Python简介二、Python都能做些什么1.Web开发2.数据分析和人工智能3.自动化运维和测试4.网络爬虫5.金融科技三、Python开源库都有哪些1.Web开发2.数据分析和科学计算3.机器学习和深度学习4.网络爬虫5.自动化和测试6.其他常用库四、相关链接一、Python简介Python是一种解释型、面向对象、动态数据类型的高级程序设计语言。它最初由GuidovanRossu
  • 利用Python进行数据可视化（Plotly与Dash的应用） 步入烟尘 Python超入门指南全册信息可视化pythonplotly
    本文已收录于《Python超入门指南全册》本专栏专门针对零基础和需要进阶提升的同学所准备的一套完整教学，从基础到精通不断进阶深入，后续还有实战项目，轻松应对面试，专栏订阅地址：https://blog.csdn.net/mrdeam/category_12647587.html优点：订阅限时19.9付费专栏，私信博主还可进入全栈VIP答疑群，作者优先解答机会（代码指导、远程服务），群里大佬众多可以
  • JavaScript基础-DOM 简介 難釋懷 javascript开发语言
    在现代Web开发中，JavaScript与HTML和CSS一起构成了网页的核心技术。而在这三者之中，DOM（DocumentObjectModel，文档对象模型）作为浏览器处理网页内容的一种接口，扮演着至关重要的角色。通过DOM，JavaScript能够动态地访问和操作网页的内容、结构以及样式。本文将介绍DOM的基本概念、核心组成部分以及如何使用JavaScript来操作DOM。一、什么是DOM？
  • 百度站群收录2025最新：实战策略与趋势解读 SEO黑猫 百度dubbo
    引言：重新认识站群生态最近接触到一个跨境电商案例：某服饰企业通过搭建15个行业细分站群，在2024年百度收录量同比提升380%。这不禁让人思考——2025年的站群运营，究竟需要哪些创新策略？一、2024实战案例拆解案例背景：某母婴用品品牌通过「三级站群矩阵」实现收录突破：1个品牌主站（权重培育）5个地域分站（长尾词覆盖）9个产品专题站（精准流量捕获）RewriteRule^(.*)/product
  • 从FFmpeg命令行到Rust：多场景实战指南 Yeauty ffmpegrustvideo-codec
    FFmpeg作为功能强大的多媒体处理工具，被广泛应用于视频编辑、格式转换等领域。然而，直接使用FFmpeg的命令行界面（CLI）可能会遇到以下挑战：命令复杂度高：FFmpeg的命令行参数众多且复杂，初学者可能难以掌握，配置错误时调试困难。集成困难：在Rust等现代编程语言中，直接调用FFmpeg的C语言API需要处理复杂的内存管理和安全性问题，可能引发内存泄漏、非法访问等问题。为了解决这些问题，R
  • 《Python实战进阶》No26: CI/CD 流水线：GitHub Actions 与 Jenkins 集成 带娃的IT创业者 Python实战进阶pythonci/cdgithub
    No26:CI/CD流水线：GitHubActions与Jenkins集成摘要持续集成（CI）和持续部署（CD）是现代软件开发中不可或缺的实践，能够显著提升开发效率、减少错误并加速交付流程。本文将探讨如何利用GitHubActions和Jenkins构建高效的CI/CD流水线，并通过实战案例展示如何自动化构建、测试和部署Python应用程序。无论你是个人开发者还是团队成员，本文都将帮助你掌握CI/
  • 【 ＜二＞ 丹方改良：Spring 时代的 JavaWeb】之 Spring Boot 的起步依赖：快速构建 JavaWeb 项目 Foyo Designer springspringbootjavaSpringDataJPAJUnit
    点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、起步依赖：SpringBoo
  • 谈谈 TypeScript 中的模块系统，如何使用 ES Modules 和 CommonJS 模块？ 程序员黄同学 TypeScript前端开发JavaScripttypescriptubuntujavascript
    模块系统是TypeScript项目组织代码的核心机制，主要用于代码拆分、复用和依赖管理。TypeScript支持ESModules（ESM）和CommonJS两种主流模块系统，理解它们的差异和使用场景是前端开发中的必备技能。以下从基础语法、配置、互操作性到实战建议展开说明。一、ESModules（ESM）：标准化的模块系统1.基础语法ESM使用import/export语法，是ECMAScript
  • Hive函数大全：从核心内置函数到自定义UDF实战指南（附详细案例与总结） 一个天蝎座 白勺 程序猿 大数据开发从入门到实战合集hivehadoop数据仓库
    目录背景‌一、Hive函数分类与核心函数表‌1.内置函数分类‌2.用户自定义函数（UDF）分类二、常用函数详解与实战案例‌1.数学函数‌2.字符串函数‌3.窗口函数‌4.自定义UDF实战‌三、总结与优化建议‌1.核心总结2.性能优化建议‌3.常问问题背景‌Hive作为Hadoop生态中最常用的数据仓库工具，其强大的函数库是高效处理和分析海量数据的核心能力之一。Hive函数分为‌内置函数‌和‌用户自
  • java web 安全，如何认证客户端？时间戳和noce如何抵御重放攻击？ ughome java安全
    技术问答整理1.JavaHMAC签名验签示例问题如何用Java实现HMAC签名和验签？答案importjavax.crypto.Mac;importjavax.crypto.spec.SecretKeySpec;importjava.nio.charset.StandardCharsets;importjava.util.HexFormat;publicclassHmacExample{//生成H
  • HTML基础语法：写好网页的第一步 程序员
    HTML基础语法：写好网页的第一步在Web开发的世界里，HTML是构建网页的基石。今天，让我们一起来了解HTML的基础语法，掌握编写规范网页的要点。一、HTML的基本构成1.HTML元素的解析HTML元素通常由三部分组成：开始标签（如）内容（实际的文本内容）结束标签（如）例如：这是一个段落2.元素的嵌套HTML元素可以相互嵌套，但必须注意正确的嵌套顺序：我的猫咪非常可爱二、元素的类型1.块级元素在
  • 比特币牛市还在不在 web3区块链比特币
    在加密货币的风云世界里，比特币的一举一动始终牵动着投资者们的神经。近期比特币的涨幅动作，再次引发了市场对于牛市是否仍在延续的激烈讨论。在深入探索比特币市场的过程中，获取全面且及时的资讯至关重要。您可以通过访问TechubNews，下载TechubNews，在这里，您不仅能够获取到关于比特币的深度分析文章，还能追踪到最新的Web3资讯，为您在加密货币投资领域的决策提供有力支持。回顾比特币的历史价格走
  • Dcm4che简介 IT-Franky JavaWeb
    Dcm4che是一个应用于医疗IT行业的的开源项目，其核心工具包基于java，对DICOM标准和HL7标准提供良好的支持，且严格遵循IHE规范。特性：1.模块化设计2.基于WEB的用户界面3.DICOM标准接口，HL7标准接口，DICOM对象的WEB访问（webaccessDICOMobject,WADO）接口dcm4che项目主要有两个核心内容：dcm4chetoolkit和dcm4chee。1
  • C#运算符与表达式：从入门到游戏伤害计算实践 吴师兄大模型 C#编程从入门到进阶c#游戏开发语言运算符表达式变成游戏程序
    Langchain系列文章目录01-玩转LangChain：从模型调用到Prompt模板与输出解析的完整指南02-玩转LangChainMemory模块：四种记忆类型详解及应用场景全覆盖03-全面掌握LangChain：从核心链条构建到动态任务分配的实战指南04-玩转LangChain：从文档加载到高效问答系统构建的全程实战05-玩转LangChain：深度评估问答系统的三种高效方法（示例生成、手
  • 思维链在可控核聚变等离子体控制中的应用：AI驱动的能源革命 AI大模型应用之禅 DeepSeek人工智能能源ai
    概述《思维链在可控核聚变等离子体控制中的应用：AI驱动的能源革命》旨在探讨AI技术在可控核聚变等离子体控制中的实际应用，以及如何通过思维链实现能源革命。本文将从以下几个方面展开讨论：核聚变等离子体控制背景、思维链技术介绍、AI在等离子体控制中的应用、算法原理与实现、系统设计与实现、项目实战以及最佳实践与展望。一、核聚变等离子体控制背景核聚变是一种通过将轻原子核在高温高压下聚合成更重的原子核，释放出
  • 巴菲特的成功秘诀：长期持有优质股票 AI大模型应用之禅 DeepSeek大数据人工智能ai
    巴菲特的成功秘诀：长期持有优质股票关键词：巴菲特、投资哲学、股票选择、风险管理、长期持有、优质股票摘要：本文将深入探讨巴菲特的成功秘诀——长期持有优质股票。通过分析巴菲特的投资理念、股票选择方法、投资策略与风险管理，结合实际案例，总结出投资者可以借鉴的投资实战指南，以期为读者提供有价值的投资参考。1.开篇：书名介绍与作者介绍本书《巴菲特的成功秘诀：长期持有优质股票》旨在揭示世界著名投资家沃伦·巴菲
  • Git 实战指南：本地客户端连接 Gitee 全流程 Yant224 Gitgitgitee开发语言python
    本文将以Gitee（码云）、系统Windows11为例，详细介绍从本地仓库初始化到远程协作的全流程操作目录1.前期准备1.1注册与配置Gitee1.2下载、安装、配置客户端1.3配置公钥到Gitee2.本地仓库操作（PowerShell/GitBash）2.1初始化本地仓库2.2关联Gitee远程仓库3.克隆已有仓库4.日常开发操作4.1分支管理（GitBash示例）4.2处理换行符问题（CRLF
  • AI：188-利用Python进行自然语言生成和文本摘要 一键难忘 python开发语言人工智能自然语言处理
    本文收录于专栏：精通AI实战千例专栏合集https://blog.csdn.net/weixin_52908342/category_11863492.html从基础到实践，深入学习。无论你是初学者还是经验丰富的老手，对于本专栏案例和项目实践都有参考学习意义。每一个案例都附带关键代码，详细讲解供大家学习，希望可以帮到大家。正在不断更新中~一.利用Python进行自然语言生成和文本摘要近年来，人工智
  • react-native中使用axios_React Native 三端同构实践 weixin_39874795
    ReactNative三端同构实践来源：ibm.com/cnReactNative三端(Web、iOS、Android)同构是指在不改动原ReactNative的代码下，让其在浏览器中运行出和在ReactNative环境下一样的页面。对于使用ReactNative开发的页面，如果又单独为Web平台重复写一份代码代价是极其大的，而ReactNative三端同构能以零花费快速做到一份代码三端复用。Re
  • python后端常见架构_常见的后端框架 weixin_39622178 python后端常见架构
    后端vs前端如果您是Web开发世界的新手，后端和前端开发之间的区别可能不那么明显，但是，了解两者之间的区别很重要。以下是前端开发人员与后端开发人员的一些区别。前端开发：前端开发人员在很大程度上负责用户所看到的内容(即网站页面)，前端开发人员主要使用HTML，CSS和JavaScript。他们的主要关注点是创建出色的用户体验，并确保网站设计和布局或Web应用程序始终具有凝聚力。后端开发：另一方面，后
  • web端口 myjzwsz djangoflask
    端口号是用来标识网络服务的，它们允许不同的应用程序在同一台机器上通过网络进行通信。端口号的范围是从0到65535，分为三类：熟知端口（Well-KnownPorts）：从0到1023，这些端口通常被系统或一些常见的服务所保留使用。例如，HTTP服务默认使用80端口，HTTPS使用443端口，FTP使用21端口等。非特权用户通常不能绑定这些端口。注册端口（RegisteredPorts）：从1024
  • 【Python】Flask与Django对比详解：教你如何选择最适合你的Web框架 小芬熊 面试学习路线阿里巴巴pythonflaskdjango
    文章目录引言：为何选择PythonWeb框架？Flask简介：轻量级的灵活之选??Flask的核心特点Django简介：全能型的强大框架??Django的核心特点Flask与Django的详细对比架构设计功能与扩展性性能与效率模板系统ORM（对象关系映射）详细对比表格适用场景总结案例分享：如何选择适合的框架小李的博文项目：选择Flask??小张的电商平台：选择Django??了解更多AI内容结论：
  • 使用Windbg分析dump文件定位软件异常的方法与操作步骤 dvlinker C++软件调试异常排查WindbgWindbg命令dump文件pdb符号文件函数调用堆栈
    目录1、Windbg简介2、Windbg版本与安装3、Windbg常用命令4、静态分析dump文件的一般步骤4.1、查看异常类型4.2、使用.ecxr命令切换到发生异常的线程上下文，查看发生异常的那条汇编指令4.3、使用kn/kv/kp命令查看异常发生时的函数调用堆栈4.4、使用lm命令查看模块的时间戳，找到对应的pdb文件，设置到Windbg中5、实战问题分析实例说明6、使用Windbg详细分析
  • python的后端开发框架django，flask，flaskapi myjzwsz pythondjangoflask
    Django、Flask和Flask-API是Python中流行的后端开发框架，它们在功能、应用场景以及架构上有不同的特点和使用场景。下面我给你详细介绍每个框架的应用示例、区别和应用场景：1.DjangoDjango是一个功能全面的Web开发框架，强调“快速开发”和“无需重新发明轮子”。它自带了很多功能，如认证、ORM（数据库映射）、表单处理、管理后台等。应用示例：社交媒体平台：像Instagra
  • C#入门：从变量与数据类型开始你的游戏开发之旅 吴师兄大模型 C#编程从入门到进阶c#开发语言变量与数据类型游戏开发Unity基础C#变量数据类型
    Langchain系列文章目录01-玩转LangChain：从模型调用到Prompt模板与输出解析的完整指南02-玩转LangChainMemory模块：四种记忆类型详解及应用场景全覆盖03-全面掌握LangChain：从核心链条构建到动态任务分配的实战指南04-玩转LangChain：从文档加载到高效问答系统构建的全程实战05-玩转LangChain：深度评估问答系统的三种高效方法（示例生成、手
  • 程序员必看！DeepSeek全栈开发实战指南：从代码生成到性能优化 AI创享派 后端
    一、DeepSeek技术新突破：程序员效率革命（开篇结合最新技术动态）2025年2月25日，DeepSeek接连放出两大技术王牌：全球首个面向MoE模型的全栈通信库DeepEP开源，以及深度思考R1模型的全面升级。这两项技术突破对程序员群体意义重大：通信效率飞跃：DeepEP通过NVLink优化实现GPU间158GB/s传输速度，后端开发者训练大模型时可节省60%集群资源推理性能突破：R1模型在H
  • 基于生成对抗网络（GAN）的图像超分辨率实战：从SRGAN到ESRGAN Evaporator Core #深度学习强化学习生成模型生成对抗网络人工智能神经网络
    图像超分辨率（ImageSuper-Resolution）是一种通过算法将低分辨率图像转换为高分辨率图像的技术，广泛应用于医学影像、卫星图像和视频增强等领域。生成对抗网络（GAN）是图像超分辨率的经典方法，而增强型超分辨率生成对抗网络（ESRGAN）则通过引入残差网络和感知损失进一步提升了图像质量。本文将通过一个完整的实战案例，展示如何使用SRGAN和ESRGAN进行图像超分辨率，并提供详细的代码
  • 详细讲一下webpack中五个优化能力十分强大的插件（1-5） asecretman! webpack前端node.js
    1.TerserPlugin功能：用于压缩和优化JavaScript代码，支持ES6+语法。安装:npminstallterser-webpack-plugin--save-dev配置constTerserPlugin=require('terser-webpack-plugin');module.exports={mode:'production',//设置为生产模式，启用优化optimizat
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他