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实战)

  • Agora_Unity_WebGL：实时互动的WebGL解决方案
    Agora_Unity_WebGL：实时互动的WebGL解决方案项目介绍Agora_Unity_WebGL是一个开源的UnityWebGL插件，它是对AgoraWebSDK4.x版本的封装。这个项目旨在为开发者提供一种在Unity中轻松集成实时音视频互动功能的方法，特别适用于需要在Web平台运行的Unity项目。通过这个插件，开发者可以快速地实现实时音频、视频通信以及直播等功能。项目技术分析Ago
  • Zabbix 企业级分布式监控部署 伤不起bb zabbix分布式
    目录一、监控系统基础认知1.为什么需要监控？2.监控的5个层次（从底层到上层）3.监控系统的基本原理二、Zabbix系统详解1.Zabbix是什么？2.Zabbix核心功能3.Zabbix核心组件三、Zabbix部署实战（分布式架构）1.环境准备（4台服务器）2.部署ZabbixServer（核心步骤）步骤1：添加Zabbix源并安装依赖步骤2：配置数据库步骤3：导入Zabbix初始数据步骤4：配
  • 关于浏览器扩展脚本：remove-web-limits(网页限制解除) vvandre 前端
    本文介绍浏览器扩展脚本：remove-web-limits(网页限制解除)实现的功能和安装步骤，还会详细分析脚本的代码，让你对实现原理一目了然。此脚本通杀大部分网站，可以解除禁止复制、剪切、选择文本、右键菜单的限制。脚本基本不影响网页正常功能，如果影响了任何功能，可以暂时禁用脚本解决。脚本已有10年的历史，原作者已经暂停维护。remove-web-limits发布地址一、安装步骤1.安装扩展程序C
  • Java全栈开发性能优化全攻略：从数据库到前端 AI天才研究院 计算AI大模型企业级应用开发实战AI人工智能与大数据java性能优化数据库ai
    Java全栈开发性能优化全攻略：从数据库到前端关键词：Java全栈、性能优化、数据库索引、后端缓存、前端渲染、响应时间、系统瓶颈摘要：本文从全栈视角出发，系统讲解Java开发中数据库、后端服务、前端页面三大核心层的性能优化方法。通过生活类比、代码示例和实战案例，带你一步步理解索引设计、缓存策略、懒加载、防抖节流等关键技术，掌握从“发现瓶颈”到“精准优化”的完整流程，最终实现用户体验与资源效率的双重
  • 操作系统视角下鸿蒙应用多语言的多媒体处理实践 操作系统内核探秘 操作系统内核揭秘OSharmonyoswpf华为ai
    操作系统视角下鸿蒙应用多语言的多媒体处理实践关键词：鸿蒙操作系统、多语言支持、多媒体处理、分布式架构、应用开发实践摘要：本文从鸿蒙操作系统的底层设计出发，结合多语言适配与多媒体处理两大核心场景，通过“系统能力-应用开发-用户体验”的全链路分析，揭示鸿蒙如何通过分布式架构、统一资源管理和多端协同特性，简化开发者在多语言多媒体应用中的开发复杂度。文章包含原理讲解、代码示例和实战案例，帮助开发者快速掌握
  • 用 ArkTS 的 Repeat 组件玩转正向循环渲染：从基础到实战 初始化萧何 harmonyos华为深度学习
    如果你经常开发HarmonyOS应用，肯定遇到过长列表渲染的问题——数据太多时页面卡得动不了，滑动时一顿一顿的，用户体验贼差。别担心，ArkTS的Repeat组件就是来解决这个问题的！它就像个"智能管家"，能按需加载组件、自动回收复用，让长列表滑动如丝般顺滑。今天咱们就用大白话聊聊Repeat怎么用，从基础用法到高级技巧，保证看完你就能上手～一、Repeat是啥？先搞懂它的核心优势咱们先拿生活中的
  • 如何让用户回到上次阅读的位置？ 玛卡巴卡半夜不睡觉 状态模式
    【前端实战】如何让用户回到上次阅读的位置？在阅读类、资讯类、博客类网站中，记忆用户上次阅读到的位置，并在下次访问时自动滚动回那个位置，可以大大提升用户体验感。今天我们就来详细讲一讲：前端如何实现用户回到上次阅读的位置，包括基础scroll方法+优化、IntersectionObserverAPI+探针追踪、锚点URLHASH定位跳转等策略实现一个流畅且高效的方案。一、总体思路1、核心目标在用户滚动
  • Javaweb笔记 笙鹿鸣 html前端html5
    HTMLHTML网页常用基础知识网页结构JavaSEC/SClientserver客户端–服务器JavaWebB/SBroswerServer浏览器–服务器网页的组成部分：内容（结构）、表现、行为HTML:HyperTextMarkupLanguage(超文本标记语言)ALT+F2选择浏览器HTML书写规范：表示整个html页面的开始头信息标题标题body是页面的主体内容页面主体内容表示整个htm
  • Spring Cloud Gateway过滤器精确控制异常返回(实战，控制http返回码和message字段) 程序员欣宸
    欢迎访问我的GitHub这里分类和汇总了欣宸的全部原创(含配套源码)：https://github.com/zq2599/blog_demos本篇概览前文《SpringCloudGateway过滤器精确控制异常返回(分析篇)》咱们阅读源码，了解到SpringCloudGateway是如何处理全局异常信息的，学了那么多理论，不免手痒想实战验证学习效果，今天咱们就来写代码，最终目标是改写下图两个红框中
  • Spring Boot、Spring MVC 和 Spring 有什么区别
    spring是⼀个IOC容器，⽤来管理Bean，使⽤依赖注⼊实现控制反转，可以很⽅便的整合各种框架，提供AOP机制弥补OOP的代码重复问题、更⽅便将不同类不同⽅法中的共同处理抽取成切⾯、⾃动注⼊给⽅法执⾏，⽐如⽇志、异常等springmvc是spring对web框架的⼀个解决⽅案，提供了⼀个总的前端控制器Servlet，⽤来接收请求，然后定义了⼀套路由策略（url到handle的映射）及适配执⾏h
  • Spring, Spring Boot 和Spring MVC的关系以及区别 棕豆兔＆ 面试总结springspringbootmvc
    一、Spring简单来说,Spring是一个开发应用框架，主打轻量级、一站式、模块化，其目的是用于简化企业级应用程序开发。Spring的主要功能：管理对象，以及对象之间的依赖关系，面向切面编程，数据库事务管理,数据访问，web框架支持等。但是Spring具备高度可开放性，并不强制依赖Spring，开发者可以自由选择Spring的部分或者全部，Spring可以无缝继承第三方框架，比如数据访问框架(H
  • Android 蓝牙通讯全解析：从基础到实战 Monkey-旭 microsoftjavaandroid蓝牙通讯
    蓝牙作为一种短距离无线通信技术，在Android设备中应用广泛——从蓝牙耳机、蓝牙音箱等音频设备，到蓝牙打印机、蓝牙传感器等数据传输设备，再到蓝牙手表等穿戴设备，都依赖蓝牙通讯实现交互。本文将从蓝牙技术基础出发，详解Android蓝牙通讯的两种核心模式（经典蓝牙、低功耗蓝牙）及开发实战，帮助开发者快速实现蓝牙设备连接与数据交互。一、Android蓝牙技术基础1.1蓝牙技术分类与应用场景Androi
  • 基于YOLOv8的Web端交互式目标检测系统设计与实现 YOLO实战营 YOLO前端目标检测人工智能ui目标跟踪计算机视觉
    1.引言目标检测是计算机视觉领域的一项重要任务，它在安防监控、自动驾驶、医疗影像分析等领域有着广泛的应用。近年来，随着深度学习技术的快速发展，YOLO(YouOnlyLookOnce)系列算法因其出色的速度和精度平衡而备受关注。本文将详细介绍如何基于最新的YOLOv8模型构建一个Web端交互式目标检测系统，包含完整的UI界面设计和数据集处理流程。本系统将实现以下功能：基于YOLOv8的高效目标检测
  • jxWebUI--数据表
    容器表是用来排布web组件的，数据表顾名思义就是用来输入输出数据的。数据表可以细分为三种：条件查询、分页显示的查询表可以录入表格型数据的录入表用来显示表格型数据的显示表这些都是数据表，只是属性不同：查询表是设置了：bind=tableTotalCount和pagination=true录入表是设置了：newRow=true显示表是这三个属性都不设置注1：查询表的显示已经纳入了jxWebUI的内置工
  • RxJava 全解析：从原理到 Android 实战 Monkey-旭 javarxjava响应式编程android
    在Android开发中，异步任务处理是绕不开的核心场景——网络请求、数据库操作、文件读写等都需要在后台执行，而结果需回调到主线程更新UI。传统的“Handler+Thread”或AsyncTask不仅代码冗余，还容易陷入“回调地狱”（嵌套回调导致代码可读性差）。RxJava作为一款基于响应式编程思想的异步框架，通过“链式调用”和“操作符”完美解决了这些问题，成为Android开发者的必备工具。本文
  • jxORM--编程指南 jxandrew jxWebUI数据库pythonjxWebUIjxORMORM
    jxORM是jxWebUI配套的数据库操作库，可以简化python程序员操作数据库。声明数据类定义数据类之前，先导入ORM修饰符：fromjxORMimportORM,DBDataType,ColType然后就可以用ORM修饰符来修饰一个类，从而定义一个数据类：@ORMclassUser:ID:DBDataType.Long=ColType.PrimaryKeyCreateTime:DBDataT
  • SSH服务与rsync服务配置实战
    SSH服务与rsync服务SSHssh服务，一种远程管理连接工具，在CentOS7系统中默认安装并开机自启的。SSH（SecureShell）是一种安全通道协议，主要用来实现字符界面的远程登录，远程复制等功能。监听tcp的22号端口。软件包名称：openssh配置文件目录：/etc/ssh，sshd_config服务端配置文件；ssh_config客户端配置文件。客户端提供：ssh、scp、sft
  • 高阶知识库搭建实战五、（向量数据库Milvus安装） 伯牙碎琴 大模型数据库milvus大模型AI
    以下是关于在Windows环境下直接搭建Milvus向量数据库的教程：本教程分两部分，第一部分是基于docker安装，在Windows环境下直接安装Milvus向量数据库，目前官方推荐的方式是通过Docker进行部署，因为Milvus的运行环境依赖于Linux系统。如果你希望在Windows上直接运行Milvus，可以考虑使用MilvusLite版本，这是一个轻量级的Python库，适用于快速原型
  • 社交应用全栈开发实战：前后端与数据库整合
    本文还有配套的精品资源，点击获取简介：本资源包详细介绍了构建一个社交应用程序的全过程，包括前端、后端以及数据库管理的核心组件和关键功能。Uniapp框架用于开发跨平台的移动端用户界面，Java后端负责处理业务逻辑和数据交互，MySQL数据库用于管理用户信息和动态数据。项目还包括前后端通信、身份验证、性能优化和推送通知服务的实现。学习这些代码可以提升开发者的技能，帮助快速构建社交应用。1.社交APP
  • 新版进销存管理系统完整教程：PB9.0与SQL Server 2000的实战应用 语嫣凝冰
    本文还有配套的精品资源，点击获取简介：本文档提供了一个基于PowerBuilder9.0和SQLServer2000开发的进销存管理系统的全面教程。系统涵盖了企业管理中的采购、销售和库存管理环节，通过强大的数据窗口组件和三层架构设计，实现了业务逻辑和数据库的有效交互。文章详细解释了系统的技术栈、核心功能、系统架构、数据窗口组件、数据库设计、报表分析及权限安全管理等关键点，旨在帮助用户深入理解进销存
  • 从0构建 HarmonyOS 本地语音识别项目：Whisper 完整落地教程 观熵 国产大模型部署实战全流程指南harmonyos语音识别whisper深度学习机器学习
    第一章：鸿蒙手机语音识别项目实战（基于Whisper本地推理）项目目标：构建一个可以在鸿蒙系统手机本地运行的语音识别应用，使用Whisper模型识别用户语音为文字，全程无需联网。1.为什么要在鸿蒙手机本地部署语音识别？在很多移动场景下（驾驶、弱网环境、隐私敏感场景等），云端语音识别存在如下痛点：⏳网络延迟高、体验割裂⚠️数据隐私风险大网络依赖强，弱网/无网直接无法使用而将语音识别模型部署在鸿蒙设备
  • 禅道和rocketchat的消息通信详细介绍(腾讯元宝)
    以下是禅道（ZenTao）与Rocket.Chat之间消息通信的详细介绍，涵盖集成方式、技术实现及典型应用场景：1.集成背景禅道：开源项目管理工具，用于需求、任务、Bug跟踪。Rocket.Chat：开源企业级即时通讯平台。集成价值：实现项目动态自动同步至聊天群组，提升团队协作效率。2.通信方式(1)Webhook单向推送原理：禅道通过Webhook将事件（如Bug创建）推送至Rocket.Cha
  • 【速通RAG实战：数据库】6.RAG向量数据库原理 无心水 速通RAG实战！解锁AI2.0高薪密码速通RAG实战RAG快速开发实战RAGRAG向量数据库相似度FAISSChroma
    在RAG（检索增强生成）系统中，向量数据库扮演着至关重要的角色，它负责存储文本经过Embedding处理后的向量表示，并能高效地进行向量检索，以找出与查询向量最相似的文档。1.向量数据库原理1.向量表示在RAG系统里，文本首先会通过Embedding模型（如OpenAIEmbeddings、SentenceTransformers等）转化为固定维度的向量。这些向量能够捕捉文本的语义信息，使得语义相
  • 集群技术笔记-HAProxy 与 Keepalived 高可用负载均衡实战
    目录前言HAProxy一、HAProxy介绍（一）定义（二）核心优势（三）调度算法速查表（四）工作模式（五）配置文件结构（六）健康检查字段二、搭建负载均衡集群（一）准备基本环境（二）配置流程配置真实服务器配置代理服务器（三）客户端验证三、配置健康检查页面（一）修改配置文件追加配置内容（二）重启服务（三）浏览器访问验证Keepalived一、Keepalived介绍（一）定义（二）功能（三）工作原理
  • 【华为419机考真题】服务器能耗统计，JAVA 题解 梦想橡皮擦 华为服务器java华为OD机试华为OD
    最近更新的博客华为od2023|什么是华为od，od薪资待遇，od机试题清单华为OD机试真题大全，用Python解华为机试题|机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南华为od机试，独家整理已参加机试人员的实战技巧本篇题解：服务器耗能题目描述服务器有三种运行状态：空载，单任务，多任务，每个时间片的能耗的分别为111、333、444，每个任务由起始时间片和结束时间片定义运行时
  • LVS的10种调度算法 蜡笔晓心 其他
    1.1静态算法:1.1.1rr(roundrobin):轮询调度算法:轮询调度算法的原理就是依次将用户的访问请求,平均的分配到每一台web服务节点上,从1开始,到最后一台服务器节点结束,然后在开始新一轮的循环,这种算法简单,但是没有考虑到每台节点服务器的具体性能1.1.2wrr(weight):权重调度算法由于每台服务器的性能会高低不同,wrr将会根据管理员设定的权重值来分配访问请求,权重值越大的
  • 算法工程师必备：数据结构10大经典算法详解 数据结构与算法学习 数据结构与算法宝典算法数据结构ai
    算法工程师必备：数据结构10大经典算法详解关键词：数据结构、经典算法、时间复杂度、应用场景、代码实现摘要：本文是算法工程师的“算法工具箱”指南，系统讲解数据结构领域最核心的10大经典算法（快速排序、归并排序、二分查找、深度优先搜索DFS、广度优先搜索BFS、动态规划、贪心算法、KMP字符串匹配、哈希算法、并查集）。通过生活案例、代码示例、复杂度分析和实战场景，帮你彻底掌握这些算法的原理与应用，真正
  • 全球软件技术峰会 2025：聚焦大模型开发、智能运维与架构创新，共赴技术实战盛宴 向日葵也有悲伤 运维架构推荐算法数据结构大数据数据库架构
    全球软件技术峰会2025：聚焦大模型开发、智能运维与架构创新，共赴技术实战盛宴在软件定义未来的时代，人工智能与数字化技术正以颠覆性力量重塑全球产业格局。2025年8月15-16日，以"全球专家、卓越智慧"为宗旨的全球软件技术峰会将盛大启幕，特邀全球近50位来自微软、谷歌、亚马逊、字节跳动等企业的技术领袖及一线实战专家，围绕大模型智能应用开发、AI与ML智能运维、软件开发智能化、架构设计与演进四大核
  • Java中的值传递 vs 引用传递本质区别 码农小灰 面试题javajava开发语言
    目录【导语】面试官到底想考什么？一、值传递和引用传递的本质区别1.值传递（PassbyValue）2.引用传递（PassbyReference）二、Java的“值传递”真相：传的是引用的副本1.基本类型：直接拷贝值2.对象类型：传递引用的副本三、常见误区：别再踩这些坑！误区1：“对象是引用传递”误区2：“数组是引用传递”误区3：“String是特殊引用传递”四、实战案例：覆盖90%的应用场景案例1
  • 创建型模式 大曰编程 java面试分布式设计模式
    创建型模式是设计模式的核心分支，专注于对象创建机制的优化，通过封装对象实例化过程，提升系统的灵活性与可扩展性。在分布式系统中，由于多节点协作、网络通信延迟、状态一致性等特性，传统单体环境下的创建型模式需进行适应性演化。本文从分布式场景出发，系统解析单例、工厂方法、抽象工厂、建造者、原型五大创建型模式的核心原理、分布式变种及实战应用。一、单例模式：分布式环境下的唯一性保障1.1单体与分布式单例的本质
  • 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其他