diligentkong
diligentkong

事件冒泡、事件捕获与事件委托

事件流

：描述的是从页面中接收事件的顺序。IE和Netscape开发团队居然提出了差不多是相反的事件流的概念。
IE的事件流是事件冒泡流
Netscape的事件流是事件捕获流。

事件冒泡

事件冒泡(event bubbling)，即事件开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点(文档)。
举个例子：




事件冒泡


Click Me

如果单击页面中的button元素，那么这个click事件会按照如下顺序传播
（1）
（2）
（3）
（4）document
也就是说，click事件首先在元素上发生，而这个元素就是我们单击的元素。然后，click事件沿着DOM树向上传播，在每一级节点上都会发生，直至传播到document对象。
事件冒泡过程：

事件捕获（event capturing）

事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点应该最后接收到事件。
事件捕获的用意在于事件到达预订目标之前捕获它。
同样以上例子为例
单击元素就会以下列顺序触发click事件
document



在事件捕获过程中，docu对象首先接收到click事件，然后事件沿着DOM树依次向下，一直传播到事件的实际目标，即元素，如下图：

DOM事件流
规定事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。
首先事件捕获：为截获事件提供机会，然后是实际的目标接收到事件，最后一个阶段是冒泡阶段，可以在这个阶段对事件作出响应。

事件的传播是可以阻止的：
• 在W3c中，使用stopPropagation（）方法
• 在IE下设置cancelBubble = true；
在捕获的过程中stopPropagation（）；后，后面的冒泡过程也不会发生了~
3.阻止事件的默认行为，例如click 后的跳转~
• 在W3c中，使用preventDefault（）方法；
• 在IE下设置window.event.returnValue = false
借鉴的
这篇文章讲的挺好，不再赘述。举个例子，取消事件冒泡的


<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>title>
head>
<body>
<button id="btn">点击button>
body>
html>
<script>
    var btn = document.getElementById("btn");
    document.onclick = function() {
        alert("点击了空白处");
    }
    btn.onclick = function(event) {
        alert("点击了按钮");
        var event = event || window.event;
        if(event && event.stopPropagation)
        {
            event.stopPropagation();  //  w3c 标准
        }
        else
        {
            event.cancelBubble = true;  // ie 678  ie浏览器
        }
    }
script>

事件委托

事件委托利用了事件冒泡，之指定一个事件处理程序，就可以管理某一类型的所有事件。
例如，click事件会一直冒泡到document层次，也就是说，我们可以为整个页面指定一个onclick事件处理程序，而不必给每个可单击的元素分别添加事件处理程序。

什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。
　　举个列子：有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。现实当中，我们大都采用委托的方案（公司也不会容忍那么多员工站在门口就为了等快递）。前台MM收到快递后，她会判断收件人是谁，然后按照收件人的要求签收，甚至代为付款。这种方案还有一个优势，那就是即使公司里来了新员工（不管多少），前台MM也会在收到寄给新员工的快递后核实并代为签收。
原理：
　　利用冒泡的原理，把事件加到父级上，触发执行效果。
作用：
1.性能要好
2.针对新创建的元素，直接可以拥有事件
事件源 :
　　跟this作用一样(他不用看指向问题，谁操作的就是谁),event对象下的
使用情景：
　　•为DOM中的很多元素绑定相同事件；
　　•为DOM中尚不存在的元素绑定事件；

