UnspoKen995
UnspoKen995

【前端】事件代理（事件委托）

事件代理（事件委托）

在面试时遇到了事件代理的问题，当时有点懵没有反应过来事件代理是什么东西，幸好面试官小姐姐提示我事件代理其实就是事件委托，我才恍然大悟。

首先我们在JS高级程序设计这本书中找一下事件委托的概念：

事件委托利用了事件冒泡，只指定一个事 件处理程序，就可以管理某一类型的所有事件。

简单来说，事件委托即事件代理，就是把多个节点的事件根据事件冒泡的原理绑定到其父节点上，以减少不必要的性能损耗。

代码举例，假如我们需要实现单击单元格并使其变色的功能，
方法一：

// 通过循环为每一个td都绑定一个onclick事件

<html>
<head>
    <title>testtitle>
head>
<body>
    <table id="tableTest" style="border: 1px solid #000">
        <tr id="trTest">
            <td>itemtd>
            <td>itemtd>
            <td>itemtd>
            <td>itemtd>
            <td>itemtd>
        tr>
        

    table>
    <script type="text/javascript">
        window.onload = function () {
            var oTr = document.getElementById("trTest");
            var oTd = oTr.getElementsByTagName("td");
            //alert(oTd.length);
            for(let i = 0; i < oTd.length; i++){
                
                oTd[i].onclick = function () {
                    //alert(i);
                    this.style.backgroundColor = 'yellow';
                }
            }
        }

    script>
body>
html>

通过循环为每一个td都绑定一个onclick事件固然可以，担当td数量很多的时候不免会造成一些性能问题，所以我们可以通过事件委托，将td的onclick事件通过事件冒泡的原理绑定到tr上，以减少不必要的性能浪费，所以我们来下面这个fang。
方法二：

// 将td事件绑定到tr

<html>
<head>
    <title>testtitle>
head>
<body>
    <table id="tableTest" style="border: 1px solid #000">
        <tr id="trTest">
            <td>itemtd>
            <td>itemtd>
            <td>itemtd>
            <td>itemtd>
            <td>itemtd>
        tr>
        

    table>
    <script type="text/javascript">

        window.onload = function () {
     
            var oTr = document.getElementById("trTest");
            oTr.onclick = function () {
                // 获取事件源
                var ev = window.event.srcElement;
                ev.style.backgroundColor = 'yellow';
            }

        }
    script>
body>
html>

昨天在字节跳动笔试时遇到一个这样的问题：

简述浏览器中事件代理的原理，并实现一个代理方法eventProxy，调用方法：eventProxy(el, className, callback)，参数解释：

  • el:绑定事件的节点
  • className: 拥有该类名的子元素会触发事件
  • callback: 事件回调

事件代理的原理上文已讲到，即通过事件冒泡，将多个元素的事件绑定到一个元素上。
至于eventProxy的实现有点没搞懂，感觉可能是想要考察获取事件源吧？
以下是我理解的代码（不正确的可能性极大），求指正。

function eventProxy(el, className, callback) {
	// el:绑定事件的节点
	// className: 拥有该类名的子元素会触发事件
	// callback: 事件回调
	var oObj = window.event.srcElement; // 获取事件源

	if(oObj == el){

		// 获取oObj下的所有子元素 
		oClass = oObj.getElementByTagName('*');

		for(let i = 0; i < oClass.length; i++){

			// 如果子元素的类名为 className
			if(oClass[i].className == className)
				callback(oClass[i]);
		}
	}
}

