吃橘子只吃皮
吃橘子只吃皮

事件冒泡

事件冒泡和阻止事件冒泡：

　　事件冒泡的原理：从实际操作的元素（事件）向上级父元素一级一级执行下去，直到达到document/window,冒泡过程结束。例如：假设我有一个 div 盒子，里面嵌套了1个子元素 p，我要给子元素 p 绑定了onclick事件，如果父元素也绑定了这个相同的事件，当触发子元素（p标签）事件的时候就会触发这个事件并进行冒泡向上传递，也就是父元素 div 也会触发这个事件，父元素的相同事件也会一级一级根据嵌套关系向外触发，直到document/window，冒泡过程结束。下面我用具体的实例来说明一下下，为了大家更方便的看到这个效果，我在标签上添加了一些样式，下面是我的代码：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <style>
        #box {
            width: 200px;
            height: 200px;
            background-color: pink;
        }
        #box1 {
            width: 100px;
            height: 100px;
            margin: 0 auto;
            background-color: purple;

        }
    style>
head>

<body>
    <div id="box">
        我是box盒子
        <p id="box1">我是 p 标签p>
    div>
body>
html>
<script>
    /*
        事件冒泡原理 向上传递
            当后代元素被触发后 其祖先元素也会会触发相同事件

    */ 
    var box = document.getElementById('box');
    var box1 = document.getElementById('box1');
    box1.onclick = function() {
        alert(`我是 p 绑定的事件`);
    }
    box.onclick = function() {
        alert(`我是 div 绑定的事件`);
    }
script>

在谷歌浏览器中打开后的效果是这样的

事件冒泡_第1张图片

　　当鼠标点击 p 标签这个盒子的时候，它会触发自己绑定的onclick事件,并且当这个事件结束之后又会触发 div 标签的点击事件，这时就发生了事件冒泡的现象。

　　如何阻止事件冒泡：只需要给冒泡元素函数对象添加一个隐式参数 e 再调用 stopPropagation();这个方法即可阻止事件冒泡。下面是具体代码：

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <style>
        #box {
            width: 200px;
            height: 200px;
            background-color: pink;
        }
        #box1 {
            width: 100px;
            height: 100px;
            margin: 0 auto;
            background-color: purple;

        }
    style>
head>

<body>
    <div id="box">
        我是box盒子
        <p id="box1">我是 p 标签p>
    div>
body>
html>
<script>
    /*
        事件冒泡原理 向上传递
            当后代元素被触发后 其祖先元素也会会触发相同事件

    */ 
    var box = document.getElementById('box');
    var box1 = document.getElementById('box1');
    // 阻止事件冒泡 必须要传一个隐式参数 e 
    box1.onclick = function(e) {
        // 阻止冒泡
        e.stopPropagation();
        alert(`我是 p 绑定的事件`);
    }
    box.onclick = function() {
        alert(`我是 div 绑定的事件`);
    }
script>

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

  • 在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
  • mondb入手 木zi_鸣 mongodb
    windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
  • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
            扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
  • DISPLAY变量和xhost(原创) czmmiao display
    DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
  • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
  • 浅谈类和对象 朱辉辉33 编程
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
  • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
  • base64Encode对图片进行编码 843977358 base64图片encoder
    /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
  • Request Header简介 aigo servlet
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
  • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
    public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
  • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
    取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
  • java多线程join的作用与用法 bijian1013 java多线程
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
  • Java发送http请求(get 与post方法请求) bijian1013 javaspring
    PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
  • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
    在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
  • 【Kafka十三】Kafka Simple Consumer bit1129 simple
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
  • nodejs学习api ronin47 nodejs api
    NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
  • java-64.寻找第N个丑数 bylijinnan java
    public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
  • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
    /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
  • redis常见使用 cuityang redis常见使用
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
  • 配置多个redis dalan_123 redis
    配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
  • attrib命令 dcj3sjt126com attr
      attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
  • Yii使用公共函数 dcj3sjt126com yii
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
  • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
    linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
  • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
  • Web前段学习网站 ihuning Web
      Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
  • 强强联合：FluxBB 作者加盟 Flarum justjavac r
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
  • java统计在线人数（session存储信息的） macroli javaWeb
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
  • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
  • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
  • Spring Boot 1.3.0.M1发布 wiselyman spring boot
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他