你可能感兴趣的:(JS基础知识整理)

  • V少JS基础班之第五弹 V少在逆向 JS基础班javascript开发语言ecmascript
    文章目录一、前言二、本节涉及知识点三、重点内容1-函数的定义2-函数的构成1.函数参数详解1）参数个数不固定2）默认参数3）arguments对象（类数组）4）剩余参数（Rest参数）5）函数参数是按值传递的6）解构参数传递7）参数校验技巧（JavaScript没有类型限制，需要手动校验）2.函数返回值详解3-函数的分类1-函数声明式：2-函数表达式：3-箭头函数：4-构造函数：5-IIFE：6-
  • Day.js 基础用法全方位详解 超级土豆粉 前端技术沉淀指南javascript开发语言ecmascript
    Day.js基础用法全方位详解目录Day.js基础用法全方位详解一、Day.js简介二、安装与引入1.NPM/Yarn安装2.CDN引入三、创建日期对象四、格式化日期五、解析日期（字符串转日期）六、日期运算1.加法`.add()`2.减法`.subtract()`3.支持的单位七、获取日期信息八、设置日期信息九、日期比较十、获取时间戳与原生Date十一、判断有效性与闰年十二、获取月初、月末、年初、
  • UniApp的学习 xuzhihuan焕 uni-app学习
    一.Vue.js基础基本概念：总之，Vue.js是一个简洁、灵活、高效的前端JavaScript框架，具有响应式数据绑定、组件化开发、虚拟DOM等特点，适用于构建各种类型的Web应用。Vue.js介绍：了解Vue.js的起源、特点以及基本概念。特点：简洁易用：Vue.js的API简洁明了，学习曲线较为平缓，使得开发者能够快速上手。响应式数据绑定：Vue.js提供了响应式的数据绑定机制，当数据发生变
  • C语言基础知识整理1
    1.局部变量优先局部变量和全局变量名字相同，局部变量优先#includeintnum=10;intmain(){intnum=1;printf("num=%d\n",num);return0;}程序输出结果为1如果两变量名字不相同，则它们在各自的作用域内独立存在，互不干扰2.C语言内置-布尔类型C99标准中引入了布尔(bool)类型，需包含头文件#include用来表示真假使用bool类型时，用t
  • js基础变量的相关使用方法 小丁学python javascript开发语言
    1.js的概念：js全称为JavaScript,它是网页动态交互语言，是用来操作网页，实心网页功能，运行在网页上面的一个脚本语言，能够通过代码逻辑和判断来达到我们想要的效果。2.js的组成：JavaScript是一种广泛用于Web开发的脚本语言，它由三个主要部分组成：ECMAScript、文档对象模型（DOM）和浏览器对象模型（BOM），文档对象模型（DOM）提供我们去操作网页内容方式等，浏览器对
  • MySQL 数据库 SQL 语句全面解析与实战总结 st0173 数据库mysqlsqloracle
    在《MySQL数据库技术》课程的学习中，SQL语句作为操作数据库的核心工具，贯穿整个学习过程。本文将对课堂所学的各类SQL语句进行系统性的知识整理，涵盖使用规范、应用规则、易错点以及实战案例，助力大家深入理解和灵活运用SQL语句。一、数据定义语言（DDL）1.1CREATE语句使用规范：用于创建数据库、表、视图、索引等数据库对象。创建数据库语法为CREATEDATABASEdatabase_nam
  • p5.js 光速入门中文教程 德育处主任Pro 前端p5.jscanvasjavascript前端可视化
    本文简介点赞+关注+收藏=学会了本文的目标是和各位工友一起有序的快速上手p5.js，会讲解p5.js的基础用法。本文会涉及到的内容包括：项目搭建p5.js基础2D图形文字图形样式设置图片事件（交互相关的）基础动画其中还会讲解部分p5.js全局方法。本文不涉及3d部分（放到下一篇吧）。官方文档很重要，但对于初学者来说可能会有点懵。因为官方文档主要讲解api的用法，第一次接触p5.js的工友可能不是那
  • 前端必知：Node.js 基础入门指南 前端视界 前端node.jsvimai
    前端必知：Node.js基础入门指南关键词：Node.js、前端开发、基础入门、JavaScript、服务器端编程摘要：本文旨在为前端开发者提供一份全面的Node.js基础入门指南。从Node.js的背景知识入手，详细解释其核心概念，阐述相关算法原理和操作步骤，通过实际代码案例进行实战演练，介绍其实际应用场景，推荐学习工具和资源，探讨未来发展趋势与挑战。让读者能轻松理解并掌握Node.js的基础知
  • 非常全的地线基础知识整理 紫薯与牛奶 嵌入式硬件单片机
    地线的主要作用就是当电器出现故障时，电源可能击穿(或：破坏)某些元件，使电器的外壳带电。将电器的外壳接地，可以使漏电保护装置1.信号“地”;信号“地”又称参考“地”，就是零电位的参考点，也是构成电路信号回路的公共段，图形符号“⊥”。1)直流地：直流电路“地”，零电位参考点。2)交流地：交流电的零线。应与地线区别开。3)功率地：大电流网络器件、功放器件的零电位参考点。4)模拟地：放大器、采样保持器、
  • Three.js实现逼真的3D地形与水体效果 Compass宁
    本文还有配套的精品资源，点击获取简介：Three.js是一个强大的WebGL库，使得在浏览器中创建3D图形变得简单。本文详细介绍如何使用Three.js创建逼真的3D地形和水体效果，包括地形生成、水体渲染以及性能优化与交互性增强。开发者可通过本篇指南，构建出令人惊叹的虚拟山水景观，提供沉浸式的用户体验。1.Three.js基础介绍Three.js是一个基于WebGL的JavaScript库，它简化
  • JS红宝书读书笔记（一） 我要走走看看 笔记javascript前端
    第1章前言本人已有JS基础，主要是从B站上学习的相关视频，这篇文章主要记录一些视频不涉及的细节和印象模糊的内容。第2章在HTML中使用JavaScript2.1元素主要属性：1.async（可）：立即下载脚本，不妨碍页面。async2.defer（可）：完全解析后下载脚本。defer=“defer”3.src（可）：执行外部文件。src="(url)"4.type（可）：默认为text/javas
  • 程序员认知提升：从JVM内存模型看知识吸收方法论 双囍菜菜 Javajvm
    程序员认知提升：从JVM内存模型看知识吸收方法论文章目录程序员认知提升：从JVM内存模型看知识吸收方法论一、当知识洪水淹没大脑：程序员的记忆困境二、永久代vs元空间：长期记忆的存储革命JVM的启示：方法区进化史学习场景应用：三、堆内存管理：知识分类的智慧JVM堆结构映射：学习系统实现：四、垃圾回收算法：知识整理的秘密武器1.标记-清除算法（碎片化整理）2.复制算法（高效记忆法）3.分代收集（艾宾浩
  • 知识整理 徐乙 Android知识整理
    博客知识整理及短期计划RecyclerView封装（暂时只封装ViewHolder）+分布式架构（Adapter不需要构造函数，直接共享context、list）多ItemType自定义LayoutManagerItemTouchHelper，实现数据集改变和动画改变SnapHelperItemDecorationonScrollListener获取偏移、标题栏颜色渐变下拉刷新控件+业务上拉加载侧
  • nodejs笔记总结 just_a_bad_guy nodejsnodejs笔记
    nodejs笔记本笔记根据河北师范大学软件学院王顶老师授课内容及网络资料编写，如果侵权，联系删除~如有错误欢迎联系更正~文章目录nodejs笔记nodejs简介，及常见名词解释nodejs是什么node主要特征运行node.js脚本文件时要省略node命令，如何操作node的单线程http请求协议跨域问题及代理常用模块nodejs基础&全局api全局api注意点路径变量控制台变量进程对象定时器bu
  • Vue.js中假数据传递与HTTP请求处理实战 Clown爱电脑
    本文还有配套的精品资源，点击获取简介：本文深入探讨Vue.js前端框架中假数据的传递方法和处理技术，包括Data属性、计算属性、模拟API以及Vuex状态管理，旨在解决开发阶段数据缺失问题。同时，文章也详细介绍了如何在Vue应用中发送和处理POST与GET请求，为开发者提供了构建动态Web应用的实际解决方案。1.Vue.js基础介绍Vue.js是一种渐进式JavaScript框架，用于构建用户界面
  • Matter.js基础: 交互按钮演示 gCodeTop 格码拓普 老师 前端matter.jsAnimatejavascript
    Matter.js交互按钮*{margin:0;padding:0;box-sizing:border-box;font-family:"SegoeUI",Tahoma,Geneva,Verdana,sans-serif;}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:
  • 74道Node.js高频题整理(附答案背诵版) 编程大全 面试题Node.jsNode.js面试题
    简述Node.js基础概念？Node.js是一个基于ChromeV8引擎的JavaScript运行环境。它使得JavaScript可以在服务器端运行，从而进行网络编程，如构建Web服务器、处理网络请求等。Node.js采用事件驱动、非阻塞I/O模型，使其轻量且高效，尤其适用于数据密集型实时应用。主要特点:异步I/O：Node.js几乎所有的API都是异步的，如读写文件、网络请求等。这种非阻塞的方式
  • 【EcelVBA】系统学习 ActiveX 控件 五步晦暝 VBA学习windows服务器
    ExcelVBAActiveX控件全面学习指南ActiveX控件为Excel提供了强大的交互式界面开发能力，允许通过事件驱动编程实现复杂逻辑。以下是ActiveX控件的系统性知识整理，涵盖核心控件、属性、方法和实战示例。一、ActiveX控件基础1.插入与设计模式插入控件：开发工具→插入→选择ActiveX控件（如CommandButton、TextBox）。设计模式：启用：开发工具→设计模式（用
  • TypeScript从入门到精通（详解） 喜欢读书的三金 JavaScriptvue.js前端javascript
    TypeScript是什么TypeScript简称：TS，是JavaScript的超集。简单来说就是：JS有的TS都有。JS写的代码在TS的环境下都能跑。在JS基础之上，为JS添加了类型支持。TypeScript=Type+JavaScriptTypeScript是微软开发的开源编程语言，可以在任何运行JavaScript的地方运行//TypeScript代码有明确的数据类型letage1:num
  • Node.js完整学习资源包：从基础到实践 powerelectricdog
    本文还有配套的精品资源，点击获取简介：learning-node项目旨在为开发者提供Node.js学习资源，该技术允许JavaScript在服务器端运行。项目内容涵盖Node.js基础、模块系统、文件操作、网络编程、异步编程、中间件使用、性能优化、测试与调试、部署与监控以及最佳实践。通过这个资源包，学习者能够深入理解和掌握Node.js，并了解其在实际项目中的应用。1.Node.js简介和基础概念
  • node.js基础学习-fs模块-文件操作（六） 前端程序员_花姐夫Jun node.js基础学习node.js学习文件操作fs
    一、前言fs模块是Node.js内置的文件系统（FileSystem）模块，它提供了一系列用于与文件系统进行交互的方法。通过fs模块，可以对文件或目录进行读取、写入、删除、重命名、查询状态等操作，这使得Node.js能够很好地处理本地文件相关的任务。二、常用方法1.读取文件fs.readFile()：这是一种异步读取文件内容的方法。它接受文件路径、编码方式（可选）和回调函数作为参数。例如：cons
  • 从零到精通：Uniapp跨平台开发全攻略 TTBC 前端框架uni-appvue.js
    Uniapp入门到精通什么是UniappUniapp是一个使用Vue.js开发跨平台应用的前端框架，支持编译到iOS、Android、H5、以及各种小程序平台。它允许开发者使用一套代码，发布到多个平台，极大地提高了开发效率。Uniapp的核心概念跨平台开发：Uniapp支持多端编译，开发者只需编写一次代码，即可发布到多个平台。Vue.js基础：Uniapp基于Vue.js，开发者可以快速上手，利用
  • 前端技能树，面试复习第 7 天 - 掌握 Javascript 基础知识 蟹蟹蟹风流 前端面试复习笔记前端面试互联网Javascript基础面经
    本节开始，我们将复习前端面试中很重要的一个环节：JS基础知识考核。1.new操作符的实现原理new操作符的执行过程：（1）首先创建了一个新的空对象（2）设置原型，将对象的原型设置为函数的prototype对象。（3）让函数的this指向这个对象，执行构造函数的代码（为这个新对象添加属性）（4）判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型的对象。具体实现：f
  • 【JavaScript】 js 基础知识强化复习 天若有情673 JavaScript前端javascript开发语言ecmascript
    js基础强化复习首先我们回顾js有哪些重要的知识：//JS基础//1.变量//2.数据类型//3.运算符//4.条件语句//5.循环语句//6.函数//7.对象//8.数组//9.字符串//10.日期//11.正则表达式//12.错误处理//13.事件//14.DOM//15.BOM//16.AJAX//17.JSON//18.ES6这里提炼的这些确实是JavaScript的核心基础知识，涵盖了语
  • 2025年每个前端开发人员都应该准备的 40 个 JavaScript 面试问题 java
    无论你是在为下一个重要的前端职位做准备，还是只是想温习一下JS基础知识，这40个JavaScript面试题都能帮助你脱颖而出，自信满满。从基础知识到高级技巧，应有尽有。快来深入了解吧！40个JavaScript面试题及答案1.❓什么是JavaScript？了解JavaScript的核心是什么，能帮你为其他一切打下坚实的基础，无论是DOM操作、异步编程，还是像React或Vue这样的框架。这通常是任
  • js基础用法 starrismq javascript
    Javascript它是一种脚本语言，可以用来更改页面内容，控制多媒体，制作图像、动画等等js代码位置//js代码引入js脚本注意，到了框架之后，引入方式会有不同1变量与数据类型声明变量1)let⭐️let变量名=值;let声明的变量可以被多次赋值，例如leta=100;//初始值是100a=200;//ok,被重新赋值为2002)const⭐️const修饰的叫常量，只能赋值一次constb=3
  • 【js基础笔记] - 包含es6 类的使用 Go_going_ javascript笔记前端
    文章目录js基础js预解析js变量提升DOM相关知识节点选择器获取属性节点创建节点插入节点替换节点克隆节点获取节点属性获取元素尺寸获取元素偏移量标准的dom事件流阻止事件传播阻止默认行为事件委托正则表达式js复杂类型元字符-基本元字符元字符-边界符元字符-限定符元字符-特殊符号正则表达式-捕获正则与字符串写法js类写法(es6)js构造函数(es5)js原型链js面向对象继承es5es6类继承js
  • 动态路由知识整理 H_z_q2401 c语言
    第一篇章动态路由静态路由缺点：1.配置量大2.不能基于拓扑的变化而进行实时更新总结：只能在简单的小型网络中进行工作和配置动态路由：可以基于拓扑的变化而进行实时更新缺点：1.额外的占用链路资源2.安全风险3.选路错误风险动态路由协议的分类：基于AS进行的分类---IGP内部网关协议EGP外部网关协议AS：自治系统标准编号：0-655351-64511公有范围64512-65535私有范围AS之内：I
  • JS基础篇5--作用域和对象 咖啡壶子 前端从入门到精通javascriptnode.jsjava
    1.初始jshttps://blog.csdn.net/TroyeSivanlp/article/details/1202749452.运算符与流程控制https://blog.csdn.net/TroyeSivanlp/article/details/1203291593.JS基础练习题https://blog.csdn.net/TroyeSivanlp/article/details/1203
  • python基础知识整理二：类和函数 yπ_π python
    文章目录1、类1、面向对象编程1.1面向过程和面向对象的比较1.2面向对象编程的特性2、类的基本概念3、继承与多态4、私有变量5、实例方法、静态方法、类方法6、描述符7、运算符重载2、函数1、形参和实参2、位置参数、关键字参数、默认参数3、不定长参数4、匿名函数5、局部函数6、闭包函数7、exec函数和eval函数3、变量1、私有变量2、缺省参数（默认参数）3、函数多值参数（*args和**kar
  • html 周华华 html
    js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){    for(var y=x-1;y<arr.length;y++){      if(arr[x]<arr[y]){     &
  • 【Struts2 四】Struts2拦截器 bit1129 struts2拦截器
    Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。   Struts2中自定义拦截器的步骤是：
  • make:cc 命令未找到解决方法 daizj linux命令未知make cc
    安装rz sz程序时，报下面错误：   [root@slave2 src]# make posix cc   -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127   系统：centos 6.6 环境：虚拟机   错误原因：系统未安装gcc，这个是由于在安
  • Oracle之Job应用 周凡杨 oracle job
    最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。   一：查看相关job信息    1、相关视图  dba_jobs  all_jobs  user_jobs  dba_jobs_running 包含正在运行
  • 多线程机制 朱辉辉33 多线程
    转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程： 程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的
  • web报表工具FineReport使用中遇到的常见报错及解决办法（一） 老A不折腾 web报表finereportjava报表报表工具
    FineReport使用中遇到的常见报错及解决办法（一） 这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、address pool is full： 含义：地址池满，连接数超过并发数上
  • mysql rpm安装后没有my.cnf 林鹤霄 没有my.cnf
    Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的， 至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法， 第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动， 第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r
  • Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题 aigo root
    原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/   Step 4: Run ADB command from your PC   On the PC, you need install Amazon Fire ADB driver and instal
  • javascript 中var提升的典型实例 alxw4616 JavaScript
    // 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m
  • 定时器和获取时间的使用 百合不是茶 时间的转换定时器
    定时器:定时创建任务在游戏设计的时候用的比较多   Timer();定时器 TImerTask();Timer的子类  由 Timer 安排为一次执行或重复执行的任务。       定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定
  • JDK1.5 Queue bijian1013 javathreadjava多线程Queue
    JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须 保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方
  • http认证原理和https bijian1013 httphttps
    一.基础介绍         在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。         Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后
  • 【Java范型五】范型继承 bit1129 java
    定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2   package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T
  • 【Nginx六】nginx.conf常用指令(Directive) bit1129 Directive
    1. worker_processes    8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行   nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
  • lua 遍历Header头部 ronin47 lua header 遍历　
    local headers = ngx.req.get_headers()   ngx.say("headers begin", "<br/>")   ngx.say("Host : ", he
  • java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。 bylijinnan java
    import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3
  • redis 开窍的石头 redis
    在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码 打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require
  • [JAVA图像与图形]现有的GPU架构支持JAVA语言吗？ comsci java语言
          无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情       
  • 安装ubuntu14.04登录后花屏了怎么办 cuiyadll ubuntu
    这个情况，一般属于显卡驱动问题。 可以先尝试安装显卡的官方闭源驱动。 按键盘三个键：CTRL + ALT  +  F1 进入终端，输入用户名和密码登录终端： 安装amd的显卡驱动 sudo  apt-get  install  fglrx 安装nvidia显卡驱动 sudo  ap
  • SSL 与 数字证书 的基本概念和工作原理 darrenzhu 加密ssl证书密钥签名
    SSL 与 数字证书 的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher
  • Ubuntu设置ip的步骤 dcj3sjt126com ubuntu
    在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。 转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D
  • php包管理工具推荐 dcj3sjt126com PHPComposer
    http://www.phpcomposer.com/   Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。 中文文档  入门指南  下载  安装包列表 Composer 中国镜像
  • Gson使用四（TypeAdapter） eksliang jsongsonGson自定义转换器gsonTypeAdapter
    转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述        Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例        例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都
  • JQM控件之Navbar和Tabs gundumw100 htmlxmlcss
    在JQM中使用导航栏Navbar是简单的。 只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu
  • 利用归并排序算法对大文件进行排序 iwindyforest java归并排序大文件分治法Merge sort
      归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想： 大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数 低于限制行数的子文件直接排序 两个排序好的子文件归并到父文件 直到最后所有排序好的父文件归并到输入
  • iOS UIWebView URL拦截 啸笑天 UIWebView
    本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有
  • 索引的碎片整理SQL语句 macroli sql
    SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片
  • Angularjs同步操作http请求with $promise qiaolevip 每天进步一点点学习永无止境AngularJS纵观千象
    // Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) {
  • hibernate联合查询问题 sxj19881213 sqlHibernateHQL联合查询
    最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。 针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2）   1 几个常识：  （1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。  （2）hql的默认查询策略，在进行联合查询时，会产
  • struts2.xml wuai struts
    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他