shuren1991
shuren1991

jQuery做二级菜单动画

鼠标悬浮动态展出二级菜单在网页中非常常见，这里介绍如何用jQuery制作这种效果。相关的知识有：
mouseover() mouseout mouseenter() mouseleave() hover() show() hide()

jQuery做二级菜单动画_第1张图片

有JS基础的同学，遇到这个问题的时候，很容易就想到mouseover() mouseout 这两个事件。我最开始做这个题目用的也是这两个事件。jquery代码如下：

<script>
        $(function(){
            $(".nav > li").mouseover(function(event){
                $(this).children().show();
            });
            $(".nav > li").mouseout(function(){
                var a = $(this).index();
                $(".mune").hide(); 
            });
        })
    script>

这样写，鼠标悬浮时，确实可以得到对应的结果。但是我们想要的是动态展出的结果。所以show()和hide() 括号里还要填上时间。例如0.5s,所以应该是show(500)和hide(500)，这个时候，问题就出现了，我们发现，当我们鼠标悬浮在二级菜单的时候，二级菜单重复展出多次，最后才消失。

我们想要的效果应该是，鼠标悬浮对应的菜单，对应二级菜单展出。此时鼠标悬浮在二级菜单，二级菜单不应该消失。只有鼠标离开菜单和二级菜单，二级菜单才消失。下面给出两种处理办法：

1.用mouseenter() mouseleave() ：

问题的原因很容易想到，因为在DOM里面二级菜单是一级菜单的子元素，所以鼠标悬浮在二级菜单同样可以触发一级菜单的事件（事件冒泡）。

我再翻看手册，发现了mouseenter() mouseleave() ，他们也是是鼠标悬浮和离开事件。区别是：用mouseenter() mouseleave() 时，子级的事件不会传递到父级。所以上面的问题就变的容易。只要将mouseover() mouseout 切换为mouseenter() mouseleave() 即可。
代码如下：

<script>
        $(function(){
            $(".nav > li").mouseenter(function(event){
                $(this).children().show(500);
            });
            $(".nav > li").mouseleave(function(){
                var a = $(this).index();
                $(".mune").hide(500); 
            });
        })
    script>

2.用hover()

其实hover()和上面的办法原理是一样的，我们查看它的语法是hover(enter,leave),所以hover()就是mouseenter() mouseleave() 综合。专门处理类似的问题，所以上面的代码可以更简洁些：

$(function(){
            $(".nav > li").hover(function () {
                $(this).children().show(500);
            }, function () {
                $(".mune").hide(500);
            })
        })

完整代码：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>二级菜单title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        li{
            list-style-type: none;
        }
        ul.nav{
            width: 400px;
            height: 40px;
            line-height: 40px;
            margin: 50px auto;
            background: #bbb;
        }
        ul.nav li{
            float: left;
            height: 40px;
            padding: 0 15px;
            position: relative;
        }
        ul.mune {
            width: 100px;
            position: absolute;
            background: #ccc;
            left: 0;
            top: 40px;
            display: none;
        }
    style>
    <script src="jquery-1.11.1.min.js">script>
head>
<body>
    <ul class="nav">
        <li>水果
            <ul class="mune">
                <li>苹果li>
                <li>雪梨li>
                <li>荔枝li>
            ul>
        li>
        <li>体育
            <ul class="mune">
                <li>跑步li>
                <li>篮球li>
                <li>足球li>
            ul>
        li>
        <li>游戏
            <ul class="mune">
                <li>王者荣耀li>
                <li>魔兽li>
                <li>超级玛丽li>
            ul>
        li>
    ul>
    <script>
        $(function(){
            // $(".nav > li").mouseenter(function(event){
            //  $(this).children().show(500);
            // });
            // $(".nav > li").mouseleave(function(){
            //  var a = $(this).index();
            //  // $(".mune").mouseout(function(){
            //  $(".mune").hide(500);
            //  // })   
            // });
            $(".nav > li").hover(function () {
                $(this).children().show(500);
            }, function () {
                $(".mune").hide(500);
            })

        })
    script>
body>
html>

