好名字0821
好名字0821

JS事件代理（事件委托）

JS事件代理（事件委托）

  • 前言
  • 什么是事件代理
    • 事件代理的优点
  • 事件代理实例
    • 代码实例：
  • 总结

前言

本文详细讲解JavaScript中关于事件代理技术相关的内容以及源码实例的讲解。那么好，本文正式开始

什么是事件代理

事件代理作为JavaScript中一种常用的技术，它主要价值是在于允许将子元素的事件处理程序绑定在父元素中，比如表格中的每一条数据对应表格就是子对父，而当我们想通过一个事件来绑定旗下所有条数据时，我们就可以通过调用table表格来实现这个功能，从而简化代码并且提高性能。

事件代理的优点

  • 简化代码：如果不用事件代理，则会创建更多的事件绑定在子元素中，会造成代码可复用性较差。而使用事件代理，实现监听效果，那么就可以智勇一个事件达到监听所有子元素，从而实现简化代码。
  • 动态增删子元素：比如动态添加一个子元素，我们不需要再为这个子元素添加新的事件，原有的事件委托事件就实现了监听。
  • 减少绑定事件数量：从N减少到了1.

事件代理实例

我们可以通过给父元素添加监听事件，然后可以利用子元素的特性，如tagName标签名，相同的class伪名等等来进行if判断，最后实现一个事件代理的功能。比如：
需求：想绑定id为father的所有标签名为span元素的事件，并且每点一次就打印一次点击了一个span

代码实例：

<!DOCTYPE html>
<html>
<head>
	<style>
		#father{
			width:1000px;
			height:500px;
			border:1px solid gray;
		}
		.son{
			display:inline-block;
			width:100px;
			height:100px;
			border:1px solid gray;
		}
	</style>
</head>
<body>
	<div id="father">
		<span class="son"></span>
		<span class="son"></span>
		<p>1</p>
	</div>
	<script>
		let father=document.getElementById('father')
		father.addEventListener('click',function(e){
			if(e.target.tagName.toLowerCase()=='span'){
				console.log('点击了一个span');
			}
		})
	</script>
</body>
</html>

那么我们首先定义了一个id为father的父元素div，并且在里面定义了两个span元素和一个p元素，最后在js代码中定义了father变量把id为father的DOM元素赋值过去，同时对father进行点击事件的监听，如果这个点击event事件的target目标对象的标签名的小写是span，那么就打印，否则就不打印，tagName就是标签名，toLowerCase()方法就是让获取到的所有字母都变成小写。最终实现了点击span元素打印，点击其他元素不打印的效果。

实现效果：
JS事件代理（事件委托）_第1张图片

总结

事件代理是一种常用的JS技术，它可以大幅度的减少事件处理函数的数量，通过将这个事件代理程序绑定在父元素上，可以触发子元素想要的效果，从而实现简化代码以及事件处理程序。

