使用事件冒泡原理控制菜单或浮层

在开发WEB中，经常碰到这样一种需求：点击页面中的某个按钮或链接是弹出一个菜单或者是浮层，并且点击该按钮或者链接以外的区域时，菜单或浮层消失。以前没有了解过事件冒泡的时候，使用很多JS代码来实现这样的效果；本人最常用的方法是在该链接上添加一个特殊的属性以及唯一的一个属性值，然后在body上绑定单击事件，触发事件是获取该事件的源节点：event.target（IE浏览器中使用：event.srcElement），然后判断源节点的属性与之前设置的是否一致。

后来学习了事件冒泡的机制以后，突然觉得使用阻止冒泡的方法实现该效果思路更加清晰，思路是这样的：在触发该按钮或链接的单击事件的时候显示菜单或浮层，并且组织该事件向上冒泡，并在body的单击事件中隐藏该菜单或者浮层；这样单击该按钮的时候，先显示了浮层，由于阻止按钮的单击事件向上冒泡，所以此时不会触发body的单击事件，而点击按钮之外的其他区域的时候，由于其他区域的单击事件会冒泡的body上而触发body的单击事件，所以会隐藏菜单或者浮层。代码如下：

HTML：

<!DOCTYPE html>
<html>

<head>

<title>测试</title>



<style type="text/css"> *{ font-size: 12px;} ul,li{ padding: 0; margin: 0; list-style: none;}