你可能感兴趣的:(学习,总结)

  • 学习记录：OpenMV 摄像头的一个简单示例，主要实现了对摄像头的基本设置和图像采集，并计算和显示采集图像的帧率。 DIY机器人工房 openmv学习笔记学习opencvpython
    代码解释：整体功能：此代码是使用OpenMV摄像头的一个简单示例，主要实现了对摄像头的基本设置和图像采集，并计算和显示采集图像的帧率。首先，对摄像头进行初始化，包括重置、设置像素格式和帧大小，并等待设置生效。然后创建一个时间对象用于计算帧率。最后在一个无限循环中不断采集图像并打印出每秒采集的帧数。#此作品遵循MIT许可证授权。#版权所有(c)2013-2023OpenMVLLC。保留所有权利。#h
  • PX4源码学习二--PX4环境搭建 znr1995 px4ubuntu
    Ubuntu16.04环境搭建：预环境处理：（把用户添加到用户组"dialout":重新登录一回使其生效）sudousermod-a-Gdialout$USER#ubuntu自带端口管理会影响这个sudoapt-getremovemodemmanager依赖环境安装：sudoadd-apt-repositoryppa:george-edison55/cmake-3.x-ysudoapt-getup
  • 【大模型】ChatGPT 提示词优化进阶操作实战详解 小码农叔叔 AI大模型实战与应用ChatGPT提示词优化进阶ChatGPT提示词优化ChatGPT提示词优化技巧ChatGPT提示词优化原则ChatGPT提示词常用技巧
    目录一、前言二、ChatGPT提示词几个基本的优化原则2.1明确的提示词2.1.1提示词具体而清晰2.1.1.1操作案例演示2.2确定焦点2.2.1操作案例演示2.3保持提示词的相关性2.3.1什么是相关性2.3.2提示词相关性操作案例一2.3.2提示词相关性操作案例二三、ChatGPT提示词进阶及常用优化策略3.1提示词常用优化策略总结3.2ChatGPT提示词优化操作实战3.2.1身份设定3.
  • AI编程助手ScriptEcho：革新你的编程学习之旅 前端
    在当今数字时代，编程技能已成为一项越来越重要的技能，无论是想成为专业的软件工程师，还是想提升自身竞争力，学习编程都至关重要。然而，编程学习之路并非一帆风顺，陡峭的学习曲线和大量的实践项目常常让初学者望而却步。许多人卡在繁琐的配置和基础代码搭建上，难以将精力集中在核心业务逻辑的学习和项目实践中。为了解决这一问题，越来越多的人开始寻找更高效的学习工具，而AI写代码工具ScriptEcho正是其中之一，
  • php 面试题总结 php面试
    1.phpfpm是什么？fpm是fastcgi进程管理器处理web服务器的请求。优点1.动态进程管理根据负载自动调整进程数量，自动监控回收2.资源利用高效，通过进程池的方式，避免频繁的创建和销毁进程。节约资源，灵活配置，动态静态配置2.cgi和fastcgi区别cgi和fastcgi都是web服务器和php进行通信的协议fastcgi是持久化的进程池处理多个请求，不需要为每个请求单独创建新的进程，
  • 在 PyTorch 训练中使用 `tqdm` 显示进度条 weixin_48705841 pytorch人工智能python
    在PyTorch训练中使用tqdm显示进度条在深度学习的训练过程中，实时查看训练进度是非常重要的，它可以帮助我们更好地理解训练的效率，并及时调整模型或优化参数。使用tqdm库来为训练过程添加进度条是一个非常有效的方式，本文将介绍如何在PyTorch中结合tqdm来动态显示训练进度。1.安装tqdm库首先，如果你还没有安装tqdm，可以通过pip命令进行安装：pipinstalltqdmtqdm是一
  • 【在 PyTorch 中使用 tqdm 显示训练进度条，并解决常见错误TypeError: ‘module‘ object is not callable】 weixin_48705841 人工智能
    在PyTorch中使用tqdm显示训练进度条，并解决常见错误TypeError:'module'objectisnotcallable在进行深度学习模型训练时，尤其是在处理大规模数据时，实时了解训练过程中的进展是非常重要的。为了实现这一点，我们可以使用tqdm库，它可以非常方便地为你提供进度条显示。1.什么是tqdm？TQDM是一个快速、可扩展的Python进度条库。它可以用来显示迭代的进度，帮助
  • Presto 时间、日期及计算相关日期 三生暮雨渡瀟瀟 prestobigdatapresto
    由于工作中在数据迁移，大数据平台数据查询引擎使用Presto，和传统的数据库时间函数有区别，整理一版，供大家参考，一起学习，有错误欢迎指正。1、查询当前日期selectcurrent_date;2、查询当前时间selectcurrent_timestamp;_col0---------------------------------------2022-01-0220:45:58.551Asia/
  • SwiftUI 2.0实现动态粘性页脚动画指南 一曲歌长安
    本文还有配套的精品资源，点击获取简介：在SwiftUI2.0中创建类似Medium.com的动态粘性页脚，涉及视图构建、环境值跟踪、自定义组件设计、动画实现以及响应式布局，以增强用户体验并提升应用程序的互动性。开发者将学习到如何通过滚动位置的变化来控制页脚的透明度和尺寸，并通过动画使交互更为流畅自然。1.SwiftUI核心概念理解SwiftUI是苹果公司推出的一套声明式UI框架，它使得开发者可以使
  • 机器学习、基础算法、python常见面试题必知必答系列大全：（面试问题持续更新） promptllm人工智能
    基础算法常见面试篇1.1过拟合和欠拟合常见面试篇一、过拟合和欠拟合是什么？二、过拟合/高方差（overfiting/highvariance）篇2.1过拟合是什么及检验方法？2.2导致过拟合的原因是什么？2.3过拟合的解决方法是什么？三、欠拟合/高偏差（underfiting/highbias）篇3.1欠拟合是什么及检验方法？3.2导致欠拟合的原因是什么？3.3过拟合的解决方法是什么？1.2Bat
  • 深度学习模型开发文档 Ares代码行者 深度学习
    深度学习模型开发文档1.简介2.深度学习模型开发流程3.数据准备3.1数据加载3.2数据可视化4.构建卷积神经网络(CNN)5.模型训练5.1定义损失函数和优化器5.2训练过程6.模型评估与优化6.1模型评估6.2超参数调优7.模型部署8.总结参考资料1.简介深度学习是人工智能的一个分支，利用多层神经网络从数据中提取特征并进行学习。它被广泛应用于图像识别、自然语言处理、语音识别等领域。本文将以构建
  • 蓝桥杯Python组最后几天冲刺———吐血总结,练题总结,很管用我学会了 晚风时亦鹿 学习笔记Python算法笔记python
    一、重要知识要点1、穷举法2、枚举法3、动态规划4、回溯法5、图论6、深度优先搜索（DFS）7、广度优先搜索（BFS）8、二叉树9、递归10、分治法、矩阵法11、排列组合12、素数、质数、水仙花数13、欧几里得定理gcd14、求最大公约数、最小公倍数15、海伦公式（求三角形面积）16、博弈论17、贪心18、二分查找法19、hash表20、日期计算21、矩形快速幂22、树形DP23、最短路径24、最
  • Redis实战-初识Redis 啥都想学的又啥都不会的研究生 redis数据库缓存
    初识Redis1、Redis简介2、Redis数据结构简介3、Redis命令3.1字符串3.2列表3.3集合3.4散列3.5有序集合3.6发布与订阅3.7其他命令3.7.1排序3.7.2过期时间如有侵权，请联系～如有错误，也欢迎批评指正～本篇文章大部分是来自学习《Redis实战》的笔记1、Redis简介Redis是一个远程内存数据库，它不仅性能强劲，而且还具有复制特性以及为解决问题而生的独一无二的
  • 大数据平台Bug Bash大扫除最佳实践 京东云开发者 大数据bugbash
    作者：尹伟一、背景随着越来越多的"新人"在日常工作以及大促备战中担当大任，我们发现仅了解自身系统业务已不能满足日常系统开发运维需求。为此，大数据平台部门组织了一次BugBash活动，既能提升自己对兄弟产品的理解和使用，又能促使自家产品功能日趋完善。今天来给大家分享一些实际操作过程和经验总结~二、什么是BugBash？BugBash，顾名思义就是缺陷大扫除。通常由QA主导发起，团队全员放下手中的活，
  • 深度学习环境配置指南！（Windows、Mac、Ubuntu全讲解） Charmve #AI学习指导：从入门到进阶软件安装环境配置计算机视觉实战文档详细开放源码cudalinuxgpuanacondaubuntu
    关注“迈微AI研习社”，内容首发于公众号作者：伍天舟、马曾欧、陈信达入门深度学习，很多人经历了从入门到放弃的心酸历程，且千军万马倒在了入门第一道关卡：环境配置问题。俗话说，环境配不对，学习两行泪。如果你正在面临配置环境的痛苦，不管你是Windows用户、Ubuntu用户还是苹果死忠粉，这篇文章都是为你量身定制的。接下来就依次讲下Windows、Mac和Ubuntu的深度学习环境配置问题。一、Win
  • css3过渡总结 半点寒12W csscss3前端css
    一、过渡的定义与作用CSS3过渡（Transitions）允许CSS属性在一定的时间区间内平滑地过渡，从一个值转变为另一个值。它能够让网页元素的状态变化更加自然、流畅，给用户带来更好的视觉体验。例如，当一个元素从隐藏状态变为显示状态，通过过渡可以使其淡入，而不是生硬地突然出现。二、过渡的属性transition-property（过渡属性）该属性用于指定哪些CSS属性会产生过渡效果。它可以是单个属
  • Automotive audio策略总结 天花板之恋 audioAAOSandroidaudioAAOS
    1.音频焦点1.1为什么会有音频焦点机制？在车辆环境中，可能存在多个应用或者服务需要同时或者交替播放音频，如导航、音乐、语音助手等。音频焦点机制允许系统协调这些音频流，确保在某一时刻只有一个或几个应用能够播放音频，从而避免声音混杂和冲突。1.2音频焦点的基本规则和逻辑1.2.1当某个应用或者服务需要播放声音的时候，它首先需要向系统请求音频焦点。系统会根据当前焦点的持有情况和应用请求的焦点类型，来决
  • 联邦学习中客户端发送的梯度是vector而不是tensor wzx_Eleven 联邦学习机器学习网络安全人工智能
    在联邦学习中，当本地使用神经网络或深度学习模型时，训练的梯度通常是与模型参数（权重和偏置）相对应的梯度数据。具体来说，梯度的类型和形状取决于模型的结构（例如，卷积神经网络、全连接网络等），以及模型的层数、每层的神经元数量等因素。1.梯度类型：梯度是一个张量：在神经网络中，梯度通常是一个张量（tensor），每一层的梯度张量的形状和该层的权重形状相匹配。具体来说，梯度是损失函数对每个参数的偏导数，表
  • 选课（贪心） pta wzx_Eleven 算法
    小明是个好学的程序猿，他想在一天内尽可能多的选择课程进行学习。在下列课程中，他能选择的最多课程是几门？输入格式:第一行为一个整数n，表示课程总数。接下来每行为x，y，z表示课程名，开始时间，结束时间。输出格式:输出一个整数，表示小明最多可选的课程数。输入样例:5Art910English9.310.3Math1011Computer10.311.3Music1112输出样例:在这里给出相应的输出。
  • 大三学生面试经历（2） 无限大. 面试面试职场和发展
    继续昨天的内容，我面试的是一个Java实习岗，但是居然也问了我前端（vue）相关的问题最大的感觉就是，现在真的越来越卷了，后端都把前端的东西卷完了，当时是线上面试，感觉答的不太好（因为确实没准备的太全），接下来的时间继续加强加强这些方面的学习愿与诸君共勉！具体如下1.请简述Vue.js的生命周期函数及其执行顺序2.Vue.js中的v-bind指令和v-model指令有什么区别?3.请简述Vue.j
  • 数据管理之数据存储 剑客狼心 数据库管理员数据库数据挖掘
    一、数据存储如何操作1.1数据存储与操作的目标：1）在整个数据生命周期中管理数据的可用性：说白了就是数据保存了，别人需要用的时候能找到。2）确保数据资产的完整性：录入的数据不能乱，比如年龄录成负数这种错误。数据被修改时必须有规则，不能随便乱改。3）管理数据交易事务的性能：意思是当系统对数据进行操作（比如存、取、改、删）时，要保证这些操作能快速完成，不卡顿、不失败。简单总结：第一条是保证数据“随时能
  • 计算1+2+3+4+5+6...+100用python_100个Python练手小程序，学习python的很好的资料 weixin_39879881
    原标题：100个Python练手小程序，学习python的很好的资料100个Python练手小程序，学习python的很好的资料，覆盖了python中的每一部分，可以边学习边练习，更容易掌握python。本文附带基础视频教程：私信回复【基础】就可以获取的【程序1】题目：有1、2、3、4个数字，能组成多少个互不相同且无重复数字的三位数？都是多少？1.程序分析：可填在百位、十位、个位的数字都是1、2、
  • tkinter库 -- 事件处理 Yuer_7 pythonpython
    GUI界面设计–tkinter库应用文章目录GUI界面设计--tkinter库应用前言一、事件二、事件类型1.事件格式举例：2.事件对象3.事件处理函数2.事件绑定1.回调函数--创建组件对象时指定2.实例绑定实例绑定3.类绑定4.程序界面绑定5.标识绑定常用绑定方式总结![](https://i-blog.csdnimg.cn/blog_migrate/cece5197aa3c34a97a234
  • 2024年12月蓝桥杯Scratch12月stema选拔赛真题试卷 嗨信奥 scratch青少年编程蓝桥杯
    完整的题目及在线模拟考试可点击下方链接前往：2024年蓝桥杯Scratch12月stema选拔赛真题_scratch_少儿编程题库学习中心-嗨信奥https://www.hixinao.com/tidan/scratch/show-267.html
  • 《C语言入门100例》(第2例) 给定 n，求 1 + 2 + 3 + ... + n 的和给定 n，求 1 + 2 + 3 + ... + n 的和 leapold_Z c++leetcode
    【第02题】给定n，求1+2+3+…+n的和|四种解法文章目录主要知识点习题1.剑指Offer64.求1+2+…+n题目描述初见思路代码2.SumProblem题目描述初见3.剑指Offer57-II.和为s的连续正数序列题目描述初见思路代码总结主要知识点计算时注意数值计算在计算机内的溢出。与理论计算不同，算法设计中要时刻注意数值计算溢出的情况，以计算n∗(n+1)/2n*(n+1)/2n∗(n+
  • `Port: Direct Attach Copper` 和 `Port: Twisted Pair` 喝醉酒的小白 Liunx网络
    目录标题这些端口类型的来源结论1.**IntelNetworkInterfaceCards(NICs)**2.**Broadcom/AvagoTechnologies**3.**MellanoxTechnologies(现为NVIDIA)**4.**ChelsioCommunications**5.**Realtek**6.**Netgear/TP-Link/ASUS**总结你提到的Port:Di
  • 从System Prompt来看GPT-3.5到GPT-4的进化 herosunly 大模型systempromptgpt-3chatgptgpt4gpt4o
      大家好，我是herosunly。985院校硕士毕业，现担任算法t研究员一职，热衷于机器学习算法研究与应用。曾获得阿里云天池比赛第一名，CCF比赛第二名，科大讯飞比赛第三名。拥有多项发明专利。对机器学习和深度学习拥有自己独到的见解。曾经辅导过若干个非计算机专业的学生进入到算法行业就业。希望和大家一起成长进步。  本文主要介绍了从SystemPrompt来看GPT-3.5到GPT-4的进化之路，希
  • nodeJS 系统学习（模块-章节1） BYh_blog js基础node.jsjavascript
    module（模块）1.概念（理论）利用模块化，根据代码功用将应用拆分为不同的模块。增强代码的可读性，可迭代性等一切具有客观良性的作用。一般情况下每个文件就是一个模块。文件路径则是模块名。2.实践（操作）CODE模块之间可以相互引用。通过require、exports、module三个预先定义好的node环境变量module.js测试模块代码console.log(module);module.e
  • R语言机器学习算法实战系列（十九）特征选择之Monte Carlo算法（Monte Carlo Feature Selection） 生信学习者1 R语言机器学习实战r语言机器学习算法数据分析数据挖掘数据可视化人工智能
    禁止商业或二改转载，仅供自学使用，侵权必究，如需截取部分内容请后台联系作者!文章目录介绍原理步骤下载数据加载R包导入数据数据预处理数据分割MCFS运行MCFS-ID过程混淆矩阵重要特征的RI最小阈值距离与共同部分收敛特征重要性排序选择重要特征构建特征依赖图提取重要特征基于重要特征构建随机森林模型混淆矩阵评估模型AUC曲线刻画模型在训练和测试数据集的表现总结系统信息介绍特征选择（FeatureSel
  • F#语言的图形用户界面 沈霁晨 包罗万象golang开发语言后端
    F#语言的图形用户界面开发引言随着软件开发的日益复杂化，图形用户界面（GUI）在现代应用程序中的重要性不可忽视。它提供了一种直观的方式，使用户能够与应用程序进行交互。F#语言作为一种函数式编程语言，近年来在开发领域越来越受到关注，尤其是在数据分析和机器学习领域。但F#同样能够用于图形用户界面的开发，尤其是结合.NET平台及其丰富的库。本文将深入探讨F#语言在图形用户界面开发中的应用，包括常用的框架
  • 分享100个最新免费的高匿HTTP代理IP mcj8089 代理IP代理服务器匿名代理免费代理IP最新代理IP
      推荐两个代理IP网站：   1. 全网代理IP：http://proxy.goubanjia.com/   2. 敲代码免费IP：http://ip.qiaodm.com/     120.198.243.130:80,中国/广东省 58.251.78.71:8088,中国/广东省 183.207.228.22:83,中国/
  • mysql高级特性之数据分区 annan211 java数据结构mongodb分区mysql
    mysql高级特性 1 以存储引擎的角度分析，分区表和物理表没有区别。是按照一定的规则将数据分别存储的逻辑设计。器底层是由多个物理字表组成。 2 分区的原理 分区表由多个相关的底层表实现，这些底层表也是由句柄对象表示，所以我们可以直接访问各个分区。存储引擎管理分区的各个底层 表和管理普通表一样(所有底层表都必须使用相同的存储引擎)，分区表的索引只是
  • JS采用正则表达式简单获取URL地址栏参数 chiangfai js地址栏参数获取
    GetUrlParam:function GetUrlParam(param){ var reg = new RegExp("(^|&)"+ param +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null
  • 怎样将数据表拷贝到powerdesigner (本地数据库表) Array_06 powerDesigner
    ================================================== 1、打开PowerDesigner12，在菜单中按照如下方式进行操作 file->Reverse Engineer->DataBase 点击后，弹出 New Physical Data Model 的对话框 2、在General选项卡中 Model name:模板名字，自
  • logbackのhelloworld 飞翔的马甲 日志logback
    一、概述 1.日志是啥？ 当我是个逗比的时候我是这么理解的：log.debug()代替了system.out.print(); 当我项目工作时，以为是一堆得.log文件。 这两天项目发布新版本，比较轻松，决定好好地研究下日志以及logback。 传送门1：日志的作用与方法： http://www.infoq.com/cn/articles/why-and-how-log 上面的作
  • 新浪微博爬虫模拟登陆 随意而生 新浪微博
    转载自：http://hi.baidu.com/erliang20088/item/251db4b040b8ce58ba0e1235     近来由于毕设需要，重新修改了新浪微博爬虫废了不少劲，希望下边的总结能够帮助后来的同学们。      现行版的模拟登陆与以前相比，最大的改动在于cookie获取时候的模拟url的请求
  • synchronized 香水浓 javathread
        Java语言的关键字，可用来给对象和方法或者代码块加锁，当它锁定一个方法或者一个代码块的时候，同一时刻最多只有一个线程执行这段代码。当两个并发线程访问同一个对象object中的这个加锁同步代码块时，一个时间内只能有一个线程得到执行。另一个线程必须等待当前线程执行完这个代码块以后才能执行该代码块。然而，当一个线程访问object的一个加锁代码块时，另一个线程仍然
  • maven 简单实用教程 AdyZhang maven
    1. Maven介绍  1.1. 简介 java编写的用于构建系统的自动化工具。目前版本是2.0.9，注意maven2和maven1有很大区别，阅读第三方文档时需要区分版本。 1.2. Maven资源 见官方网站；The 5 minute test，官方简易入门文档；Getting Started Tutorial，官方入门文档；Build Coo
  • Android 通过 intent传值获得null aijuans android
    我在通过intent 获得传递兑现过的时候报错，空指针,我是getMap方法进行传值，代码如下 1 2 3 4 5 6 7 8 9 public void getMap(View view){            Intent i =
  • apache 做代理 报如下错误：The proxy server received an invalid response from an upstream baalwolf response
    网站配置是apache＋tomcat,tomcat没有报错，apache报错是： The proxy server received an invalid response from an upstream server. The proxy server could not handle the request GET /. Reason: Error reading fr
  • Tomcat6 内存和线程配置 BigBird2012 tomcat6
    1、修改启动时内存参数、并指定JVM时区 （在windows server 2008 下时间少了8个小时） 在Tomcat上运行j2ee项目代码时，经常会出现内存溢出的情况，解决办法是在系统参数中增加系统参数：  window下， 在catalina.bat最前面 set JAVA_OPTS=-XX:PermSize=64M -XX:MaxPermSize=128m -Xms5
  • Karam与TDD bijian1013 KaramTDD
    一.TDD         测试驱动开发（Test-Driven Development,TDD）是一种敏捷（AGILE）开发方法论，它把开发流程倒转了过来，在进行代码实现之前，首先保证编写测试用例，从而用测试来驱动开发（而不是把测试作为一项验证工具来使用）。         TDD的原则很简单： a.只有当某个
  • [Zookeeper学习笔记之七]Zookeeper源代码分析之Zookeeper.States bit1129 zookeeper
    public enum States { CONNECTING, //Zookeeper服务器不可用，客户端处于尝试链接状态 ASSOCIATING, //？？？ CONNECTED, //链接建立，可以与Zookeeper服务器正常通信 CONNECTEDREADONLY, //处于只读状态的链接状态，只读模式可以在
  • 【Scala十四】Scala核心八：闭包 bit1129 scala
    Free variable A free variable of an expression is a variable that’s used inside the expression but not defined inside the expression. For instance, in the function literal expression (x: Int) => (x
  • android发送json并解析返回json ronin47 android
    package com.http.test; import org.apache.http.HttpResponse; import org.apache.http.HttpStatus; import org.apache.http.client.HttpClient; import org.apache.http.client.methods.HttpGet; import
  • 一份IT实习生的总结 brotherlamp PHPphp资料php教程php培训php视频
    今天突然发现在不知不觉中自己已经实习了 3 个月了，现在可能不算是真正意义上的实习吧，因为现在自己才大三，在这边撸代码的同时还要考虑到学校的功课跟期末考试。让我震惊的是，我完全想不到在这 3 个月里我到底学到了什么，这是一件多么悲催的事情啊。同时我对我应该 get 到什么新技能也很迷茫。所以今晚还是总结下把，让自己在接下来的实习生活有更加明确的方向。最后感谢工作室给我们几个人这个机会让我们提前出来
  • 据说是2012年10月人人网校招的一道笔试题-给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。 将重物放到天平左侧，问在两边如何添加砝码 bylijinnan java
    public class ScalesBalance { /** * 题目： * 给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。 （假设N无限大，但一种重量的砝码只有一个） * 将重物放到天平左侧，问在两边如何添加砝码使两边平衡 * * 分析： * 三进制 * 我们约定括号表示里面的数是三进制，例如 47=(1202
  • dom4j最常用最简单的方法 chiangfai dom4j
    要使用dom4j读写XML文档,需要先下载dom4j包,dom4j官方网站在 http://www.dom4j.org/目前最新dom4j包下载地址:http://nchc.dl.sourceforge.net/sourceforge/dom4j/dom4j-1.6.1.zip 解开后有两个包,仅操作XML文档的话把dom4j-1.6.1.jar加入工程就可以了,如果需要使用XPath的话还需要
  • 简单HBase笔记 chenchao051 hbase
     一、Client-side write buffer 客户端缓存请求 描述：可以缓存客户端的请求，以此来减少RPC的次数，但是缓存只是被存在一个ArrayList中，所以多线程访问时不安全的。 可以使用getWriteBuffer()方法来取得客户端缓存中的数据。 默认关闭。 二、Scan的Caching 描述： next( )方法请求一行就要使用一次RPC,即使
  • mysqldump导出时出现when doing LOCK TABLES daizj mysqlmysqdump导数据
    　　执行　mysqldump -uxxx -pxxx -hxxx -Pxxxx database tablename > tablename.sql　 导出表时，会报 mysqldump: Got error: 1044: Access denied for user 'xxx'@'xxx' to database 'xxx' when doing LOCK TABLES 解决
  • CSS渲染原理 dcj3sjt126com Web
      从事Web前端开发的人都与CSS打交道很多，有的人也许不知道css是怎么去工作的，写出来的css浏览器是怎么样去解析的呢？当这个成为我们提高css水平的一个瓶颈时，是否应该多了解一下呢？          一、浏览器的发展与CSS           
  • 《阿甘正传》台词 dcj3sjt126com
    Part Ⅰ: 《阿甘正传》Forrest Gump经典中英文对白 Forrest: Hello! My names Forrest. Forrest Gump. You wanna Chocolate? I could eat about a million and a half othese. My momma always said life was like a box ochocol
  • Java处理JSON dyy_gusi json
    Json在数据传输中很好用，原因是JSON 比 XML 更小、更快，更易解析。 在Java程序中，如何使用处理JSON，现在有很多工具可以处理，比较流行常用的是google的gson和alibaba的fastjson，具体使用如下： 1、读取json然后处理 class ReadJSON { public static void main(String[] args)
  • win7下nginx和php的配置 geeksun nginx
    1.  安装包准备 nginx :  从nginx.org下载nginx-1.8.0.zip php： 从php.net下载php-5.6.10-Win32-VC11-x64.zip， php是免安装文件。 RunHiddenConsole: 用于隐藏命令行窗口   2. 配置 # java用8080端口做应用服务器，nginx反向代理到这个端口即可 p
  • 基于2.8版本redis配置文件中文解释 hongtoushizi redis
    转载自： http://wangwei007.blog.51cto.com/68019/1548167        在Redis中直接启动redis-server服务时, 采用的是默认的配置文件。采用redis-server   xxx.conf 这样的方式可以按照指定的配置文件来运行Redis服务。下面是Redis2.8.9的配置文
  • 第五章 常用Lua开发库3-模板渲染 jinnianshilongnian nginxlua
    动态web网页开发是Web开发中一个常见的场景，比如像京东商品详情页，其页面逻辑是非常复杂的，需要使用模板技术来实现。而Lua中也有许多模板引擎，如目前我在使用的lua-resty-template，可以渲染很复杂的页面，借助LuaJIT其性能也是可以接受的。   如果学习过JavaEE中的servlet和JSP的话，应该知道JSP模板最终会被翻译成Servlet来执行；而lua-r
  • JZSearch大数据搜索引擎 颠覆者 JavaScript
    系统简介： 大数据的特点有四个层面：第一，数据体量巨大。从TB级别，跃升到PB级别；第二，数据类型繁多。网络日志、视频、图片、地理位置信息等等。第三，价值密度低。以视频为例，连续不间断监控过程中，可能有用的数据仅仅有一两秒。第四，处理速度快。最后这一点也是和传统的数据挖掘技术有着本质的不同。业界将其归纳为4个“V”——Volume，Variety，Value，Velocity。大数据搜索引
  • 10招让你成为杰出的Java程序员 pda158 java编程框架
    如果你是一个热衷于技术的  Java 程序员， 那么下面的 10 个要点可以让你在众多 Java 开发人员中脱颖而出。 　　 1. 拥有扎实的基础和深刻理解 OO 原则 　　对于 Java 程序员，深刻理解 Object Oriented Programming（面向对象编程）这一概念是必须的。没有 OOPS 的坚实基础，就领会不了像 Java 这些面向对象编程语言
  • tomcat之oracle连接池配置 小网客 oracle
    tomcat版本7.0 配置oracle连接池方式： 修改tomcat的server.xml配置文件： <GlobalNamingResources> <Resource name="utermdatasource" auth="Container" type="javax.sql.DataSou
  • Oracle 分页算法汇总 vipbooks oraclesql算法.net
        这是我找到的一些关于Oracle分页的算法，大家那里还有没有其他好的算法没？我们大家一起分享一下！ -- Oracle 分页算法一 select * from ( select page.*,rownum rn from (select * from help) page -- 20 = (currentPag
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他