你可能感兴趣的:(JavaScript,javascript,前端,开发语言)

  • React18+Redux+antd 项目实战 JS Alexeigirl javascript开发语言前端框架react.js
    React18+Redux+antd项目实战jsAntDesign插件官网Axios官网(可配置请求拦截器和响应拦截器)JavaScript官网Echarts官网一、项目前期准备1.创建新项目hotel-managernpxcreate-react-apphotel-manager2.安装依赖//安装路由npmireact-router-domnpmiaixos//安装组件库npmiantdnpm
  • 智能工厂的设计软件 应用场景的一个例子： 为AI聊天工具添加一个知识系统 之24 重审 前端实现：主页页面 一水鉴天 人工语言智能制造软件智能前端
    本文提要正文1本项目（为AI聊天工具添加一个知识树系统）的主页页面的三个页面版块(注：一个项目的基础版本，它明确给出建模限制what(where，how)并悬置模型本身（内部空出模型--内建，留给内部--待建+持续增强）同时提出扩展版本who（when，why）的原则将扩展留给外部，完善--有待完善+不断完善）。每个都是一种矩阵，但每一个都从系统源流的源头source那里差异化继承了不同属性pro
  • .NET Core项目中添加MIME类型 AitTech .NetCore.netcore
    在.NETCore项目中添加MIME类型（也称为媒体类型）通常涉及配置Web服务器或中间件来识别和处理特定文件类型的请求和响应。在ASP.NETCore应用中，这通常是通过中间件配置来完成的，尤其是在处理静态文件或API响应时。1.处理静态文件的MIME类型如果你的.NETCore项目需要为静态文件（如图片、CSS、JavaScript等）提供MIME类型支持，你可以通过配置StaticFileM
  • Element properties is not closed 眉梢i spring全家桶java
    如上图，今天想练习一下springCloud的时候，写父依赖对其进行版本控制的标签，一直报未闭合（Elementpropertiesisnotclosed），也怪自己不细心，原来在写properties写到一半他一般都会有提示，然后我们直接就会回车生成，但这时，回车生成的是单标签自闭合，也就是,然后因为写前端写习惯了，去掉斜线，又在后面写一个，在前端中他是会生成对应的闭合双标签的，但是在pom.x
  • 前端工程化实践 - 代码规范 & 提交规范 & 构建流程 & Monorepo（附 React Native 案例） 绿胡子大叔 前端reactnative代码规范gityarn
    前端工程化实践-代码规范&提交规范&构建流程&Monorepo前言仓库策略Multirepo什么是Multirepo？Multirepo的优点Multirepo的缺点Monorepo什么是Monorepo？Monorepo的优点Monorepo的缺点和限制依赖管理Yarnworkspace-高效管理工作区依赖简介如何使用所有依赖都需要提升到根仓库吗？基础命令Lerna-简化多包管理过程Lerna是
  • 探索React项目的Typescript Monorepo架构 赵品静Ambitious
    探索React项目的TypescriptMonorepo架构typescript-monorepo项目地址:https://gitcode.com/gh_mirrors/ty/typescript-monorepo项目介绍在现代前端开发中，随着项目规模的不断扩大，如何高效地管理多个相关联的包成为了一个重要课题。TypescriptmonorepoforReactproject项目应运而生，旨在为R
  • 前端所谓的全栈和大前端有什么区别？ yuxingwu9872 前端
    在当今的软件开发领域，前端技术不断发展和演进，产生了许多新的概念和术语。其中，“全栈”和“大前端”是两个经常被提及的词汇，它们各自代表着不同的开发理念和技术范畴。在本文中，我们将深入探讨前端所谓的全栈和大前端之间的区别。首先，我们来了解一下全栈的概念。全栈工程师是指具备前端开发、后端开发、数据库管理等多方面技能的开发人员。他们能够独立完成整个项目的开发和维护，从需求分析、设计、编码到测试、部署等各
  • 大前端工程师进阶之路，Node全栈为前端带来更多可能 麦田上的字节 高级前端全栈教程系列程序人生系列大前端node程序人生
    导读：对那些刚入门前端的开发者来说，前端是一个“令人畏惧”的领域，尤其是在你看到前端的技能图谱时，你会发出这样的感叹，前端怎么有那么多的东西要学？我应该从何处学起？我又该如何应对千变万化的前端技术？目录如何选择？关于变化前端工程师如何抉择全栈工程师很吊？说一说node全栈？K型人才？在大厂，前端晋升靠啥？大前端的边界到底在哪里？如何选择？俗话说，“男怕入错行，女怕嫁错郎”。其实前端开发也一样，从开
  • JS深度剖析异步编程方式 天涯学馆 大前端&移动端全栈架构javascriptecmascript前端架构
    目录回调函数事件监听发布/订阅Promiseasync/awaitGenerator函数与迭代器深度剖析JavaScript异步编程方式，主要涉及以下几个核心概念和技术回调函数回调函数的基本概念回调函数（CallbackFunction）是一种在特定事件或条件触发时被调用的函数，常用于处理异步操作的结果。在JavaScript中，回调函数是实现异步编程的最初也是最基础的方式。它的工作原理是：将一个
  • JS 深入理解代码复用模式 天涯学馆 大前端&移动端全栈架构javascript原型模式前端
    目录对象Object构造函数组合/混入（Mixins）模块化高阶函数装饰器设计模式其他复用技术JavaScript中的代码复用模式，需要探讨多种实现代码复用的技术手段和策略，包括但不限于原型继承、构造函数、
  • JS 深度解析作用域、作用域链与闭包 天涯学馆 大前端&移动端全栈架构javascriptecmascript前端
    目录作用域词法作用域块级作用域作用域链闭包作用域词法作用域（LexicalScope）JavaScript采用词法作用域，意味着变量的作用域是在编译阶段确定的，由代码在何处定义决定，而非运行时决定。简单来说，变量的作用域取决于它在源代码中的位置。全局作用域：在任何函数外部定义的变量具有全局作用域，对整个程序可见。
  • JS 全面解析Module模式 天涯学馆 大前端&移动端全栈架构javascript前端开发语言
    目录基本结构与原理优点应用场景扩展与变体JavaScriptModule模式是一种设计模式，用于封装和管理代码，提供私有变量、私有方法和公有接口，实现模块化编程。Module模式通过闭包来创建一个封装的私有作用域，同时允许对外暴露必要的接口。基本结构与原理Module模式的核心是一个自执行的匿名函数，它返回一个对象，该对象包含公有接口。基本结构如下：constMyModule=(
  • Ajax的基本使用和原理 天涯学馆 大前端&移动端全栈架构ajax前端javascript
    目录基础概念简单示例原理解析原理深入基础概念什么是Ajax？Ajax是一种在无需重新加载整个网页的情况下，通过JavaScript异步地从服务器获取数据并更新部分网页的技术。关键技术组成：XMLHttpRequest(XHR)对象：这是实现Ajax通信的核心对象，用于在后台与服务器交换数据。JavaScript：编写客户端逻辑，处理用户交互，发送请求和处理响应。HTML/CSS：构建和美化用户界面
  • CSS工具与工作流 天涯学馆 大前端&移动端全栈架构css前端
    CSS工具与工作流是前端开发中的重要组成部分，它们帮助开发者提高编写、维护和优化CSS代码的效率。以下是一些关键的CSS工具与工作流实践：代码组织与结构预处理器：如Sass、Less或Stylus，提供了变量、嵌套规则、混合（mixins）、函数等特性，使得CSS更易于管理和维护。模块化：将CSS分解成小的、可管理的模块或组件，常用的方法有BEM（BlockElementModifier）、SMA
  • PostCSS 及其插件 天涯学馆 大前端&移动端全栈架构postcss前端javascript
    PostCSS及其插件PostCSS是一个工具，它允许开发者通过使用JavaScript插件来转换CSS。这些插件可以执行各种任务，如添加浏览器前缀、转换新的CSS语法、优化和压缩CSS等。1.PostCSS基本概念PostCSS是一个处理器，它接收CSS输入，然后通过一系列插件转换输出。与CSS预处理器（如Sass、Less）不同，PostCSS处理的是标准CSS，但可以扩展CSS语法。2.安装
  • 优秀CSS3开源库 天涯学馆 大前端&移动端全栈架构css3前端css
    优秀CSS3开源库Bootstrap：https://getbootstrap.com/一个强大的前端框架，提供了许多用于构建响应式网站的工具和组件。Foundation：https://get.foundation/另一个流行的前端框架，也提供了许多用于构建响应式网站的工具和组件。Bulma：https://bulma.io/一个基于Flexbox的CSS框架，提供了简洁、可靠和可自定义的样式。
  • HTML5 性能优化和计算机硬件使用 天涯学馆 大前端&移动端全栈架构html5性能优化前端
    目录启用硬件加速图像与媒体优化资源加载与缓存CSS与布局优化JavaScript性能优化浏览器兼容性与特性检测启用硬件加速Canvas绘图<
  • HTML5 WebGL技术应用 天涯学馆 大前端&移动端全栈架构前端html5html
    目录WebGL基础知识WebGL库WebGL学习资料大型WebGL应用WebGL基础知识前端开发基础：熟悉HTML、CSS和JavaScript。数学基础：了解向量、矩阵运算、线性代数和基本几何概念。图形学基础：掌握基本的计算机图形学原理，如光照、纹理、变换、投影等。WebGLAPI的基本使用，包括创建画布、着色器、程序、缓冲区等。了解WebGL的渲染过程和管道，包括顶点处理、三角形剪裁、光照、纹
  • html自学学多久,HTML和CSS要学多久？ 入门需要多长时间？ 安检 html自学学多久
    HTML和CSS要学多久？相信很多想要学习网页前端开发的小伙伴都会有这个疑问，今天W3Cschool小编就来和大家探讨一下这个问题。作为Web前端开发的基础，HTML和CSS是都是非常基础的语言，但是想要以此为工作的话，只是掌握HTML和CSS还是不够的，JS也需要学习。这样还不够，最好还能花一些时间学习一下近几年非常火的HTML5和CSS3，这样才能算是完全掌握了Web前端相关技术。如果单说HT
  • 基于TS手写前端MVC框架简单实现购物车功能 千锋HTML5大前端 前端html5前端技术文章前端mvcjavascript
    一、后端TS版搭起MVC架构的web服务器注意点：1.用TS写node服务器需要先下nodeAPI的TS库2.通过引入文件,通过回调方式,将参数传入引入文件进行不同层的联动操作3.事件侦听,抛发的方式完成路由操作项目目录说明：1.main:0)入口文件1)创建了main单例,在当前页面执行main实例的init方法,即直接nodemain.js开启服务2)init方法中根据引入的sever类,创建
  • CAD处理组件CADViewX发布V15.2新版本，大幅改进导入和导出功能 CodeCraft Studio 3d
    CADViewX是一款能让应用程序具有强大CAD图像浏览和打印功能的图像处理工具，无需任何CAD软件或查看器即可打开、浏览、打印AutoCAD等几十种格式的图像文件，还能享受直观的鼠标滚轮缩放、拖拽、平铺印画功能。CADViewX组件可用于在任何支持ActiveX技术的开发环境中（VisualC++，C＃，Delphi，HTML/JavaScript等）使用矢量和光栅图像。CADViewXV15.
  • React Native性能优化方案(新旧架构对比，只看这一篇文章即可拿下面试官) 头脑旋风 reactnative性能优化架构
    文章开始之前希望大家支持一下我独立开发的微信小程序“头脑旋风”，或微信扫描我的头像进入，谢谢支持~文章目录1.ReactNative中如何优化应用的性能？2.如何减少重新渲染？3.如何使用memo和useCallback？4.为什么需要优化ReactNative的启动时间？如何进行优化？5.什么是`ReactNative`的`bridge`，它会影响性能吗？6.如何减少JavaScript和原生模
  • webview加载页面有2秒白屏_iOS App秒开H5实战总结 weixin_39875419
    作者|肖亚东，目前就职于南京有货，主要从事iOS和小程序端的开发，伪前端，喜爱RN、flutter等跨平台技术。热爱电影，美食，篮球，偶像科比，朋友都称他曼巴来源|https://juejin.im/user/593a775561ff4b006c76346a在《iOSapp秒开H5优化探索》一文中简单介绍了优化的方案以及一些知识点，本文继续介绍使用WKURLSchemeHandler拦截加载离线包
  • 基于UHST协议的网络通信Ping实现 金融先生-Frank
    本文还有配套的精品资源，点击获取简介：网络通信中的ping命令是网络诊断工具的基础，传统上使用ICMP协议。本项目介绍了一个基于UHST（通用HTTP流传输）协议实现的ping功能，适合现代Web环境。UHST作为P2P通信协议，支持设备间直接交换数据，无需中心服务器，非常适合实时WebRTC应用。示例包括UHST主机创建、连接建立、消息传递、以及连接断开等关键步骤，使用原生JavaScript和
  • 【2024年华为OD机试】(B卷,200分)- 字符串化繁为简 （JavaScript&Java & Python&C/C++） 妄北y 算法汇集笔记总结(保姆级)华为odjavascriptjavac语言python
    一、问题描述题目描述给定一个输入字符串，字符串只可能由英文字母（‘a’~‘z’、‘A’~‘Z’）和左右小括号（‘(’、‘)’）组成。当字符里存在小括号时，小括号是成对的，可以有一个或多个小括号对，小括号对不会嵌套，小括号对内可以包含1个或多个英文字母，也可以不包含英文字母。当小括号对内包含多个英文字母时，这些字母之间是相互等效的关系，而且等效关系可以在不同的小括号对之间传递。即当存在‘a’和‘b’
  • 【Html.js——范围判定】偷梁换柱（蓝桥杯真题-2332）【合集】 Rossy Yan 蓝桥杯真题Html.jsJavaScripthtmljavascript蓝桥杯前端开发语言实训合集
    目录背景介绍准备步骤目标效果要求规定判分标准通关代码✔️代码解析一、Html部分二、JavaScript部分三、工作流程▶️测试结果背景介绍随着医疗水平的进步，人的平均寿命在慢慢提升。现在全球平均预期寿命是73.2岁，而在1950年则只有47岁。那么人类的寿命有极限吗？根据最新的研究，人类寿命或超过120岁，达到150岁。因此，有关年龄的应用普遍将当今人类的合理年龄范围设置在0-150岁之间。那么
  • 微前端应用(qiankun+umi+antd) 他夏了夏天吖 umiantdreact前端开发语言react.js
    目录1.微前端介绍以应用选型1.1什么是微前端?1.2技术选择2.开始使用2.1配置父应用2.2配置子应用2.3引入子应用2.3.1路由绑定引入子应用2.3.2组件引入子应用2.3.3组件引入子应用2.4子应用之间跳转3.子应用生命周期3.1父应用配置生命周期钩子3.2子应用配置生命周期钩子4.父子应用通信4.1基于useModel()的通信4.1.1主应用透传数据4.1.2子应用消费数据1.微前
  • 前端微应用体系 趙子昂 前端前端框架
    前端微应用体系在现代前端开发中，随着项目规模的不断扩大和团队协作的日益复杂，传统的单一应用架构面临着种种挑战。为了提升开发效率、降低维护成本以及增强系统的灵活性，前端微应用（MicroFrontends）应运而生。一、什么是前端微应用？前端微应用是一种将单个前端应用拆分成多个小型、独立部署的应用的方法。这些小型应用各自负责不同的功能模块，可以独立开发、测试和部署。每个微应用可以使用不同的技术栈，与
  • Node.js 的底层原理 阿芯爱编程 面试js技巧网络前端javascript
    Node.js的底层原理1.事件驱动和非阻塞I/ONode.js基于ChromeV8引擎，使用JavaScript作为开发语言。它采用事件驱动和非阻塞I/O模型，使其轻量且高效。通过libuv库实现跨平台的异步I/O，包括文件操作、网络请求等。2.单线程事件循环Node.js使用单个线程来处理所有请求，通过事件循环机制来管理并发。事件循环不断检查是否有待处理的事件或回调函数，并依次执行它们。这种模
  • 前端测试结果在浏览器中展示：Jest + Puppeteer 与 Karma + Jasmine 实践 阿贾克斯的黎明 前端前端
    目录前端测试结果在浏览器中展示：Jest+Puppeteer与Karma+Jasmine实践引言一、Jest+Puppeteer1.工具简介2.安装依赖3.编写测试文件4.运行测试二、Karma+Jasmine1.工具简介2.安装依赖3.配置Karma4.运行测试三、总结引言在前端开发中，测试是确保代码质量的重要环节。常见的测试包如Jest、Mocha等默认将测试结果输出在控制台。然而，有时我们希
  • java责任链模式 3213213333332132 java责任链模式村民告县长
    责任链模式，通常就是一个请求从最低级开始往上层层的请求，当在某一层满足条件时，请求将被处理，当请求到最高层仍未满足时，则请求不会被处理。 就是一个请求在这个链条的责任范围内，会被相应的处理，如果超出链条的责任范围外，请求不会被相应的处理。 下面代码模拟这样的效果： 创建一个政府抽象类,方便所有的具体政府部门继承它。 package 责任链模式; /** *
  • linux、mysql、nginx、tomcat 性能参数优化 ronin47
    一、linux 系统内核参数 /etc/sysctl.conf文件常用参数 net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目 net.core.rmem_max = 8388608 #SOCKET读缓存区大小 net.core.wmem_max = 8388608 #SOCKET写缓存区大
  • php命令行界面 dcj3sjt126com PHPcli
    常用选项 php -v php -i PHP安装的有关信息 php -h 访问帮助文件 php -m 列出编译到当前PHP安装的所有模块 执行一段代码 php -r 'echo "hello, world!";' php -r 'echo "Hello, World!\n";' php -r '$ts = filemtime("
  • Filter&Session 171815164 session
    Filter HttpServletRequest requ = (HttpServletRequest) req; HttpSession session = requ.getSession(); if (session.getAttribute("admin") == null) { PrintWriter out = res.ge
  • 连接池与Spring,Hibernate结合 g21121 Hibernate
            前几篇关于Java连接池的介绍都是基于Java应用的，而我们常用的场景是与Spring和ORM框架结合，下面就利用实例学习一下这方面的配置。         1.下载相关内容：     &nb
  • [简单]mybatis判断数字类型 53873039oycg mybatis
           昨天同事反馈mybatis保存不了int类型的属性,一直报错，错误信息如下:       Caused by: java.lang.NumberFormatException: For input string: "null" at sun.mis
  • 项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space 程序员是怎么炼成的 eclipsejvmtomcatcatalina.sheclipse.ini
       在启动比较大的项目时，因为存在大量的jsp页面，所以在编译的时候会生成很多的.class文件，.class文件是都会被加载到jvm的方法区中，如果要加载的class文件很多，就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space.     解决办法是点击eclipse里的tomcat，在
  • 我的crm小结 aijuans crm
    各种原因吧，crm今天才完了。主要是接触了几个新技术： Struts2、poi、ibatis这几个都是以前的项目中用过的。 Jsf、tapestry是这次新接触的，都是界面层的框架，用起来也不难。思路和struts不太一样，传说比较简单方便。不过个人感觉还是struts用着顺手啊，当然springmvc也很顺手，不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主
  • spring里配置使用hibernate的二级缓存几步 antonyup_2006 javaspringHibernatexmlcache
    ．在spring的配置文件中 applicationContent.xml，hibernate部分加入 xml 代码 <prop key="hibernate.cache.provider_class">org.hibernate.cache.EhCacheProvider</prop> <prop key="hi
  • JAVA基础面试题 百合不是茶 抽象实现接口String类接口继承抽象类继承实体类自定义异常
    /*   * 栈（stack）：主要保存基本类型（或者叫内置类型）（char、byte、short、   *int、long、 float、double、boolean）和对象的引用，数据可以共享，速度仅次于   * 寄存器（register），快于堆。堆（heap）：用于存储对象。   */  &
  • 让sqlmap文件 "继承" 起来 bijian1013 javaibatissqlmap
            多个项目中使用ibatis , 和数据库表对应的 sqlmap文件（增删改查等基本语句)，dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中，其它项目工程中通过jar包来引用 ，并通过"继承"为基础的sqlmap文件，dao,pojo 添加新的方法来满足项
  • 精通Oracle10编程SQL(13)开发触发器 bijian1013 oracle数据库plsql
    /* *开发触发器 */ --得到日期是周几 select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual; select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual; --建立BEFORE语句触发器 CREATE O
  • 【EhCache三】EhCache查询 bit1129 ehcache
    本文介绍EhCache查询缓存中数据，EhCache提供了类似Hibernate的查询API，可以按照给定的条件进行查询。   要对EhCache进行查询，需要在ehcache.xml中设定要查询的属性   数据准备 @Before public void setUp() { //加载EhCache配置文件 Inpu
  • CXF框架入门实例 白糖_ springWeb框架webserviceservlet
    CXF是apache旗下的开源框架，由Celtix + XFire这两门经典的框架合成，是一套非常流行的web service框架。 它提供了JAX-WS的全面支持，并且可以根据实际项目的需要，采用代码优先（Code First）或者 WSDL 优先（WSDL First）来轻松地实现 Web Services 的发布和使用，同时它能与spring进行完美结合。 在apache cxf官网提供
  • angular.equals boyitech AngularJSAngularJS APIAnguarJS 中文APIangular.equals
    angular.equals   描述: 比较两个值或者两个对象是不是 相等。还支持值的类型，正则表达式和数组的比较。   两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项： 两个值或者对象能通过=== （恒等） 的比较 两个值或者对象是同样类型，并且他们的属性都能通过angular
  • java-腾讯暑期实习生-输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1] bylijinnan java
    这道题的具体思路请参看 何海涛的微博：http://weibo.com/zhedahht import java.math.BigInteger; import java.util.Arrays; public class CreateBFromATencent { /** * 题目：输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A
  • FastDFS 的安装和配置 修订版 Chen.H linuxfastDFS分布式文件系统
    FastDFS Home:http://code.google.com/p/fastdfs/ 1. 安装 http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html 安装libevent (对libevent的版本要求为1.4.
  • [强人工智能]拓扑扫描与自适应构造器 comsci 人工智能
          当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢?       那么,现在我们必须设计新的模块和代码包来处理上面的问题
  • oracle merge into的用法 daizj oraclesqlmerget into
    Oracle中merge into的使用 http://blog.csdn.net/yuzhic/article/details/1896878 http://blog.csdn.net/macle2010/article/details/5980965 该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中，使用此命令必须同时指定UPDATE 和INSE
  • 不适合使用Hadoop的场景 datamachine hadoop
    转自：http://dev.yesky.com/296/35381296.shtml。 　　Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候，会听到脱口而出的回答：Hadoop!  实际上Hadoop被设计和建造出来，是用来解决一系列特定问题的。对某些问题来说，Hadoop至多算是一个不好的选择，对另一些问题来说，选择Ha
  • YII findAll的用法 dcj3sjt126com yii
    看文档比较糊涂，其实挺简单的： $predictions=Prediction::model()->findAll("uid=:uid",array(":uid"=>10));   第一个参数是选择条件：”uid=10″。其中:uid是一个占位符，在后面的array(“:uid”=>10)对齐进行了赋值； 更完善的查询需要
  • vim 常用 NERDTree 快捷键 dcj3sjt126com vim
    下面给大家整理了一些vim NERDTree的常用快捷键了，这里几乎包括了所有的快捷键了，希望文章对各位会带来帮助。 切换工作台和目录 ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置 o 在已有窗口中打开文件、目录或书签，并跳
  • Java把目录下的文件打印出来 蕃薯耀 列出目录下的文件文件夹下面的文件目录下的文件
    Java把目录下的文件打印出来 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 11:02:
  • linux远程桌面----VNCServer与rdesktop hanqunfeng Desktop
    windows远程桌面到linux，需要在linux上安装vncserver，并开启vnc服务，同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。   linux远程桌面到windows，需要在linux上安装rdesktop，同时开启windows的远程桌面访问。   下面分别介绍，以windo
  • guava中的join和split功能 jackyrong java
    guava库中，包含了很好的join和split的功能，例子如下： 1） 将LIST转换为使用字符串连接的字符串    List<String> names = Lists.newArrayList("John", "Jane", "Adam", "Tom");
  • Web开发技术十年发展历程 lampcy androidWeb浏览器html5
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • 架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好) nannan408 buffer
    1.前言。   如题。 2.代码。   IoService IoService是一个接口，有两种实现：IoAcceptor和IoConnector；其中IoAcceptor是针对Server端的实现，IoConnector是针对Client端的实现；IoService的职责包括： 1、监听器管理 2、IoHandler 3、IoSession
  • ORA-00054:resource busy and acquire with NOWAIT specified Everyday都不同 oraclesessionLock
    [Oracle] 今天对一个数据量很大的表进行操作时，出现如题所示的异常。此时表明数据库的事务处于“忙”的状态，而且被lock了，所以必须先关闭占用的session。   step1，查看被lock的session：   select t2.username, t2.sid, t2.serial#, t2.logon_time from v$locked_obj
  • javascript学习笔记 tntxia JavaScript
      javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number：就是数字值，包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象，不用多说function:我们熟悉的方法，也就是
  • Java enum的用法详解 xieke90 enum枚举
    Java中枚举实现的分析：     示例：  public static enum SEVERITY{ INFO,WARN,ERROR }     enum很像特殊的class，实际上enum声明定义的类型就是一个类。 而这些类都是类库中Enum类的子类      (java.l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他