/*按钮的样式*/ .menuBtn{ color: 12px; color: #666;}


/*菜单的样式，默认菜单是隐藏的*/ .menu{ display: none; height: auto; width: 100px; padding: 3px; border: 1px solid #ccc; position: absolute; left: 10px; top: 30px;} .menu li{ height: 20px; line-height: 20px; border-bottom: 1px solid #ccc; text-align: center;} .menu li:last-child{ border: 0;}

</style>
<!--使用jQuery-->

<script type="text/javascript" src="../resources/scripts/jquery-1.4.2.js"></script>

</head>



<body>

&nbsp;<a id="J_menuBtn" href="javascript:;" class="menuBtn">弹出菜单</a>

<ul id="J_menu" class="menu">

    <li>菜单项a</li>

    <li>菜单项b</li>

    <li>菜单项c</li>

    <li>菜单项d</li>

</ul>

</body>

</html>

JS：

var btn = $("#J_menuBtn"),

    menu = $("#J_menu");



$(document.body).click(function () {

    // 点击body是隐藏菜单

    menu.hide();

});

btn.click(function (ev) {

    // 点击链接（或按钮）是现实菜单

    menu.show();



    /* 阻止链接（或按钮）的单击事件冒泡

     * 在jquery中return false可阻止事件冒泡

     * 当然也可以使用其他方法，比如：event.stopPropagation()（IE中使用：event.cancelBubble=true）

     */

    return false;

});

 效果如下：

点击按钮显示菜单：

使用事件冒泡原理控制菜单或浮层

点击页面其他区域隐藏菜单：

 

 

你可能感兴趣的:(事件冒泡)

  • 在Element UI的＜el-table＞组件中，点击子元素不触发父级事件 HWL5679 vue.jsjavascriptecmascript
    在ElementUI的组件中，@row-click事件是绑定在整行上的，这意味着如果点击了表格的任意位置（除非有特定的子元素阻止了事件冒泡），都会触发这个事件。如果你想要在某些子元素上点击时不触发@row-click事件，你需要在这些子元素上阻止事件冒泡。你可以通过在子元素上添加点击事件并调用event.stopPropagation()方法来实现这一点。event.stopPropagation
  • Vue事件修饰符 JoJo_Way vue.js前端javascript
    1.vue的事件修饰符有哪些.stop.prevent.self.capture.once.passive2.使用方法.stop，相当于原生写法中的event.stopPropagation()，用于阻止事件冒泡functionfather(){console.log("callmefather")}functionson(){console.log("callmeson")}//输出结果//ca
  • vue跟jQuery中的事件冒泡、事件捕获、事件委托（事件代理） 淑子啦 vue.jsjquery前端
    1、事件捕获、事件冒泡在JS中，我们管事件发生的顺序叫“事件流”标准的事件流：当dom触发了事件后，会先通过事件传播捕获到目标元素，然后目标节点通过事件传播实现事件冒泡事件传播：无论是捕获还是冒泡，都是靠事件传播一层一层传递的，当在某一层禁止事件传播，那么之后的步骤就不再进行了Tips：目标元素指的是触发事件的节点（1）事件捕获鼠标点击或者触发了dom事件，浏览器会从根节点（Document对象）
  • uniapp中switch和select组件阻止chane事件冒泡的方法 phpgolife uniappjavascriptuni-app前端javascript
    在uni-app中，‌处理事件冒泡通常使用.stop修饰符来阻止事件冒泡。‌如果你想要在使用switch或select组件时阻止change事件冒泡，‌你可以在模板绑定事件时添加.stop修饰符。‌示例使用switch组件htmlCopyCode使用select组件（‌假设是一个自定义组件或类似行为）‌htmlCopyCodeOption1Option2注意确保.stop修饰符紧跟在事件名之后，‌
  • JavaScript中事件委托是什么？ LuckXinXin JavaScriptjavascript
    符合W3C标准的事件绑定：addEventLisntener/attachEvent。让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行。
  • JavaScript中什么是事件委托 JJCTO JavaScriptjavascriptcss前端
    JavaScript中的事件委托（Eventdelegation）是一种重要的编程技术，它能够优化网页中的事件处理，提高程序的性能和可维护性。本文将详细介绍事件委托的概念、工作原理，并提供示例代码来说明其实际应用。事件委托是基于事件冒泡机制而存在的。通常情况下，我们会为每个需要响应事件的元素添加事件监听器，而当页面中元素数量庞大时，这样的操作就会导致性能下降和代码维护困难。而事件委托的思想则是将事
  • jQuery自定义事件，事件冒泡，节点 2simple
    主动触发与自定义事件主动触发使用jquery对象上的trigger方法来触发对象上绑定的事件。自定义事件除了系统事件外，可以通过bind方法自定义事件，然后用tiggle方法触发这些事件；事件冒泡什么是事件冒泡？在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这
  • 2019-06-19 绑定事件 自定义事件 事件冒泡 弹框-阻止冒泡 嚜羽
    1.绑定事件$(function(){////只能绑定click事件，不能绑定其他的了//$('#btn').click(function(){///*Actontheevent*///});//bind方式可绑定多个事件$('#btn').bind('clickmouseover',function(){alert('hello!');//取消绑定事件$(this).unbind('mouseo
  • vue常用修饰符 lyyvscc
    1.事件修饰符vue为v-on提供了事件修饰符，通过点(.)表示的指令后缀来调用修饰符。.stop阻止点击事件冒泡。等同于JavaScript中的event.stopPropagation().prevent防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件的进一步传播），等同于JavaScript中的event.preventDefault()，prevent等同于JavaScrip
  • 事件机制 事件捕获 处于目标阶段 事件冒泡 事件委托 蘑菇酱960903
    事件捕获当点击触发了dom事件，浏览器会从根节点开始由外向内进行传播，如果父元素在捕获期注册了对应的事件，则会先触发父元素的绑定事件事件冒泡由内向外进行传播，直到根节点事件流：事件捕获期(IE10以下不支持捕获期)->处于目标阶段->事件冒泡期当子元素不想触发父元素事件，可停止事件传播event.stopPropagation()或者event.cancelBubble=true事件委托就是根据事
  • 51.事件处理模型--事件冒泡、捕获 hr小刘
    新一轮js的学习中，小刘我总结了一些知识点，希望和感兴趣的小伙伴分享，有不对和需要完善的地方，也可以和我讨论，毕竟小刘也是个5个月多的小白，（由于有道云文档转PDF的小问题，代码在对齐格式会有欠缺，请谅解）。以后小刘还会时常更新所学所感，希望和大家探讨提升下自己。
  • js中事件代理的解析和应用场景 章IT javascript前端vue.js前端框架css3小程序微信小程序
    文章目录一、是什么二、应用场景三、总结一、是什么事件代理，俗地来讲，就是把一个元素响应事件（click、keydown…）的函数委托到另一个元素前面讲到，事件流的都会经过三个阶段：捕获阶段->目标阶段->冒泡阶段，而事件委托就是在冒泡阶段完成事件委托，会把一个或者一组元素的事件委托到它的父层或者更外层元素上，真正绑定事件的是外层元素，而不是目标元素当事件响应到目标元素上时，会通过事件冒泡机制从而触
  • JS中的事件代理详解 呗儿塔
    事件代理的定义对于事件委托或者说事件代理，有这样一段定义：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。举个例子来说首先我们创建一个拥有多个平行元素的列表Item1Item2Item3Item4Item5Item6当鼠标移动到li上或者点击了li的时候，需要触发相应的事件，若果不使用事件代理，那么我们需要为每一个li都添加相应的onClick()或者onMouse
  • Vue中 常用的修饰符有哪些 JJCTO Vuevue.js前端javascript
    Vue是一款建立在JavaScript框架上的开源前端库，已经成为当今前端开发人员最喜爱的选择之一。它的简洁语法和强大的功能使得开发者可以轻松地构建交互性的网页应用程序。在Vue中，修饰符是一个重要的概念，它们可以帮助我们更好地控制和定制DOM元素的行为。在本篇文章中，我们将介绍一些Vue中常用的修饰符，并通过示例代码来说明它们的使用。.stop修饰符.stop修饰符用于阻止事件冒泡。在一些需要监
  • JS中的小疑问什么是捕获？什么是冒泡？精简解释 考拉_2044
    从执行代码的过程来讲什么是事件冒泡？执行过程是事件的由内到外执行；什么是事件捕获？代码执行过程的过程是由外到内执行；捕获过程跟冒泡过程事件冒泡：什么是“事件冒泡”呢？假设这里有一杯水，水被用某种神奇的方式分成不同颜色的几层。这时，从最底层冒出了一个气泡，气泡会一层一层地上升，直到最顶层。而你不管在水的哪一层观察都可以看到并捕捉到这个气泡。好了，把“水”改成“DOM”，把“气泡”改成“事件”。这就是
  • 事件捕获和事件冒泡 她说东京很热
    1.事件捕获捕获型事件(eventcapturing)：事件从最不精确的对象(document对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)2.事件冒泡冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。3.捕获和冒泡过程图捕获.PNG
  • vue的事件修饰符和常用的按键别名 wish't vue.jsjavascript前端开发语言前端框架visualstudio
    1.vue中的事件修饰符Documentvue中常用的按键别名:回车=>enter删除=>delete(捕获删除或空格键)退出=>esc空格=>space换行=>tab上=>up下=>down左=>left右=>right2.vue中常用的按键别名Documentvue中的事件修饰符:1.prevent:阻止默认事件(常用)2.stop:阻止事件冒泡(常用)3.once:事件只触发一次(常用)4.
  • 前端html基础（包括dom，事件等） jack_rofer
    六。事件操作1.事件参考2.DOM的操作方法3.原生JS获取HTMLDOM元素的8种方法4.Javascript中的事件冒泡与事件捕获5.JS阻止冒泡和取消默认事件(默认行为)
  • onmouseenter和onmouseover的区别 wen_文文 JavaScriptjsjavascript
    onmouseenter和onmouseleave是一对，onmouseover和onmouseout是一对区别：onmouseover/onmouseout触发子元素的事件时，子元素通过事件冒泡触发父元素对应的事件；可以通过阻止冒泡stopPropagation()避免父元素事件触发；onmouseenter/onmouseleave触发子元素事件时，不会触发父元素对应的事件，内部已经进行了阻止
  • 事件冒泡之cancelBubble和stoppropagation的区别 熹小雨Marain 冒泡stoppropagationcancelBubble事件冒泡
    事实上stoppropagation和cancelBubble的作用是一样的，都是用来阻止浏览器默认的事件冒泡行为。不同之处在于stoppropagation属于W3C标准，试用于Firefox等浏览器，但是不支持IE浏览器。相反cancelBubble不符合W3C标准，而且只支持IE浏览器。所以很多时候，我们都要结合起来用。不过，cancelBubble在新版本chrome,opera浏览器中已
  • 微信小程序自定义弹窗时，禁止弹窗下面页面滚动的方法 robotlee8
    最近写的小程序有个需求就是点击加入购物车或者立即购买会弹出一个自定义的弹窗，需求写完后发现上下滑动弹窗底部的页面也跟着滑动，找了好长时间原因，最后找度娘才发现是事件冒泡的原因所致。[email protected]@2x.png看看我们的上下滑动符合小程序的哪个事件，很显然属于第二种touchmove，[email protected]
  • 手写通用的事件监听函数 loushumei
    前言在问题前，需要先理解事件冒泡、事件代理可参考文章【事件代理】动态数据列表里，如何监听每条数据的点击？具体实现如下：DOM节点：a1a2a3a4加载更多...实现逻辑：//通用的事件监听函数functionbindEvent(elem,type,selector,fn){//step1.判断传参为3个还是4个if(fn==null){////如果为3个，默认第3个赋值为函数fn=selector
  • 事件高级1 特立独行的兔子_web
    1事件冒泡当一个元素接收到事件的时候会把他接收到的事件传给自己的父级，一直到window。当某个dom上的事件被触发，那么其父级元素的该事件也会被逐级触发。例子1：vardiv1=document.getElementById("div1");vardiv2=document.getElementById("div2");div2.onclick=function(){console.log(‘我
  • 小程序 bindtap和catchtap区别 emma20080101 小程序apache
    在小程序中，bindtap和catchtap的主要区别在于事件冒泡的处理。bindtap：绑定点击事件，但不会阻止事件冒泡。如果页面上有多个元素嵌套，并且都绑定了bindtap事件，点击内部元素时，会依次触发内部元素和所有外层元素的bindtap事件。catchtap：绑定点击事件，并阻止事件冒泡。当使用catchtap绑定事件时，点击该元素只会触发该元素上的catchtap事件，不会触发外层元素
  • js中的事件委托（事件代理） guizi0809 js基础javascript
    事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。为什么要用事件委托？一般来说，dom需要有事件处理程序，我们都会直接给它设事件处理程序就好了，那如果是很多的dom需要添加事件处理呢？比如我们有1000个li，每个li都有相同的click点击事件，可能我们会用for循环的方法，来遍历所有的li，然后给它们添加事件，那这么做会存在什么影响呢？在JavaScript中，添
  • 事件 _咻咻咻咻咻
    事件捕获事件捕获是由NetscapeCommunicator团队提出来的，是先由最上一级的节点先接收事件，然后向下传播到具体的节点。（向下）事件冒泡事件冒泡是由IE开发团队提出来的，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播。（向上）事件流"DOM2级事件”规定的事件流包含三个阶段：事件捕获阶段，处于目标阶段和事件冒泡阶段。阻止冒泡e.stopPropagat
  • 第十一讲_JavaScript文档对象模型DOM（二） 文大奇Quiin JavaScriptjavascript前端开发语言
    JavaScript文档对象模型DOM（二）1.事件是什么2.事件类型3.添加和移除事件处理器4.事件对象4.1事件对象的常用属性5.事件流5.1阻止默认行为5.2事件冒泡1.事件是什么事件是发生在编程的系统中的事情，当事件发生时，系统产生某种信号，并提供一种机制，可以自动采取某种行动（即运行一些代码）。为了对一个事件做出反应，需要添加一个事件处理器。这是一个代码块，在事件发生时运行。当这样一个代
  • 事件冒泡、事件委托 啊烟雨
    事件冒泡：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。事件冒泡的作用：事件冒泡允许多个操作被集
  • 你所不知道的stopPropagation 勇敢快乐的风筝
    大家都说stopPropagation能阻止事件冒泡，没错。但有个点你可能不知道，他还能阻止事件捕获传递。如果你还不了解DOM事件流，可以看我这篇文章[DOM事件流](https://www.jianshu.com/p/236f4e0beda9)举个点我varroot=document.getElementById("root");varbtn=document.getElementById("b
  • VUE事件处理 陈老板_
    .stop停止事件冒泡.prevent阻止事件默认行为Title绑定监听test1test1test1test1事件修饰符去百度按键修饰符newVue({el:'#demo',data:{test1(){alert('test1');},test2(msg){alert(msg);},test3(event){alert(event.target.innerHTML);},test4(number
  • JAVA基础 灵静志远 位运算加载Date字符串池覆盖
    一、类的初始化顺序 1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器 同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。 二、String 1 String a = "abc"; JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根
  • keepalived实现redis主从高可用 bylijinnan redis
    方案说明 两台机器（称为A和B），以统一的VIP对外提供服务 1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A） 2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务 3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始
  • java文件操作大全 0624chenhong java
    最近在博客园看到一篇比较全面的文件操作文章，转过来留着。 http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html 转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html 一.获得控制台用户输入的信息    &nbs
  • android学习任务 不懂事的小屁孩 工作
    任务 完成情况 搞清楚带箭头的pupupwindows和不带的使用 已完成 熟练使用pupupwindows和alertdialog，并搞清楚两者的区别 已完成 熟练使用android的线程handler,并敲示例代码 进行中 了解游戏2048的流程，并完成其代码工作 进行中-差几个actionbar 研究一下android的动画效果，写一个实例 已完成 复习fragem
  • zoom.js 换个号韩国红果果 oom
    它的基于bootstrap 的 https://raw.github.com/twbs/bootstrap/master/js/transition.js  transition.js模块引用顺序 <link rel="stylesheet" href="style/zoom.css"> <script src=&q
  • 详解Oracle云操作系统Solaris 11.2 蓝儿唯美 Solaris
    当Oracle发布Solaris 11时，它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是，这些说法没有告诉我们为什么Solaris是配得上云的。幸好，我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用：OpenStack、内核域、统一存档（UA）和弹性虚拟交换（EVS）。 
  • spring学习——springmvc（一） a-john springMVC
    Spring MVC基于模型-视图-控制器（Model-View-Controller，MVC）实现，能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。   1，跟踪Spring MVC的请求 请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样，Spring MVC所有的请求都会通过一个前端控制器Servlet。前
  • hdu4342 History repeat itself-------多校联合五 aijuans 数论
    水题就不多说什么了。 #include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--)
  • EJB和javabean的区别 asia007 beanejb
    EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了   1.EJB用于服务端应用开发, 而JavaBeans
  • Struts的action和Result总结 百合不是茶 strutsAction配置Result配置
        一:Action的配置详解:      下面是一个Struts中一个空的Struts.xml的配置文件     <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC &quo
  • 如何带好自已的团队 bijian1013 项目管理团队管理团队
    在网上看到博客" 怎么才能让团队成员好好干活"的评论，觉得写的比较好。 原文如下： 我做团队管理有几年了吧，我和你分享一下我认为带好团队的几点： 1.诚信         对团队内成员，无论是技术研究、交流、问题探讨，要尽可能的保持一种诚信的态度，用心去做好，你的团队会感觉得到。 2.努力提
  • Java代码混淆工具 sunjing ProGuard
    Open Source Obfuscators ProGuard http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m
  • 【Redis三】基于Redis sentinel的自动failover主从复制 bit1129 redis
    在第二篇中使用2.8.17搭建了主从复制，但是它存在Master单点问题，为了解决这个问题，Redis从2.6开始引入sentinel，用于监控和管理Redis的主从复制环境，进行自动failover，即Master挂了后，sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作，如果Master醒来再次加入集群，只能以从服务器的形式工作。   什么是Sentine
  • 使用代理实现Hibernate Dao层自动事务 白糖_ DAOspringAOP框架Hibernate
    都说spring利用AOP实现自动事务处理机制非常好，但在只有hibernate这个框架情况下，我们开启session、管理事务就往往很麻烦。 public void save(Object obj){ Session session = this.getSession(); Transaction tran = session.beginTransaction(); try
  • maven3实战读书笔记 braveCS maven3
    Maven简介 是什么？ Is a software project management and comprehension tool.项目管理工具 是基于POM概念(工程对象模型) [设计重复、编码重复、文档重复、构建重复，maven最大化消除了构建的重复] [与XP：简单、交流与反馈；测试驱动开发、十分钟构建、持续集成、富有信息的工作区]     功能：
  • 编程之美-子数组的最大乘积 bylijinnan 编程之美
    public class MaxProduct { /** * 编程之美 子数组的最大乘积 * 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。 * 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。 * 但按题目的意思，是要求得这个子数组，而不
  • 读书笔记-2 chengxuyuancsdn 读书笔记
    1、反射 2、oracle年-月-日 时-分-秒 3、oracle创建有参、无参函数 4、oracle行转列 5、Struts2拦截器 6、Filter过滤器(web.xml) 1、反射 (1)检查类的结构 在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。 2、oracle年月日时分秒 s
  • [求学与房地产]慎重选择IT培训学校 comsci it
          关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题       培训学校的教学楼和宿舍的环境和稳定性问题       我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子... &nb
  • RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 daizj oraclermanfilespersetPARALLELISM
    RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转 PARALLELISM --- 我们还可以通过parallelism参数来指定同时"自动"创建多少个通道： RMAN > configure device type disk parallelism 3 ; 表示启动三个通道，可以加快备份恢复的速度。
  • 简单排序:冒泡排序 dieslrae 冒泡排序
    public void bubbleSort(int[] array){ for(int i=1;i<array.length;i++){ for(int k=0;k<array.length-i;k++){ if(array[k] > array[k+1]){
  • 初二上学期难记单词三 dcj3sjt126com sciet
    concert 音乐会 tonight 今晚 famous 有名的；著名的 song 歌曲 thousand 千 accident 事故；灾难 careless 粗心的，大意的 break 折断；断裂；破碎 heart 心（脏） happen  偶尔发生，碰巧 tourist 旅游者；观光者 science （自然）科学 marry 结婚 subject 题目；
  • I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码 dcj3sjt126com redis
    wget http://download.redis.io/redis-stable.tar.gz tar xvzf redis-stable.tar.gz cd redis-stable make   前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。 异常一： make[2]: cc: Command not found 异常原因：没有安装g
  • 并发容器 shuizhaosi888 并发容器
       通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。    并发容器ConcurrentHashMap       替代同步基于散列的Map，通过Lock控制。   &nb
  • Spring Security（12）——Remember-Me功能 234390216 Spring SecurityRemember Me记住我
    Remember-Me功能   目录   1.1     概述 1.2     基于简单加密token的方法 1.3     基于持久化token的方法 1.4     Remember-Me相关接口和实现
  • 位运算 焦志广 位运算
    一、位运算符Ｃ语言提供了六种位运算符： & 按位与 | 按位或 ^ 按位异或 ~ 取反 << 左移 >> 右移 1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。 例如：9&am
  • nodejs 数据库连接 mongodb mysql liguangsong mongodbmysqlnode数据库连接
    1.mysql 连接    package.json中dependencies加入     "mysql":"~2.7.0"    执行 npm install      在config 下创建文件 database.js    
  • java动态编译 olive6615 javaHotSpotjvm动态编译
        在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。     HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视
  • Storm0.9.5的集群部署配置优化 roadrunners 优化storm.yaml
    nimbus结点配置（storm.yaml）信息： # Licensed to the Apache Software Foundation (ASF) under one # or more contributor license agreements. See the NOTICE file # distributed with this work for additional inf
  • 101个MySQL 的调节和优化的提示 tomcat_oracle mysql
    　1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。 　　2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。 　　3. 使用电池供电的RAM（注：RAM即随机存储器）。 　　4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列
  • zoj 3829 Known Notation(贪心) 阿尔萨斯 ZOJ
    题目链接：zoj 3829 Known Notation 题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。 解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他