Js阻止事件冒泡 弹出层后点击body区域层消失

效果预览:

http://jsfiddle.net/dtdxrk/nMNzT/embedded/result/

IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接受,然后逐级向上传播到较为不具体的节点.

简单点说就是给一个子元素绑定一个onclick事件 当点击的时候body也等于被点击了.

所以有时候需要阻止一下事件冒泡.

event.bubbles 表明事件是否冒泡

event.cancelable 表明是否可以取消事件的默认行为

 1 <!DOCTYPE HTML>
 2 <html lang="en">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>Js阻止事件冒泡 弹出层后点击body区域层消失 </title>
 6 <style type="text/css">
 7 body{background-color: #eee;}
 8 div#box { background-color: #fff;border: 5px solid #000; width: 300px; height: 100px;display: none;}
 9 
10 </style>
11 </head>
12 
13 <body>
14     <input id="bt" type="button" value="点击弹出div" />
15 <div id="box">
16        <ul>
17         <li><span>css</span></li>
18         <li><span>html</span></li>
19         <li><span>js</span></li>
20       </ul>
21 </div>
22 
23 
24 <script type="text/javascript">
25 document.getElementById("bt").onclick = function(){
26     document.getElementById("box").style.display = "block";
27 }
28 
29 document.getElementById("box").onclick = function(e){
30     e = e || window.event;
31     if(window.event){    //阻止事件冒泡
32         e.cancelBubble = true;
33     } else {
34         e.stopPropagation();
35     }
36 }
37 
38 document.body.onclick = function(e){
39     e = e || window.event;
40      var target = e.target || e.srcElement;
41     if(target.id === "box" || target.id === "bt") {
42         return;
43     } else {
44         document.getElementById("box").style.display = "none";
45     }
46 }
47 </script>
48 
49 
50 </body>
51 </html>

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

  • 在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
  • mysql主从数据同步 林鹤霄 mysql主从数据同步
    配置mysql5.5主从服务器(转) 教程开始：一、安装MySQL 说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22  二、配置MySQL主服务器（192.168.21.169）mysql  -uroot  -p   &nb
  • oracle学习笔记 caoyong oracle
    1、ORACLE的安装    a>、ORACLE的版本    8i,9i :   i是internet    10g,11g : grid (网格)    12c : cloud (云计算)       b>、10g不支持win7 &
  • 数据库，SQL零基础入门 天子之骄 sql数据库入门基本术语
    数据库，SQL零基础入门        做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。          数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关
  • pom.xml 一炮送你回车库 pom.xml
    1、一级元素dependencies是可以被子项目继承的 2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素 3、父项目里的一级元素<modules> <module>lcas-admin-war</module> <
  • sql查地区省市县 3213213333332132 sqlmysql
    -- db_yhm_city SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35 SELECT * FROM db_yhm_city WHERE class_parent_id =169 SELECT d1.cla
  • 关于监听器那些让人头疼的事 宝剑锋梅花香 画图板监听器鼠标监听器
           本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。       
  • JAVA的遍历MAP darkranger map
    Java Map遍历方式的选择 1. 阐述 　　对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？ 　　为了解遍历性能的真实差距，包括在遍历ke
  • POJ 2312 Battle City 优先多列+bfs aijuans 搜索
    来源：http://poj.org/problem?id=2312 题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。 思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1
  • Hibernate与Jpa的关系，终于弄懂 avords javaHibernate数据库jpa
    我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。 在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany
  • 酸爽的console.log bee1314 console
    在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。 /** * log.js hufeng * The safe wrapper for `console.xxx` functions *
  • 哈佛教授：穷人和过于忙碌的人有一个共同思维特质 bijian1013 时间管理励志人生穷人过于忙碌
            一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。 　　这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业
  • other operate 征客丶 OSosx
    一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中 二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证] -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一
  • 【Scala五】分析Spark源代码总结的Scala语法三 bit1129 scala
    1. If语句作为表达式 val properties = if (jobIdToActiveJob.contains(jobId)) { jobIdToActiveJob(stage.jobId).properties } else { // this stage will be assigned to "default" po
  • ZooKeeper 入门 BlueSkator 中间件zk
    ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。 值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利
  • MySQL取得当前时间的函数是什么 格式化日期的函数是什么 BreakingBad mysqlDate
    取得当前时间用 now() 就行。 在数据库中格式化时间 用DATE_FORMA T(date, format) . 根据格式串format 格式化日期或日期和时间值date，返回结果串。 可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值: %S, %s 两位数字形式的秒（ 00,01,
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 4_JAVA+Oracle面试题(有答案) chenke oracle
    基础测试题 卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。 选择题 1、 What will happen when you attempt to compile and run the following code? （3） public class Static { static { int x = 5; // 在static内有效 } st
  • 新一代工作流系统设计目标 comsci 工作算法脚本
      用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。 在这个设计中，最难的地方是系统根据什么来生成流
  • oracle 行链接与行迁移 daizj oracle行迁移
    表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下) 第一种情况: INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据
  • [JShop]开源电子商务系统jshop的系统缓存实现 dinguangx jshop电子商务
    前言 jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache
  • 初三全学年难记忆单词 dcj3sjt126com englishword
    several 儿子；若干 shelf 架子 knowledge 知识；学问 librarian 图书管理员 abroad 到国外，在国外 surf 冲浪 wave 浪；波浪 twice 两次；两倍 describe 描写；叙述 especially 特别；尤其 attract 吸引 prize 奖品；奖赏 competition 比赛；竞争 event 大事；事件 O
  • sphinx实践 dcj3sjt126com sphinx
      安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server   yum install sphinx 如果失败的话使用下面的方式安装 wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm yum loca
  • JPA之JPQL（三） frank1234 ormjpaJPQL
    1 什么是JPQL JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。 2 检索单个对象 @Test public  void querySingleObject1() {     Query query = em.createQuery("sele
  • Remove Duplicates from Sorted Array II hcx2013 remove
    Follow up for "Remove Duplicates":What if duplicates are allowed at most twice? For example,Given sorted array nums = [1,1,1,2,2,3], Your function should return length
  • Spring4新特性——Groovy Bean定义DSL jinnianshilongnian spring 4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装Mysql5.5 liuxingguome centos
    CentOS下以RPM方式安装MySQL5.5 首先卸载系统自带Mysql： yum remove mysql mysql-server mysql-libs compat-mysql51 rm -rf /var/lib/mysql rm /etc/my.cnf 查看是否还有mysql软件： rpm -qa|grep mysql 去http://dev.mysql.c
  • 第14章 工具函数（下） onestopweb 函数
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • POJ 1050 SaraWon 二维数组子矩阵最大和
    POJ ACM第1050题的详细描述，请参照 http://acm.pku.edu.cn/JudgeOnline/problem?id=1050 题目意思： 给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。 如二维数组 0 -2 -7 0 9 2 -6 2 -4 1 -4 1 -1 8 0 -2 中和最大的子矩阵是 9 2 -4 1 -1 8 且最大和是15
  • [5]设计模式——单例模式 tsface java单例设计模式虚拟机
    单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点   安全的单例模式：     /* * @(#)Singleton.java 2014-8-1 * * Copyright 2014 XXXX, Inc. All rights reserved. */ package com.fiberhome.singleton;
  • Java8全新打造，英语学习supertool yangshangchuan javasuperword闭包java8函数式编程
    superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。   升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他