kaka19881101
kaka19881101

事件冒泡

定义:JavaSciprt事件中有两个很重要的特性：事件冒泡 以及目标元素 。

事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。

目标元素: 任何一个事件的目标元素都是最开始的那个元素，并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上，等待一个事件从它的子级元素里冒泡上来，并且可以很方便地得知这个事件是从哪个元素开始的。

我的目的很简单,做一个类型window桌面的web页面.当单击开始菜单时弹出一个层,当单击桌面其他地方时隐藏开始菜单.以前对js的冒泡机制有点了解,知道window.event.cancelBubble 来设置是否启用事件传播.但是这只能在IE是使用.如果跨浏览器就不太合适了.Jquery中的event.stopPropagation()解决了浏览器的兼容性.以下举例说明:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery - Start Animation</title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script>
    <script type="text/javascript">
        $(function () {
            $("div").css({ border: "1px solid red" });
            $("#div1").css({ height: "500px", width: "500px" }).bind("click", function (event) { alert("div1"); return false;});
            $("#div2").css({ height: "300px", width: "300px" }).bind("click", function (event) { event.stopPropagation(); alert("div2"); });
            $("#div3").css({ height: "100px", width: "100px" }).bind("click", function (event) { alert("div3");  });
            $(document).bind("click", function (event) { alert("document"); });
        });
    </script>
</head>
<body>
    <div id="div1">
        <div id="div2">
            <div id="div3">
            </div>
        </div>
    </div>
</body>
</html>

正常情况下,我们单击div3会显示"div3”—>"div2”—>"div1”—>"document”.但是我们在div2上加上event.stopPropagation()后,单击div3显示顺序为"div3”—>"div2”, 当单击div3时首先会触发div3的click事件,然后根据dom模型传播到div3的父节点也就是div2,然后执行div2的click事件,由于在div2的click事件中加入了event.stopPropagation(),取消事件传播,也就是说事件不再向上传播.

