风影无忌
风影无忌

测试DOM0级事件和DOM2级事件的堆叠

1. 问题

如果大家看过北风网CJ讲师的Javascript视频教程，就可以看到其封装了一个很强的事件添加和删除函数，如下所示

 1  function addEvent(obj, evtype, fn) {
 2     //符合W3C的事件模型
 3     if (obj.addEventListener) {
 4         obj.addEventListener(evtype,fn,false);
 5         return obj;
 6     }
 7         
 8     //IE或Opera浏览器
 9     if (!obj.functions) obj.functions={};
10     if (!obj.functions[evtype])
11         obj.functions[evtype] = [];
12         
13     var functions=obj.functions[evtype];
14     for (var i=0;i<functions.length;i++) {
15         if (functions[i] === fn) return obj;
16     }
17     functions.push(fn);
18     
19     
20     if (typeof obj["on"+evtype]=="function") {
21         if (obj["on"+evtype]!=handler)
22             functions.push(obj["on"+evtype]);
23     }
24     obj["on"+evtype]=handler;
25     return obj;    
26 }
27 
28 
29  function delEvent(obj,evtype,fn) {
30     if (obj.removeEventListener) {
31         obj.removeEventListener(evtype,fn,false);
32         return obj;
33     }
34     var fns=obj.functions || {};
35     fns=fns[evtype] || [];
36     for (var i=0;i<fns.length;i++) {
37         if (fns[i]==fn) {
38             fns.splice(i,1);
39             return obj;
40         }
41     }
42 }

它因为各种原因，没有采用IE的DOM2级事件添加函数attachEvent，以期达到非常完美的兼容性，据说可以到 IE5.5 或以下。分析代码页可以看到，它通过给DOM元素添加一个以 on + ‘type’ 为名的属性，其对应的值是一个处理函数的数组，本质来说就是仅仅利用 DOM0级提供的接口 elem.onclick = function () { ...} 来添加事件。

一直以来没有发现什么问题，直到给别人使用时，发现IE6~8通过该封装函数 addEvent 添加的 load 事件并没有执行，调试代码发现别人在 JS 中通过 window.onload 赋了一个处理函数，顿时明白这种 addEvent 封装的一个大Bug，原因很简单，通过DOM0级提供的事件接口多次添加时，后面的函数会覆盖前面的，而这种 addEvent 本质上就是一个 DOM0级函数，所以肯定会被后面的覆盖。

也就是说， addEvent 是假定网页JS代码中不使用 DOM0级添加事件。

 

2. 构建测试页面和代码

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 5     <script src="dom.event.js"></script>
 6     <title>测试DOM0级事件和DOM2级事件的堆叠</title>
 7 </head>
 8 <body>
 9     <textarea name="have" id="output" cols="30" rows="10"></textarea>
10 
11     <button id="testBtn">测试</button>
12 
13     <script type="text/javascript">
14         var btn = document.getElementById('testBtn');
15         var output = document.getElementById('output');
16 
17 
18         // 标准的 DOM2 级事件添加方法
19         // if (btn.addEventListener) {
20         //     btn.addEventListener('click', function () {
21         //         output.value += 'DOM 2 Level Click\r\n';
22         //     });
23         // } else {
24         //     btn.attachEvent('onclick', function () {
25         //         output.value += 'DOM 2 Level Click\r\n';
26         //     })
27         // }
28 
29         // 使用封装的 addEvent 函数
30         // addEvent(btn, 'click', function () {
31         //     output.value += 'DOM 2 Level Click\r\n';
32         // });
33 
34         btn.onclick = function () {
35             output.value += 'DOM 0 Level Click 111111\r\n';
36         }
37 
38         btn.onclick = function () {
39             output.value += 'DOM 0 Level Click 222222\r\n';
40         }
41 
42     </script>
43 </body>
44 </html>

测试1：点击测试按钮，可以看到textarea 中只是输出 DOM 0 Level Click 22222 信息，也就是后面添加的事件覆盖了之前添加的，跟变量赋值是一个道理！！