你可能感兴趣的:(前端,事件委托,事件代理,事件源,冒泡)

  • 设计模式-行为型模式 Normal Developer 设计模式
    行为型设计模式主要关注对象之间的职责分配，即它们如何交互以及如何分配职责。这类模式不仅描述了如何在对象之间划分责任，还涉及算法的封装和实现。以下是几种常见的行为型设计模式及其简要说明：1.观察者模式(ObserverPattern)目的：定义一种一对多的依赖关系，使得当一个对象的状态发生变化时，所有依赖于它的对象都会得到通知并自动更新。应用场景：事件处理系统、订阅发布机制。示例：importjav
  • 【数据仓库】指标管理 数据仓库
    一、指标介绍什么是指标？指标就是用来量化事物的一个工具，帮助我们去将一些抽象的事件得出一个轮廓上的描述。例如我们可以从指标上判断一个产品的好坏，用户粘性等等，例如我们通过日活能去判断出我们整个产品的用户量，从而能反应出我们这个产品的一个健康程度。那么数据仓库中，建立指标体系有以下几点核心意义：统一数据口径，消除歧义（各部门对指标定义不统一）支撑业务决策，提升效率（监控业务健康度）优化资源分配，成本
  • JavaScript系列（89）--前端模块化工程详解 一进制ᅟᅠ        ‌‍‎‏  JavaScript前端javascript状态模式
    前端模块化工程详解前端模块化是现代Web开发的核心理念之一，它帮助我们组织和管理日益复杂的前端代码。本文将详细探讨前端模块化工程的各个方面，从基础概念到实际应用。模块化概述小知识：模块化是指将一个复杂的系统分解为独立的、可复用的模块。在前端开发中，模块化有助于提高代码的可维护性、可测试性和可重用性，同时促进团队协作和大型应用的开发。模块化标准与演进//1.CommonJS规范classCommon
  • vue3中子组件调用父组件事件 小华0000 vue.jsjavascript前端
    在Vue3中，子组件调用父组件的事件（或方法）的方式与Vue2类似，但Vue3引入了CompositionAPI，这可能会改变你组织代码的方式。不过，基本的通信机制——通过自定义事件($emit)通知父组件——仍然保持不变。以下是如何在Vue3中使用OptionsAPI和CompositionAPI的示例：使用OptionsAPI父组件(ParentComponent.vue)父组件importC
  • fastapi 大型应用_FastApi项目实战 - 爱投票管理系统（一） 赌徒梦 fastapi大型应用
    一、闲来无事，在工作之余自己研究了一下python的异步框架-fastapi，并写包括1、部门管理2、角色管理3、用户管理4、菜单管理5、登录日志6、操作日志7、添加反爬机制六个基础功能模块，演示链接：https://www.lovevote.cn，账号：admin，密码：admin由于我的电脑问题，下载的vue依赖包有几个发生了版本冲突，打包部署后偶尔会在点击菜单按钮时发生前端延时(这时表现为缓
  • springboot + vue 前后端完全分离的博客项目 明日再死 SpringBootvue.jsspringbootrestful
    文章目录前言一、运行截图二、前后台功能前端构架后端架构运行截图总结源码地址前言学完了springboot后，又花了十一天学完了禹神的vue2.x与3.x，一直想找机会练习一下vue来制作单页面前端程序，正巧，B站上看了一位叫markerhub的up主发了这个项目，于是我看了看源码，做了一些改进（源码学习，并非白嫖谢谢）一、运行截图登录界面注册界面找回密码界面二、前后台功能前端构架vue2.xvue
  • 前端学习资料集合 mdnbnb 前端
    针对前端的学习，不同阶段采用的方式是不一样的。本文把前端的学习分为入门、实战、进阶三个阶段。下面分开来说一、入门阶段入门阶段的目标是学会前端的基本语法和知识，能够解决一些简单的问题。这个阶段不建议看书学习，效率太慢。这个阶段不追求知识广度，只要求能够快速上手就行。建议直接找一些介绍前端的基础知识的视频课程来看。推荐一个比较经典的课程。前端基础班就业班实战项目全套课程聊聊前端开发的基础知识4小时带你
  • Spring Boot启动过程? 点滴~ 面试springspringboot后端java
    目录1.启动入口2.SpringApplication初始化3.准备环境4.创建应用上下文（ApplicationContext）5.准备应用上下文6.刷新应用上下文7.启动Web服务器（若为Web应用）8.发布ApplicationStartedEvent事件9.执行Runner10.发布ApplicationReadyEvent事件1.启动入口SpringBoot应用的启动从main方法开始，
  • UnionLLM——通过统一接口调用国内外所有LLM的Python开源工具包 everfly pythongithub
    最近忙里偷闲和公司前端小伙伴一起撸了一个Python开源项目——UnionLLM。这是一个通过与OpenAI兼容的统一方式调用各种国内外各种大语言模型和Agent编排工具的轻量级开源工具包。我们开发它的起因是因为在实际项目中，经常需要调用多个大语言模型的API，但是国内每个大语言模型的接口和参数都不一样，这给我们的工作带来了很大的困扰和额外的成本。UnionLLM的目标是通过统一且容易扩展的方式连
  • ffmpeg拉流设置暂停_解决ffmpeg拉流转发频繁丢包问题max delay reached. need to consume packet... weixin_39872191 ffmpeg拉流设置暂停
    软件：1、流媒体服务器EasyDarwin-windows-8.1.0-19011411512、ffmpeg-20181001-dcbd89e-win64-static3、直播源：rtsp://192.168.1.168/04、流媒体服务器EasyDarwin地址rtsp://192.168.1.28/3问题现象[rtsp@0000000000122bc0]maxdelayreached.need
  • HTML5期末大作业：基于 html css js仿腾讯课堂首页 web学生网页设计 web前端cssdreamweaverhtmlhtml5期末作业
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • 探索前端开发的无限可能：30个HTML+CSS案例集锦 唐红娉Trevor
    探索前端开发的无限可能：30个HTML+CSS案例集锦30个HTMLCSS前端开发案例完结篇项目地址:https://gitcode.com/Resource-Bundle-Collection/a6ecb项目介绍在快速发展的前端开发领域，掌握HTML和CSS是每一位开发者的基本功。为了帮助开发者从入门到精通，我们精心打造了一个包含30个案例的HTML+CSS前端开发案例集锦。这个项目不仅涵盖了从
  • web前端开发面试题 书亦何欢* 基本前端
    1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值，relative和absolute分别是相对于谁进行定位的？§absolute:生成绝对定位的元素，相对于最近一级的定位不是static的父元素来进行定位。§fixed（老IE不支持）
  • 报错解决 dynamic-datasource can not find primary datasource 码云217 mybatisspring数据库
    目录一.报错详情1.1使用mybatis-plus多数据源时，启动报找不到主数据源1.2.找不到URL数据源二.解决办法2.1引入了多数据源的依赖，但是没有使用多数据源2.2使用了多数据源但是没有指定主数据源12.3添加依赖一.报错详情1.1使用mybatis-plus多数据源时，启动报找不到主数据源com.baomidou.dynamic.datasource.exception.CannotF
  • TypeScript 中的 type 和 interface：你真的了解它们的不同吗？ 初见雨夜 前端typescriptjavascript前端
    如果你有写过Vue3的项目，那么对TypeScript肯定不会陌生。不管是公司新项目技术选型还是个人学习开发新的前端项目，Vue3+TypeScript已经成为首选技术方案之一在TypeScript这个强大的静态类型系统中，type和interface是两个重要的关键字，用于定义和描述数据类型。然而，这两者之间的区别是什么，在实际开发过程中我们要怎么用呢？废话不说，直接进入正题，就让我们一起深入探
  • 浅谈HTML5 html5
    HTML5的时代已经到来，它对所有做前端搭建制作设计开发人员来说是一种福音。HTML5致力于解决跨浏览器问题，可以部分取代JavaScript，HTML5致力于把浏览器变成一个前端执行菠菜程序环境，而不是简单地视图工具。第一部分，了解HTML和XHTMLHTML——HyperTextMarkupLanguage(超文本标记语言)，它的发展史比较复杂，从1991年年底推出HTML,当时HTML并没有
  • Linux C: hook read和write函数 Fiyanna linuxc语言开发语言运维c++
    文章目录一、什么是Hook二、如何实现三、结果一、什么是Hook通过拦截软件模块间的函数调用、消息传递、事件传递来修改或扩展操作系统、应用程序或其他软件组件的行为的各种技术。处理被拦截的函数调用、事件、消息的代码，被称为hook二、如何实现主要有定义类型、初始化、实现原始接口三个部分定义类型typedefssize_t(*read_t)(intfd,char*buf,size_tcount);ty
  • zabbix安装使用 吃不到的烤鱼 运维zabbix
    文章目录1.zabbix安装1.1安装zabbix-release1.2安装server/proxy/前端1.2创建数据库1.2.1安装mysql(如果已有数据库可以跳过)1.2.2创建zabbix账号和数据库1.2.3导入zabbix数据库1.3配置zabbix服务1.4启动zabbix1.4.1启动zabbix服务1.4.2zabbixphp相关配置(主要为时区配置)1.4.3SELinux配
  • Java spring面试题及答案（1~11题） 蒙娜丽莎的Java java面试学习路线javaspring开发语言githubmysql
    1、SpringMVC的工作原理？●用户向服务器发送请求，请求被springMVC前端控制器DispatchServlet捕获；●DispatcherServle对请求URL进行解析，得到请求资源标识符（URL），然后根据该URL调用HandlerMapping将请求映射到处理器HandlerExcutionChain；●DispatchServlet根据获得Handler选择一个合适的Handl
  • Qt 中，**信号与槽（Signals & Slots）机制 enyp80 qt数据库开发语言
    在Qt中，信号与槽（Signals&Slots）机制是实现对象间通信的核心模式，通常也被视为一种高效的“通知者模式”。它允许对象在特定事件发生时通知其他对象，且完全解耦。核心概念信号（Signal）由signals关键字声明，表示事件发生（如用户点击、数据更新）。无需实现代码，由Qt的元对象系统（Meta-ObjectSystem）自动生成。示例：voidvalueChanged(intnewVa
  • 【数据分析】4 商业数据分析技能模型总结 loyd3 数据分析数据分析数据挖掘
    优秀的商业分析师需要具备的能力数据分析能力逻辑思维能力赢得结果能力一、数据分析能力扩展：工具链生态与进阶场景1.数据获取技术升级企业级数据源管理：数据湖架构（AWSS3/阿里云OSS）与数据仓库（Snowflake/Redshift）权限管理API自动化采集（Postman+PythonRequests模块）反爬虫策略突破（IP代理池/Selenium模拟登录）新兴数据源拓展：社交舆情数据（Twi
  • 从ECMAScript到JavaScript：前端编程的基石 大雨淅淅 前端开发ecmascriptjavascript前端
    目录一、什么是ECMAScript二、发展历程回顾三、核心特性解析3.1基础类型与数据结构3.2函数的进阶用法3.3对象的操作与扩展3.4类与面向对象编程3.5异步编程四、实际应用场景4.1Web前端开发4.2Node.js后端开发4.3移动应用开发五、未来展望一、什么是ECMAScriptECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）通过ECMA-262标准化的脚本程序设
  • Vue.js 详细介绍 DOMINICHZL vue.jsvue.js
    1.引言在前端开发领域，Vue.js无疑是一个备受瞩目的框架。它以其轻量、易用和高效的特点，迅速成为开发者们的首选。无论你是前端新手，还是有一定经验的开发者，Vue.js都能为你提供强大的支持。本文将带你从零开始，深入了解Vue.js的核心概念、使用方法以及最佳实践。2.Vue.js简介2.1什么是Vue.js？Vue.js是一套用于构建用户界面的渐进式JavaScript框架。与其他大型框架不同
  • Spring MVC 的执行流程 圈圈编码 springmvcjava
    SpringMVC是一个基于Java的请求驱动型Web框架，其核心设计围绕前端控制器模式，通过DispatcherServlet协调各个组件处理HTTP请求。以下是其完整的执行流程，共分为8个核心步骤：1.HTTP请求到达DispatcherServlet入口：所有请求首先由DispatcherServlet（前端控制器）接收。配置：在web.xml中定义DispatcherServlet并映射U
  • 在 CentOS 上安装 Docker 和 Docker Compose（可指定版本或安装最新版本） 用数据说话用数据决策 centosdockerlinux
    文章目录一、安装Docker1.1安装最新版本的Docker1.2安装指定版本的Docker二、配置Docker镜像加速器（国内镜像源）三、安装DockerCompose3.1安装最新版本的DockerCompose3.2安装指定版本的DockerCompose四、卸载Docker和DockerCompose4.1卸载Docker4.2卸载DockerCompose五、常见问题与解决方案六、总结一
  • Request header is too large 请求头太大 james二次元 nginx
    在我们的日常开发工作中，可能会遇到请求头太大的问题，导致请求失败F12可以看到，前端传入了很长一段参数后台可以看到问题原因：请求头超过了tomcat的限制值。post请求是没有参数大小限制，但是服务器有自己的默认大小解决方式一：可以修改Tomcat的server.xml文件增加maxHttpHeaderSize参数配置,当maxPostSize=0时,表示不限制解决方式二：如果你是SpringBo
  • 解锁观察者模式：Java编程中的高效事件管理之道 编程巫师 设计模式java观察者模式
    系列文章目录后续补充~~~文章目录一、引言：探索观察者模式的奥秘二、观察者模式的核心原理2.1模式定义与概念2.2关键角色剖析2.3工作机制深度解析三、观察者模式在Java中的实现3.1手动实现观察者模式3.2使用JDK内置的观察者模式3.3代码示例解析与对比四、观察者模式的应用项目场景4.1电商系统中的应用4.2游戏开发中的应用4.3消息推送系统中的应用五、观察者模式的优势与挑战5.1显著优势5
  • java将文件流传给前端,JAVA基础知识之InputStreamReader流 和 将本地文件通过前端上传到服务器上... GrapeDoor java将文件流传给前端
    将本地文件通过前端上传到服务器上publicBaseResponseSwaggerresolveFile(@Valid@ApiParam(value="file")@RequestParam(name="file",required=true)MultipartFilefile){if(file.isEmpty()){thrownewSoftwareException(ComStatusCodeE
  • Vue学习教程-16html标签元素绑定事件 番茄番茄君 vue.js学习前端
    文章目录前言一、表单数据绑定事件二、多媒体元素绑定1.图片img和视频元素video三、容器元素绑定事件前言在Vue中，你可以通过v-on指令（或在Vue2.x中简写为@）来绑定事件。这种方式允许你监听DOM事件，并在触发时执行一些JavaScript代码。常见的元素主要是表单数据元素、多媒体元素和容器元素。一、表单数据绑定事件常见的表单数据元素1.文本输入框元素3.多选框元素4.下拉框元素5.按
  • React面试（一） 束尘 vue.jsjavascript前端react.js
    文章目录1.vue和react有什么异同2.useEffect中为什么不能使用异步3.useEffect和useLayoutEffect的区别4.react的生命周期5.state和prop的区别6.受控组件和非受控组件7.为什么react16之后不把事件挂载到document上了8.讲一下react的hoc，它可以用来做什么？9.讲一下对reactfiber的理解10.讲一下react.comp
  • scala的option和some 矮蛋蛋 编程scala
    原文地址： http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html 对于学习 Scala 的 Java™ 开发人员来说，对象是一个比较自然、简单的入口点。在 本系列 前几期文章中，我介绍了 Scala 中一些面向对象的编程方法，这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念，找到其缺点
  • NullPointerException Cb123456 androidBaseAdapter
        java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference     出现以上异常.然后就在baidu上
  • PHP使用文件和目录 天子之骄 php文件和目录读取和写入php验证文件php锁定文件
    PHP使用文件和目录 1.使用include()包含文件 (1)：使用include()从一个被包含文档返回一个值 (2)：在控制结构中使用include()   include_once()函数需要一个包含文件的路径，此外，第一次调用它的情况和include()一样，如果在脚本执行中再次对同一个文件调用，那么这个文件不会再次包含。   在php.ini文件中设置
  • SQL SELECT DISTINCT 语句 何必如此 sql
    SELECT DISTINCT 语句用于返回唯一不同的值。 SQL SELECT DISTINCT 语句 在表中，一个列可能会包含多个重复值，有时您也许希望仅仅列出不同（distinct）的值。 DISTINCT 关键词用于返回唯一不同的值。 SQL SELECT DISTINCT 语法 SELECT DISTINCT column_name,column_name F
  • java冒泡排序 3213213333332132 java冒泡排序
    package com.algorithm; /** * @Description 冒泡 * @author FuJianyong * 2015-1-22上午09:58:39 */ public class MaoPao { public static void main(String[] args) { int[] mao = {17,50,26,18,9,10
  • struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题！ 7454103 DAOspringAjaxjsonqq
    struts2.18  出来有段时间了！ （貌似是 稳定版）   闲时研究下下！  貌似 sruts2 搭配 json 做 ajax 很吃香！   实践了下下！ 不当之处请绕过！ 呵呵   网上一大堆 struts2+json  不过大多的json 插件 都是 jsonplugin.34.jar   strut
  • struts2 数据标签说明 darkranger jspbeanstrutsservletScheme
    数据标签主要用于提供各种数据访问相关的功能，包括显示一个Action里的属性，以及生成国际化输出等功能 数据标签主要包括： action ：该标签用于在JSP页面中直接调用一个Action，通过指定executeResult参数，还可将该Action的处理结果包含到本页面来。 bean ：该标签用于创建一个javabean实例。如果指定了id属性，则可以将创建的javabean实例放入Sta
  • 链表.简单的链表节点构建 aijuans 编程技巧
    /*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h" #define NODE(name, key_word, help) \  Node name[1]={{NULL, NULL, NULL, key_word, help}} typedef struct node {  &nbs
  • tomcat下jndi的三种配置方式 avords tomcat
    jndi(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来，使得我们可以用名称 访问对象。目录服务是一种命名服务，在这种服务里，对象不但有名称，还有属性。          tomcat配置
  • 关于敏捷的一些想法 houxinyou 敏捷
    从网上看到这样一句话：“敏捷开发的最重要目标就是：满足用户多变的需求，说白了就是最大程度的让客户满意。” 感觉表达的不太清楚。 感觉容易被人误解的地方主要在“用户多变的需求”上。 第一种多变，实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的，只是比较多，也比较混乱，用户一般只能了解自己的那一小部分，所以没有用户能清楚的表达出整体需求。而由于各种条件的，用户表达自己那一部分时也有
  • 富养还是穷养，决定孩子的一生 bijian1013 教育人生
    是什么决定孩子未来物质能否丰盛？为什么说寒门很难出贵子，三代才能出贵族？真的是父母必须有钱，才能大概率保证孩子未来富有吗？-----作者：@李雪爱与自由 事实并非由物质决定，而是由心灵决定。一朋友富有而且修养气质很好，兄弟姐妹也都如此。她的童年时代，物质上大家都很贫乏，但妈妈总是保持生活中的美感，时不时给孩子们带回一些美好小玩意，从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
  • oracle 日期时间格式转化 征客丶 oracle
    oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP； SYSDATE：不支持毫秒，取的是系统时间； SYSTIMESTAMP：支持毫秒，日期，时间是给时区转换的，秒和毫秒是取的系统的。 日期转字符窜： 一、不取毫秒： TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS') 简要说明， YYYY 年 MM   月
  • 【Scala六】分析Spark源代码总结的Scala语法四 bit1129 scala
    1. apply语法   FileShuffleBlockManager中定义的类ShuffleFileGroup，定义：   private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) { ... def apply(bucketId
  • Erlang中有意思的bug bookjovi erlang
      代码中常有一些很搞笑的bug，如下面的一行代码被调用两次（Erlang beam） commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b Author: Jovi Zhang <[email protected]> Date: Fri Dec 2 16:19:22 2011 +0100 erts:
  • 移位打印10进制数转16进制-2008-08-18 ljy325 java基础
    /** * Description 移位打印10进制的16进制形式 * Creation Date 15-08-2008 9:00 * @author 卢俊宇 * @version 1.0 * */ public class PrintHex { // 备选字符 static final char di
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 利用cmd命令将.class文件打包成jar chenyu19891124 cmdjar
    cmd命令打jar是如下实现： 在运行里输入cmd，利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes) 现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作： cd D: 回车 cd workspace/prpal
  • [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明 comsci eclipse设计模式算法工作swing
                           JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明     &nb
  • SecureCRT右键粘贴的设置 daizj secureCRT右键粘贴
    一般都习惯鼠标右键自动粘贴的功能，对于SecureCRT6.7.5 ，这个功能也已经是默认配置了。 老版本的SecureCRT其实也有这个功能，只是不是默认设置，很多人不知道罢了。 菜单： Options->Global Options ...->Terminal 右边有个Mouse的选项块。 Copy on Select Paste on Right/Middle
  • Linux 软链接和硬链接 dongwei_6688 linux
    1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。 【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连
  • DIV底部自适应 dcj3sjt126com JavaScript
    <!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/1999/xhtml&q
  • Centos6.5使用yum安装mysql——快速上手必备 dcj3sjt126com mysql
    第1步、yum安装mysql [root@stonex ~]#  yum -y install mysql-server 安装结果： Installed:     mysql-server.x86_64 0:5.1.73-3.el6_5                   &nb
  • 如何调试JDK源码 frank1234 jdk
    相信各位小伙伴们跟我一样，想通过JDK源码来学习Java，比如collections包，java.util.concurrent包。 可惜的是sun提供的jdk并不能查看运行中的局部变量，需要重新编译一下rt.jar。 下面是编译jdk的具体步骤：         1.把C:\java\jdk1.6.0_26\sr
  • Maximal Rectangle hcx2013 max
    Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.   public class Solution { public int maximalRectangle(char[][] matrix)
  • Spring MVC测试框架详解——服务端测试 jinnianshilongnian spring mvc test
    随着RESTful Web Service的流行，测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架，如果版本低于3.2，请使用spring-test-mvc项目（合并到spring3.2中了）。   Spring MVC测试框架提供了对服务器端和客户端（基于RestTemplate的客户端）提供了支持。 &nbs
  • Linux64位操作系统（CentOS6.6）上如何编译hadoop2.4.0 liyong0802 hadoop
    一、准备编译软件   1.在官网下载jdk1.7、maven3.2.1、ant1.9.4，解压设置好环境变量就可以用。     环境变量设置如下：   （1）执行vim /etc/profile （2）在文件尾部加入: export JAVA_HOME=/home/spark/jdk1.7 export MAVEN_HOME=/ho
  • StatusBar 字体白色 pangyulei status
    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent]; /*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
  • 如何分析Java虚拟机死锁 sesame javathreadoracle虚拟机jdbc
    英文资料： Thread Dump and Concurrency Locks   Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
  • 位运算简介及实用技巧（一）：基础篇 tw_wangzhengquan 位运算
    http://www.matrix67.com/blog/archives/263    去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一，很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料，学习到了更多关于位运算的知识，有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章，与其说是原来那篇文章的follow-up，不如说是一个r
  • jsearch的索引文件结构 yangshangchuan 搜索引擎jsearch全文检索信息检索word分词
    jsearch是一个高性能的全文检索工具包，基于倒排索引，基于java8，类似于lucene，但更轻量级。   jsearch的索引文件结构定义如下：     1、一个词的索引由=分割的三部分组成：        第一部分是词        第二部分是这个词在多少
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他