再来看div1,正常情况下单击div1会显示"div1”—>"document”.在div1中加入return false,通过返回false来取消默认的行为并阻止事件起泡。单击后只显示"div1".

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

  • 12. 什么是事件委托 yqcoder 前端面试-CSScss面试
    总结事件委托（EventDelegation）是JavaScript中一种重要的事件处理机制，它利用了事件冒泡的特性，将事件的处理程序绑定到父元素或祖先元素上，而不是直接绑定到具体的子元素上。什么是事件委托？事件冒泡：在DOM中，事件通常会从触发元素开始，然后逐级向上冒泡到其父元素、祖先元素，直到window对象。核心思想：事件委托的核心思想是利用事件冒泡机制，在父元素上监听事件，而不是在每个子元
  • WebAPIs事件流与事件委托与其他事件
    一.事件流事件流与两个阶段说明事件流指的是事件完整执行中的流动路径分为捕获和冒泡两个阶段四川》成都》武侯区》目标-----捕获阶段武侯区》成都》四川-----冒泡阶段**实际工作中以冒泡为主**事件冒泡概念：当以个元素触发事件后，会依次向上调用所有父级元素的同名事件而事件捕获是依次从父级向下调用DOM，addEverntlistener(事件类型，事件处理函数，是否使用捕获函数)//第三个参数传入
  • React 组件中怎么做事件代理？它的原理是什么？ 光影少年 react.jsjavascript前端
    在React组件中，**事件代理（EventDelegation）**其实是React内部实现的一部分，开发者通常无需手动实现事件代理，但理解它的原理和使用方式对于优化性能和掌握底层机制非常重要。一、React中事件代理的原理React使用的是事件委托（事件代理）机制，其核心原理是：React会把所有事件监听器统一绑定到最外层的DOM容器（通常是document或root元素）上，通过事件冒泡捕获
  • 前端高频面试题深度解析（JavaScript + Vue + jQuery）
    前端高频面试题深度解析（JavaScript+Vue+jQuery）一、JavaScript核心问题解析事件冒泡与捕获机制对比：graphLRA[捕获阶段]-->|Window→父元素|B[目标元素]B-->|子元素→父元素|C[冒泡阶段]阻止方法：//阻止冒泡（常用）event.stopPropagation();//阻止捕获+冒泡+默认行为（慎用）event.stopImmediateProp
  • 微信小程序出现冒泡问题的原因和解决方法 天和都成 微信小程序微信小程序
    微信小程序中的冒泡问题通常由事件冒泡机制引发，即子组件触发的事件会逐级向上传播至父组件。以下是其原因分析及解决方法：一、冒泡问题的原因事件冒泡机制微信小程序中，冒泡事件（如tap、longtap、touchstart等）默认会从触发事件的子组件向上传播至父组件。例如，若子组件和父组件均绑定了bindtap事件，点击子组件时会依次触发子组件和父组件的事件处理函数。事件绑定方式不当使用bind绑定事件
  • JavaScript性能优化 lyh1344 javascript性能优化开发语言
    JavaScript性能优化方法减少重绘和回流频繁操作DOM会导致浏览器反复计算布局，引发性能问题。使用documentFragment进行批量DOM操作，或通过classList一次性修改多个样式属性。缓存DOM查询结果，避免重复访问。事件委托利用事件冒泡机制，将事件监听器绑定到父元素而非多个子元素。减少内存占用，提升动态内容的事件处理效率。节流与防抖高频事件（如滚动、输入）通过节流（Throt
  • JavaScript 事件处理机制详解 lsx202406 开发语言
    JavaScript事件处理机制详解JavaScript作为一种客户端脚本语言，在网页交互性方面发挥着至关重要的作用。其中，事件处理是JavaScript的核心功能之一，它使得网页能够响应用户的操作，如点击、按键、鼠标移动等。本文将详细介绍JavaScript的事件处理机制，包括事件的概念、事件流、事件冒泡、事件捕获、事件对象以及常用的事件处理方法。1.事件的概念在JavaScript中，事件是指
  • React事件和原生事件的执行顺序 小新-alive react.jsjavascript前端
    在React中，事件处理分为两种类型：React合成事件（SyntheticEvent）和原生DOM事件（NativeDOMEvent）。它们的执行顺序略有不同。React合成事件React合成事件的执行顺序：React合成事件捕获阶段（CapturePhase）：React合成事件不支持捕获阶段，因此事件直接进入冒泡阶段。React合成事件冒泡阶段（BubblePhase）：React合成事件会
  • 微信小程序与uni-app的不解之缘：$event的魔法之旅【含代码示例】 DTcode7 微信小程序相关微信小程序小程序移动端web前端JavaScript
    微信小程序与uni-app的不解之缘：$event的魔法之旅【含代码示例】一、$event：事件世界的“使者”二、基础概念：理解事件冒泡与捕获三、实战演练：$event的魔法秀示例一：简单的按钮点击事件示例二：传递额外参数的魔法示例三：阻止事件冒泡与默认行为示例四：表单元素的值传递四、性能优化与安全考量五、排查问题与解决方案问题：事件不触发解决方案**：问题：`$event`信息缺失六、结语：探索
  • 解释一下React事件系统中的事件委托机制 gong19172316967 react.jsjavascript前端
    在React的事件系统中，**事件委托（EventDelegation）**是其核心机制之一，它通过将事件统一绑定到根节点（通常是document）来管理所有组件的事件，而非直接绑定到每个具体的DOM元素。这种设计不仅优化了性能，还实现了跨浏览器兼容性和统一的事件处理逻辑。以下是对该机制的详细解析：一、什么是事件委托？事件委托是一种利用事件冒泡机制的模式：原生JavaScript中：将事件监听器绑
  • React的合成事件 读心悦 深入浅出reactreact.js
    合成事件React有自己一套独立的事件系统，就是合成事件，它模拟原生事件所有的功能。根据W3C规范来定义合成事件，兼容了所有的浏览器，拥有和浏览器原生事件相同的接口。在react中，可以通过e.nativeEvent获取到DOM事件，比如：{console.log(e.nativeEvent)}}>点击。合成事件的目的是：实现浏览器兼容，方便跨平台。react采取顶层事件机制，保证事件冒泡一致性，
  • 一文理解js、vue、React事件机制 码农巧克零 编程前端开发程序员javascriptvue.jsreact.js
    在前端开发中，事件机制是处理用户交互和系统事件的核心部分。JavaScript、React和Vue都有各自的事件机制，但它们在实现细节上有所不同。下面是对这些机制的详细解释，包括事件冒泡和事件委托的概念。1.JavaScript事件机制JavaScript的事件机制基于浏览器的事件模型，主要包括事件捕获、事件冒泡和事件处理。事件捕获与事件冒泡事件捕获（CapturePhase）：事件从根节点向目标
  • 详解React事件机制 勤快的懒羊羊 react.jsjavascript前端
    一、了解DOM事件流事件流分为3个阶段1.事件捕获阶段：例如点击button，会先捕获body,然后父元素div，button2.处于目标阶段：在button节点上触发3.事件冒泡阶段：事件从button冒泡到body-document任何事件都是按照次顺序，可以选择在捕获阶段还是冒泡阶段绑定事件处理机制。element.addEventListener(event,function,flag)f
  • Element plus中el-input框回车触发页面刷新问题以及解决办法 ZwaterZ vue.js前端javascriptc#elementui
    文章目录问题描述问题原因解决方案相关补充1.事件冒泡2.Vue中@事件名.stop、@事件名.prevent（1）@click.stop（2）@click.prevent（3）@click.后面的属性连续使用：如同时要阻止冒泡和默认行为3.在Vue中阻止表单提交有几个方法，（1）使用.prevent修饰符（2）使用@submit.native.prevent事件监听（3）在方法中调用event.p
  • 在 Taro 中使用 @antmjs/vantui 的 Popup 组件时，解决点击弹窗内的按钮会穿透到下层的地图 label问题 Nightne tarojavascript前端
    通过阻止事件冒泡的方法解决{e.stopPropagation();//阻止冒泡（小程序语法）console.log('按钮点击');}}>按钮
  • 避免事件“穿透”——Vue 中事件冒泡的理解与解决方案 技术需要沉淀gogo vue2vue.jsjavascript前端
    一、事件冒泡是什么？事件冒泡指的是：当某个元素上的事件被触发后，事件会从该元素向其父级、祖先元素一直“冒泡”传递，直到document。这意味着，如果父元素绑定了点击事件，子元素触发点击时也可能顺带触发父元素的点击逻辑。解除绑定点击按钮时，handleButtonClick会执行，但由于事件冒泡，handleCardClick也会被触发。这就是我们常说的点击“穿透”问题。二、如何阻止事件冒泡？只需
  • 前端面试每日三题 - Day 9 蓝婷儿 前端面试前端面试职场和发展
    前端面试每日三题-Day9这是我为准备前端/全栈开发工程师面试整理的第九天每日三题练习，涵盖：JavaScript中的事件机制与实践React中的全局状态管理ContextAPI使用技巧系统设计实战：如何构建高可用的分布式缓存系统✅题目1：JavaScript中的事件代理与事件冒泡机制详解解析：事件代理（EventDelegation）是一种利用事件冒泡的机制，将子元素的事件委托到父元素上，从而提
  • 微信小程序事件绑定基本语法 @程序员ALMJ 微信小程序小程序
    微信小程序使用bind或catch前缀绑定事件，语法如下：bind：事件绑定，允许事件冒泡（向父组件传递）。catch：事件绑定，阻止事件冒泡（不会向父组件传递）。常见事件类型事件名说明适用组件tap点击事件view,buttoninput输入框内容变化input,textareasubmit表单提交formscroll滚动事件scroll-viewlongpress长按事件（350ms）view
  • 【设计模式】责任链模式 云徒川 设计模式设计模式责任链模式
    简介很多公司都有请假的流程，当员工提交请假申请时，请求会沿着组长→经理→CEO的链条传递，直到有对应层级的领导处理。适用场景一个请求需要多个对象中的一个或多个处理（如审批流程、过滤器链）。处理对象和顺序需动态指定（如中间件、事件冒泡）。数据清洗（去重）→格式转换→校验→写入数据库，每个步骤作为独立处理器，支持动态插拔。日志消息同时发送至控制台、文件、第三方监控系统（所有处理器均执行，不中断链）订单
  • react 15-16-17-18各版本的核心区别、底层原理及演进逻辑的深度解析--react17 大莲芒 react.js前端前端框架
    一、核心改进与优化事件委托机制重构事件绑定位置变更：React16将事件委托到document层级，而React17改为将事件委托到React应用的根DOM容器（如div#root）。优势：支持多个React版本共存（如微前端场景）。避免全局事件冲突，更符合预期行为（如嵌套React应用的事件冒泡）。移除事件池（EventPooling）React16问题：合成事件（SyntheticEvent）
  • ElementUI dropdown触发显示时阻止事件冒泡 了不起的码农 elementuivue.js前端
    我们设法一个场景：如果el-tree自定义节点包含el-dropdown，为了防止点击el-dropdown的触发按钮而执行el-tree的node-click事件。实现：最外层添加div，给div绑定事件并添加事件修饰符（stop）图片中的代码，可以复制下来去用。好了，今天的文章就到这里了，还有疑问的话可以留言一起探讨哦~
  • JS基础-事件模型(事件&事件流&自定义事件&事件冒泡/代理) LYFlied html&浏览器javascript事件模型事件流前端面试
    文章目录一、事件与事件流二、事件模型1.DOM0级模型2.IE事件模型3.DOM2级模型4.DOM3级事件处理方式三、事件对象四、事件绑定与解除1.事件绑定1.1对象.on事件名字=事件处理函数1.2.对象.addEventListener("没有on的事件名字",事件处理函数,false)3.对象.attachEvent("有on的事件名字",事件处理函数);2.解除绑定五、EventWrapp
  • JavaScript基础-DOM事件流 難釋懷 javascript开发语言
    在Web开发过程中，理解和掌握DOM事件流是实现高效交互的关键。DOM事件流描述了当一个事件发生时，它在文档树中的传播路径。了解事件流的概念有助于我们更精确地控制事件处理逻辑，避免不必要的行为，并提升用户体验。本文将深入探讨DOM事件流的基本概念，包括事件捕获、目标阶段和事件冒泡，并通过示例展示如何应用这些知识。一、什么是DOM事件流？DOM事件流是指事件在整个页面结构中传播的过程。根据W3C标准
  • JS中事件处理机制（秒懂事件委托、事件捕获和事件冒泡） 码农白衣 前端知识JSjavascript前端开发语言
    目录一、概念事件委托（EventDelegation）：事件捕获（EventCapturing）：事件冒泡（EventBubbling）：二、好处事件委托的好处：事件捕获的好处：事件冒泡的好处：三、工作原理事件委托（EventDelegation）：事件捕获（EventCapturing）：事件冒泡（EventBubbling）：四、代码实例1.简单代码实例（事件监听）2.复杂代码实例（简单的待办
  • 解析：浏览器事件冒泡及事件捕获 C860 浏览器浏览器
    今天的效率有点奇葩，说高吧，一个上午做了不少事。说低吧，因为一个分布式的算法花了我不少时间，终于有点头绪。估计明天会写一篇文章来讲述一下自己的看法。而今天，还是回到前端。今天来说说事件冒泡和事件捕获。首先肯定是概念：什么是事件冒泡？什么是事件捕获？简单地说，事件冒泡和事件捕获都是一种事件传递的机制。这种机制可以使事件在不同级的元素间传递。事件冒泡是从事件触发的源节点，向父节点传递，直到到达最顶节点
  • JS事件冒泡和事件捕获 一朵好运莲 javascript前端开发语言
    在JavaScript中，事件冒泡（EventBubbling）和事件捕获（EventCapturing）是两种不同的事件传播机制。当你在DOM元素上注册事件时，事件的触发并不会立即发生，而是会按照一定的顺序进行传播。事件的传播机制决定了事件如何从目标元素传递到DOM树中的其他元素。目录事件捕获和事件冒泡的提出为什么整合了捕获和冒泡机制？事件传播的顺序具体例子实现事件捕获和事件冒泡的提出事件冒泡最
  • Uniapp使用地图的时候滑动上层的view地图也滑动 堕落年代 uniappuni-app
    问题根源分析原生组件层级：uniapp中的原生地图组件（如）默认处于最高层级，普通视图元素无法覆盖事件冒泡机制：触摸事件会穿透到下层组件滚动冲突：当内容滚动到底部/顶部时继续滑动会触发父容器滚动完整解决方案步骤1：结构优化到这里去步骤2：样式控制/*地图容器*/.map-container{position:fixed;width:100%;height:100vh;z-index:1;/*确保低
  • 《从事件冒泡到处理：前端事件系统的“隐形逻辑”》 hyyyyy！ 面试精选react.jsjavascript前端
    “那天在document见到你的第一眼，我就下定决心要陪你到天荒地老”---React我将从事件从出现到被处理的各个过程来介绍事件机制：这张图片给我们展示了react事件的各个阶段，我们可以看到有DOM，合成事件层，还有事件处理函数。我觉得我们如果想要了解事件机制首先要知道的就是事件从注册到执行结束的全过程：事件注册与触发流程React事件的完整生命周期：初始化阶段：React在根容器上注册所有支
  • 框架基本知识总结 Day8 小斌的Debug日记 javascript前端vue.js
    事件冒泡页面上有父子标签，点击子标签时，点击事件向上传递，父标签也会被点击事件修饰符stop：用于阻止事件冒泡，用于子类标签上prevent：阻止标签的默认行为self:也是用于阻止事件冒泡，在父级标签上设置，只关注自己once：一次，事件只触发一次，之后执行默认行为键盘鼠标类的事件修饰符enter：回车键tab：tab键，制表符...按钮按钮跨域问题相关前后端分离，会出现跨域问题，跨域请求默认不
  • 事件委派难点解析 爱意随风起^O^ javascript前端
    事件委派我们希望只绑定一次事件，即可应用到多个的元素上，即使元素是后添加的，我们可以尝试将其绑定给元素的共同的祖先元素，也就是事件的委派。事件的委派，是指将事件统一绑定给元素的共同的祖先元素，这样当后代元素上的事件触发时，会一直冒泡到祖先元素，从而通过祖先元素的响应函数来处理事件。事件委派是利用了事件冒泡，通过委派可以减少事件绑定的次数，提高程序的性能。案例演示：为ul列表中的所有a标签都绑定单击
  • 矩阵求逆（JAVA）初等行变换 qiuwanchi 矩阵求逆（JAVA）
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *
  • JDK timer antlove javajdkschedulecodetimer
    1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
  • JVM调优总结 -Xms -Xmx -Xmn -Xss coder_xpf jvm应用服务器
    堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。 典型设置： java -Xmx
  • JDBC连接数据库 Array_06 jdbc
    package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完
  • Unsupported major.minor version 51.0（jdk版本错误） oloz java
    java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL
  • 用多个线程处理1个List集合 362217990 多线程threadlist集合
      昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c
  • JSP简单访问数据库 香水浓 sqlmysqljsp
    学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat
  • Flex4中使用组件添加柱状图、饼状图等图表 AdyZhang Flex
    1.添加一个最简单的柱状图 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <?xml version= "1.0"&n
  • Android 5.0 - ProgressBar 进度条无法展示到按钮的前面 aijuans android
    在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下：   [html]  view plain copy   <RelativeLa
  • 查询汇总的sql baalwolf sql
    select   list.listname, list.createtime,listcount from dream_list as list ,   (select listid,count(listid) as listcount  from dream_list_user  group by listid  order by count(
  • Linux du命令和df命令区别 BigBird2012 linux
            1，两者区别             du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。        
  • AngularJS中的$apply，用还是不用？ bijian1013 JavaScriptAngularJS$apply
            在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。         但是首先，让我们把$apply转换成一种简化的形式。         scope.$apply就像一个懒惰的工人。它需要按照命
  • [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化 bit1129 zookeeper
    ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理   ClientCnxn构造方法   &
  • 【Java命令一】jmap bit1129 Java命令
    jmap命令的用法：   [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a
  • Apache 服务器安全防护及实战 ronin47
    此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。 由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
  • unity 3d实例化位置出现布置？ brotherlamp unity教程unityunity资料unity视频unity自学
    问：unity 3d实例化位置出现布置？ 答：实例化的同时就可以指定被实例化的物体的位置,即 position  Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了,   如果你省略了第二个参数(
  • 《重构，改善现有代码的设计》第八章 Duplicate Observed Data bylijinnan java重构
    import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE
  • struts2更改struts.xml配置目录 chiangfai struts.xml
    struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下：   <filter> <filter-name>struts2</filter-name> <filter-class&g
  • redis做缓存时的一点优化 chenchao051 redishadooppipeline
            最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。       首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
  • mysql导出数据不输出标题行 daizj mysql数据导出去掉第一行去掉标题
    当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数 如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName"  > exportResult.txt 结果为： studentid
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('
  • 爱情格言 dcj3sjt126com 格言
     1) I love you not because of who you are, but because of who I am when I am with you. 　　 我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t
  • 转 Activity 详解——Activity文档翻译 e200702084 androidUIsqlite配置管理网络应用
    activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
  • win7安装MongoDB服务 geeksun mongodb
    1.  下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads   2.  解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
  • Javascript魔法方法:__defineGetter__,__defineSetter__ hongtoushizi js
    转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为 例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){
  • 错误的日期格式可能导致走nginx proxy cache时不能进行304响应 jinnianshilongnian cache
    昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
  • 数据源架构模式之行数据入口 home198979 PHP架构行数据入口
    注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。   一、概念 行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。   二、简单实现行数据入口 为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数
  • Linux各个目录的作用及内容 pda158 linux脚本
    1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。 　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
  • ubuntu12.04上编译openjdk7 ol_beta HotSpotjvmjdkOpenJDK
    获取源码 从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
  • 将数据库字段转换成设计文档所需的字段 vipbooks 设计模式工作正则表达式
            哈哈，出差这么久终于回来了，回家的感觉真好！         PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他