测试2：将 DOM2 级事件添加的代码反注释掉，打开网页点击测试按钮，可以看到会输出 DOM 2 Level Click 和 DOM 0 Level Click 22222，也就是说DOM0 级事件和 DOM2 级添加的事件都会处理，DOM0级并不会覆盖 DOM2 添加的事件处理函数。

测试3： 将 DOM2 级事件保持注释状态，反注释掉 addEvent 部分， 可以看到只会输出 DOM 0 Level Click 22222。

测试4： 在测试3 的基础上， 注释掉后面两个 DOM0 级添加事件的代码，以测试 addEvent 的输出，可以看到它输出 DOM 2 Level Click, 从而证明测试3中其被覆盖的结论。

 

3. 总结

　　1) DOM0 级事件和 DOM2 级事件可以共存；

　　2) 尽量不要写 DOM0 级事件，特别是代码提供给别人使用时，绝对不能写！

你可能感兴趣的:(测试DOM0级事件和DOM2级事件的堆叠)

  • 使用 Python 编写网络爬虫：从入门到实战 Manaaaaaaa python爬虫开发语言
    网络爬虫是一种自动化获取网页信息的程序，通常用于数据采集、信息监控等领域。Python是一种广泛应用于网络爬虫开发的编程语言，具有丰富的库和框架来简化爬虫的编写和执行过程。本文将介绍如何使用Python编写网络爬虫，包括基本原理、常用库和实战案例。一、原理介绍网络爬虫是一种自动化程序，通过模拟浏览器的行为向网络服务器发送HTTP请求，获取网页内容并进一步提取所需信息的过程。网络爬虫主要用于数据采集
  • JavaScript 内置对象-Math对象 咖啡の猫 javascript开发语言
    在JavaScript编程中，处理各种数学运算和数值操作是不可避免的任务。幸运的是，JavaScript提供了一个非常有用的内置对象——Math对象，它包含了大量用于执行常见数学任务的方法和属性。本文将详细介绍Math对象的主要特性和使用方法，帮助你更高效地进行数学相关的编程工作。一、什么是Math对象？Math是一个内置的对象，提供了对数学常量和函数的访问。与其它全局对象不同，Math不是一个构
  • 列表推导式_Python教程 曹操贪慕小乔 python基础pythonnumpy算法
    内容摘要Python中存在一种特殊的表达式，名为推导式，它的作用是将一种数据结构作为输入，再经过过滤计算等处理，最后输出另一种数据结构。根据数据结构的不同会被分为列表推导式、文章正文Python中存在一种特殊的表达式，名为推导式，它的作用是将一种数据结构作为输入，再经过过滤计算等处理，最后输出另一种数据结构。根据数据结构的不同会被分为列表推导式、集合推导式和字典推导式。我们先着重来介绍最常使用的列
  • 使用agent搭建一个简易的ai论文写作程序 喂喂喂喂位 langChain手搓AIAgent记录人工智能langchain深度学习pythonAIGC
    本程序能够自动化完成从规划、研究、撰写到修改的整个论文创作流程。基于LangGraph和LangChain框架构建，利用大型语言模型和搜索工具协同工作，形成了一个完整的论文写作流水线。核心功能分析计划生成功能(plan_node)这个node将接收状态，然后创建一个消息列表。其中一个将是PLAN_PROMPT，那将是SystemMessage。然后创建HumanMessage，传入我们要做的tas
  • JavaScript基础-变量的作用域 難釋懷 javascript开发语言
    在学习JavaScript的过程中，理解变量的作用域是至关重要的。作用域决定了变量的可见性和生命周期，即在程序的哪些部分可以访问这些变量。正确理解和应用变量作用域不仅能帮助编写更清晰、更高效的代码，还能避免一些常见的编程错误。本文将详细介绍JavaScript中的变量作用域概念、类型及其应用场景。一、什么是作用域？作用域（Scope）是指变量的有效范围，在这个范围内，变量是可以被访问和使用的。Ja
  • 【数字IC验证】博客内容全览 MoorePlus 数字IC验证百宝箱经验分享面试数字IC芯片验证SV
    【导读】：数字IC验证百宝箱涵盖博主在实际工作中常用的技能与工具，包括但不限于SV、UVM、Formal、脚本(perl/python/shell)及EDA工具快速上手使用等。无论你是刚踏入职场的验证小白，还是希望回顾基础寻找跳槽机会的从业者，本专栏都能为你提供实用的技术支持，在达成目标的路上，助你一臂之力。“凡是能用钱买来的时间就是便宜的；凡是能用时间换来的注意力持续就是有价值的。”（附上超链接
  • 从零开始探索C++游戏开发：性能、控制与无限可能 南玖yy C++游戏开发c
    一、为何选择C++开发游戏？在虚幻引擎5渲染的次世代画面背后，在《巫师3》的庞大开放世界中，在《毁灭战士》的丝滑60帧战斗里，C++始终扮演着核心技术角色。这门诞生于1983年的语言，至今仍占据着游戏引擎开发语言使用率榜首（根据2023年GameDev调查数据）。其核心竞争力体现在：硬件级控制：手动内存管理允许精确控制资源分配，这对需要管理数百万多边形和4K纹理的3A游戏至关重要零成本抽象：模板元
  • 深入探究 C 语言内存函数：memcpy、memmove、memset 和 memcmp 南玖yy C语言基础c语言开发语言
    一，常见的内存函数在C语言的编程世界里，对内存的高效操作至关重要。C标准库为我们提供了一系列强大的内存操作函数，其中memcpy、memmove、memset和memcmp这四个函数是处理内存数据的得力助手。接下来，让我们深入了解它们的功能、使用方法以及适用场景。1.memcpy：简单直接的内存复制功能memcpy函数的主要功能是从源内存地址复制指定数量的字节到目标内存地址。它不关心内存中的内容是
  • 论单调队列优化DP VU-zFaith870 c++动态规划推荐算法
    前情提要，参考资料：单调队列优化DP（超详细！！！）-endl\n-博客园【动态规划】选择数字（单调队列优化dp）_哔哩哔哩_bilibili背景：最近作者快被DP逼疯了，写篇博客做记录。以下是对各DP的原理阐释：单调队列通过队列元素的吸入与弹出，形成单调性的结构，使算法能够进行线性处理，大大优化了时间复杂度。接下来讲解单调队列在区间DP、背包DP、树形DP还有数位DP中的应用：1.单调队列优化区
  • hive开窗函数总结 weixin_46134848 大数据hivemysql
    文章目录概要整体架构流程示例1示例2小结概要hive开窗函数总结整体架构流程1.窗口函数的基本用法函数名()over()over关键字来指定函数执行的范围,包含三个分析子句:分组(partitionby)子句,排序(orderby)子句,窗口(rows)子句函数名(字段名)over(partitionbyorderbyrowsbetween)窗口大小可以通过rowsbetween…and…来限定,
  • rapidocr-onnxruntime库及在open-webui上传PDF 图像处理 (使用 OCR)应用 原野AI 大模型部署pdfocr深度学习open-webui
    背景rapidocr-onnxruntime是一个跨平台的OCR库，基于ONNXRuntime推理框架。目前已知运行速度最快、支持最广，完全开源免费并支持离线快速部署的多平台多语言OCR。缘起：百度paddle工程化不是太好，为了方便大家在各种端上进行ocr推理，我们将它转换为onnx格式，使用Python/C++/Java/Swift/C#将它移植到各个平台。名称来源：轻快好省并智能。基于深度学
  • C++面向对象三大特性 CodeCuriosity C++c++开发语言
    一、封装封装是将数据和操作数据的函数捆绑在一起形成类，通过访问控制限定符（如private、protected、public）隐藏对象的内部细节，仅对外提供必要接口，以此增强代码的安全性和可维护性。#includeclassBankAccount{private:doublebalance;//私有成员变量，外部无法直接访问public://构造函数，用于初始化账户余额BankAccount(do
  • Java多线程与高并发专题——原子类和 volatile、synchronized 有什么异同？ 黄雪超 技术基础java开发语言并发编程
    原子类和volatile异同首先，通过我们对原子类和的了解，原子类和volatile都能保证多线程环境下的数据可见性。在多线程程序中，每个线程都有自己的工作内存，当多个线程访问共享变量时，可能会出现一个线程修改了共享变量的值，而其他线程不能及时看到最新值的情况。原子类和volatile关键字都能在一定程度上解决这个问题。例如，当一个变量被volatile修饰后，对该变量的写操作会立即刷新到主内存，
  • 前端面试：axios 是否可以取消请求？ returnShitBoy 前端
    在实际工作中，取消请求的场景通常出现在以下几种情况中：用户导航离开页面：如果用户在请求数据的过程中快速切换到另一个页面，可以通过取消未完成的请求来优化性能。输入框的搜索提示：当用户在输入框中输入内容时，可以结合防抖的方式取消之前的请求，从而只保留最新的请求，避免发送过多的请求。取消请求的实现方式Axios提供了CancelToken的功能来实现请求的取消。以下是具体的代码示例：importaxio
  • hive 中优化性能的一些方法 闯闯桑 hivehadoop数据仓库
    在ApacheHive中，性能优化是一个重要的课题，尤其是在处理大规模数据时。通过合理的优化方法，可以显著提升查询速度和资源利用率。以下是一些常见的Hive性能优化方法：1.数据存储优化1.1使用列式存储格式推荐格式:ORC和Parquet。优点:列式存储格式具有更高的压缩率和查询性能。支持谓词下推（PredicatePushdown）和列裁剪（ColumnPruning）。示例:CREATETA
  • 518.零钱兑换II 水代码的程序猿 力扣算法
    中文题目力扣题目链接(opensnewwindow)给定不同面额的硬币和一个总金额。写出函数来计算可以凑成总金额的硬币组合数。假设每一种面额的硬币有无限个。示例1:输入:amount=5,coins=[1,2,5]输出:4解释:有四种方式可以凑成总金额:5=55=2+2+15=2+1+1+15=1+1+1+1+1示例2:输入:amount=3,coins=[2]输出:0解释:只用面额2的硬币不能凑
  • 131.分割回文串 水代码的程序猿 力扣算法leetcode数据结构python
    131.分割回文串力扣题目链接给你一个字符串s，请你将s分割成一些子串，使每个子串都是回文串。返回s所有可能的分割方案。示例1：输入：s="aab"输出：[["a","a","b"],["aa","b"]]示例2：输入：s="a"输出：[["a"]]提示：1List[List[str]]:result=[]path=[]self.backtracking(s,path,result)returnr
  • 远程推送didReceiveRemoteNotification代理方法调用详细说明 Ethan. L iOS开发UIApplication远程推送代理
    前言最近工作中实现远程推送点击状态栏的提醒，直接进入相应地详细界面的功能。遇到了问题，解决之后整理出来！UIApplication有两个关于接收到远程推送的代理：-application:didReceiveRemoteNotification:fetchCompletionHandler:-application:didReceiveRemoteNotification:这两个是什么关系？点击远
  • RapidOCRPDF 项目教程 侯深业Dorian
    RapidOCRPDF项目教程RapidOCRPDFBasedonRapidOCR,extractthePDFcontent.项目地址:https://gitcode.com/gh_mirrors/ra/RapidOCRPDF1.项目介绍RapidOCRPDF是一个基于RapidOCR的开源项目，旨在快速提取PDF文件中的文字内容。该项目支持多种类型的PDF，包括扫描版PDF、加密版PDF以及可直
  • 浪潮退去，程序员们该如何适应？ Ethan. L 程序人生程序人生职场和发展
    大概从2010年开始，忽如一夜春风来，千树万树梨花开，移动互联网开始蓬勃发展，程序员们迎来了春天。在过去的十多年里，程序员这个群体无疑是幸运的，享受了时代的红利，成为了高薪行业的代表。然而在最近的一年里，整体环境变得越来越差，互联网行业也是寒意肆虐。“裁员”和“失业”成了大家茶余饭后的高频词汇。有人说“当浪潮退去，才知道谁在裸泳”。我非常不认可这种说法，在当前的环境下，这无疑是将罪责强加于受害者身
  • AI与SDN结合：智能网络的未来之路 不想加班的码小牛 人工智能网络ai
    一、引言“网络正在从‘被动响应’走向‘主动思考’。”随着云计算、5G和物联网的爆发式增长，传统网络架构面临灵活性不足、运维成本高等挑战。SDN（软件定义网络）通过控制与转发分离革新了网络管理方式，而AI的引入让SDN从“自动化”迈向“智能化”。二、AI+SDN的技术背景1.1为什么需要AI赋能SDN？传统SDN痛点AI的解决能力流量策略依赖人工规则动态学习流量模式，实时优化策略故障定位耗时（如网络
  • DeepSeek：技术创作者的内容革命，从代码到爆文的AI全栈攻略 不想加班的码小牛 人工智能aichatgpt
    一、为什么技术创作者需要关注DeepSeek？作为CSDN的资深用户，你是否经历过这些痛点？选题焦虑：技术热点日新月异，如何抓住「大模型优化」或「量子计算落地」等前沿方向？写作卡顿：明明代码跑通了，却在技术原理描述环节反复修改效率瓶颈：既要写技术文档又要运营专栏，时间永远不够用DeepSeek的多模态理解能力（支持代码+自然语言混合输入）和领域自适应特性（自动识别技术文档/教程/测评等文体），让它
  • SDN技术解码：架构革新与数字化转型实践指南 ——从控制平面到AI融合的网络进化论 不想加班的码小牛 架构平面人工智能网络协议
    一、引言：SDN如何重塑网络价值体系？在数字化浪潮下，传统网络架构的僵化性已成为制约业务创新的瓶颈。SDN（软件定义网络）通过解耦控制与转发平面，将网络从“黑盒设备”转变为“可编程服务”，为云计算、物联网等领域提供动态、智能的网络底座。例如，某金融企业通过SDN实现跨地域数据中心流量智能调度，业务故障恢复时间缩短至分钟级。二、SDN核心架构与技术原理1.三层架构：控制-转发-应用的协同生态•控制层
  • SDN架构解密：控制面如何“指挥”万亿级网络？ ——基于“大脑-四肢”模型的三层架构深度解析 不想加班的码小牛 网络架构人工智能ai
    摘要本文以“大脑-四肢”类比SDN三层架构，揭示控制器如何通过全局视图管理、南向接口标准化（如OpenFlow）与北向API开放能力，实现对万亿级网络的集中化控制。文中包含OpenFlow协议代码示例、网络拓扑公式及架构图，力求呈现技术细节与实战价值。一、SDN架构的“大脑-四肢”隐喻SDN通过控制平面-数据平面-应用平面的三层架构，构建了网络控制的“中枢神经系统”：控制层（大脑）：集中式控制器掌
  • MCU详解：嵌入式系统的“智慧之心” 绿算技术 MCU架构介绍单片机嵌入式硬件
    在现代电子设备中，MCU（MicrocontrollerUnit，微控制器）扮演着至关重要的角色。从智能家居到工业控制，从汽车电子到医疗设备，MCU以其小巧、低功耗和高集成度的特点，成为嵌入式系统的核心组件。由绿算技术带领着大家一起领略MCU的风采。MCU的功能：嵌入式系统的“全能选手”MCU是一种集成了处理器、存储器和外设接口的微型计算机系统，其核心功能包括：1.数据处理·算术与逻辑运算：MCU
  • NPU的应用场景：从云端到边缘 绿算技术 NPU架构介绍缓存人工智能科技深度学习
    NPU的应用场景非常广泛，主要包括以下几个方面：1.云计算与数据中心AI推理服务：在云端提供高效的AI推理服务，例如图像识别、语音识别。模型训练加速：在大规模训练任务中，NPU可以作为加速单元，提升训练效率。2.边缘计算智能摄像头：在安防监控中，NPU可以实时处理视频流，实现目标检测和跟踪。智能音箱：在语音助手中，NPU可以加速语音识别和自然语言处理任务。3.自动驾驶实时感知：NPU可以加速自动驾
  • NPU的工作原理：神经网络计算的流水线 绿算技术 NPU架构介绍神经网络人工智能深度学习
    NPU的工作原理可以概括为以下几个步骤：1.模型加载·将训练好的神经网络模型加载到NPU的内存中。2.数据输入·输入数据（如图像、语音）通过接口传输到NPU。3.计算执行·NPU根据模型结构，依次执行卷积、池化、全连接等计算任务。·矩阵乘法单元和卷积加速器并行工作，高效完成计算。4.结果输出·计算完成后，输出结果（如分类标签、检测框）返回给主机或其他处理器。5.任务调度·在多任务场景下，NPU的任
  • DPU的架构：模块化与可扩展性 绿算技术 DPU架构介绍架构科技缓存算法
    DPU的架构设计注重模块化和可扩展性，以下是其典型架构：1.网络接口模块支持高速网络接口，例如100GbE、200GbE，甚至更高带宽的接口。2.处理核心模块包括多个ARM核心和专用加速核心，用于处理控制平面和数据平面任务。3.硬件加速模块包括网络加速引擎、存储加速引擎、加密引擎等，用于加速特定任务。4.内存与缓存集成高速内存和缓存，用于存储临时数据和指令。5.PCIe接口模块提供与主机CPU的高
  • DPU的未来：技术趋势与挑战 绿算技术 DPU架构介绍科技gpu算力硬件工程缓存架构
    随着数据中心的不断发展，DPU技术也在快速演进。以下是DPU未来的技术趋势与挑战：1.更高性能·支持更高的网络带宽（如400GbE、800GbE）和更低的延迟。2.更广泛的应用·在AI、5G、物联网等领域，DPU的应用将进一步扩展。3.软件生态的完善·开源工具和开发框架的普及，将降低DPU的开发门槛。4.能效优化·在提升性能的同时，进一步降低功耗，满足绿色计算的需求。总结DPU作为一种新兴的数据处
  • GPU的优势：并行计算的利器 绿算技术 GPU架构介绍科技gpu算力
    GPU相较于CPU，在并行计算方面具有以下优势：强大的并行计算能力:GPU拥有成千上万个计算核心，能够同时执行大量的线程，非常适合处理数据并行性高的任务。高内存带宽:GPU配备了高带宽的内存子系统，能够快速地将数据传输到计算核心，满足大规模数据处理的需求。高效的线程调度:GPU采用硬件多线程技术，能够快速地切换线程上下文，最大限度地提高计算资源的利用率。灵活的编程模型:GPU提供了丰富的编程模型和
  • knob UI插件使用 换个号韩国红果果 JavaScriptjsonpknob
    图形是用canvas绘制的 js代码 var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displayInput:'tr
  • Android+Jquery Mobile学习系列(5)-SQLite数据库 白糖_ JQuery Mobile
    目录导航   SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。   因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。   我也是第一次接触S
  • impala-2.1.2-CDH5.3.2 dayutianfei impala
    最近在整理impala编译的东西，简单记录几个要点： 根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 1. 首次编译impala，推荐使用命令： ${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 2.仅编译BE ${I
  • 求二进制数中1的个数 周凡杨 java算法二进制
    解法一： 对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。   public int bitCount(int x){ int count = 0; while(x!=0){ if(x%2!=0){ /
  • spring中hibernate及事务配置 g21121 Hibernate
    hibernate的sessionFactory配置： <!-- hibernate sessionFactory配置 --> <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <
  • log4j.properties 使用 510888780 log4j
    log4j.properties 使用 一.参数意义说明 输出级别的种类 ERROR、WARN、INFO、DEBUG ERROR 为严重错误 主要是程序的错误 WARN 为一般警告，比如session丢失 INFO 为一般要显示的信息，比如登录登出 DEBUG 为程序的调试信息 配置日志信息输出目的地 log4j.appender.appenderName = fully.qua
  • Spring mvc-jfreeChart柱图（2） 布衣凌宇 jfreechart
    上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。 第一步：导包 第二步；配置web.xml(上一篇有代码) 建BarRenderer类用于柱子颜色 import java.awt.Color; import java.awt.Paint; import org.jfree.chart.renderer.category.BarR
  • 我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java
  • maven 之 cobertura 简单使用 antlove maventestunitcoberturareport
    1. 创建一个maven项目 2. 创建com.CoberturaStart.java package com; public class CoberturaStart { public void helloEveryone(){ System.out.println("=================================================
  • 程序的执行顺序 百合不是茶 JAVA执行顺序
          刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧   代码如下;     经典的程序执行面试题 //关于程序执行的顺序 //例如： //定义一个基类 public class A(){ public A(
  • 设置session失效的几种方法 bijian1013 web.xmlsession失效监听器
    在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所
  • java jvm常用命令工具 bijian1013 javajvm
    一.概述         程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。 本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具:       &nbs
  • 【Spring框架一】Spring常用注解之Autowired和Resource注解 bit1129 Spring常用注解
    Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： Autowired Resource Component Service Controller Transactional 根据它们的功能、目的，可以分为三组，Autow
  • mysql 操作遇到safe update mode问题 bitray update
        我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全.     在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 SET
  • nginx_perl试用 ronin47 nginx_perl试用
    因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里
  • java-63-在字符串中删除特定的字符 bylijinnan java
    public class DeleteSpecificChars { /** * Q 63 在字符串中删除特定的字符 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.” */ public static voi
  • EffectiveJava--创建和销毁对象 ccii 创建和销毁对象
    本章内容： 1. 考虑用静态工厂方法代替构造器 2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 3. 用私有构造器或者枚举类型强化Singleton属性 4. 通过私有构造器强化不可实例化的能力 5. 避免创建不必要的对象 6. 消除过期的对象引用 7. 避免使用终结方法 1. 考虑用静态工厂方法代替构造器     类可以通过
  • [宇宙时代]四边形理论与光速飞行 comsci
       从四边形理论来推论 为什么光子飞船必须获得星光信号才能够进行光速飞行？    一组星体组成星座  向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说  一组频率就代表一个时空的入口    那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一
  • ubuntu server下python脚本迁移数据 cywhoyi pythonKettlepymysqlcx_Oracleubuntu server
    因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql， 但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 1.安装python 2.安装pip、pymysql
  • Ajax正确但是请求不到值解决方案 dashuaifu Ajaxasync
    Ajax正确但是请求不到值解决方案   解决方案：1 .     async: false ,    2.     设置延时执行js里的ajax或者延时后台java方法！！！！！！！   例如：   $.ajax({     &
  • windows安装配置php+memcached dcj3sjt126com PHPInstallmemcache
    Windows下Memcached的安装配置方法 1、将第一个包解压放某个盘下面，比如在c:\memcached。 2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo
  • iOS开发学习路径的一些建议 dcj3sjt126com ios
    iOS论坛里有朋友要求回答帖子，帖子的标题是： 想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759   下面是我回复的内容：   结合自己情况聊下iOS学习建议，
  • Javascript闭包概念 fanfanlovey JavaScript闭包
    1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述 要理解闭包，首先需要理解变量作用域问题 内部函数可以饮用外面全局变量 var n=999; 　　functio
  • yum安装mysql5.6 haisheng mysql
    1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm   2、yum install mysql   3、yum install mysql-server   4、vi /etc/my.cnf   添加character_set_server=utf8
  • po/bo/vo/dao/pojo的详介 IT_zhlp80 javaBOVODAOPOJOpo
        JAVA几种对象的解释 PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可
  • java设计模式 kerryg java设计模式
    设计模式的分类：    一、 设计模式总体分为三大类： 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者
  • [1]CXF3.1整合Spring开发webservice——helloworld篇 木头.java springwebserviceCXF
    Spring 版本3.2.10 CXF 版本3.1.1 项目采用MAVEN组织依赖jar 我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht
  • Google 工程师亲授：菜鸟开发者一定要投资的十大目标 qindongliang1922 工作感悟人生
    身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写）） 你的健康 无疑地，软件开发者是世界上最久坐不动的职业之一。 每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，
  • linux打开最大文件数量1,048,576 tianzhihehe clinux
    File descriptors are represented by the C int type. Not using a special type is often  considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th
  • java语言中PO、VO、DAO、BO、POJO几种对象的解释 衞酆夼 javaVOBOPOJOpo
    PO:persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 BO:business object业务对象 封装业务逻辑的java对象
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他