煎饼果子多放葱
煎饼果子多放葱

javascript笔记7-事件

由处理程序来监听某个动作，一旦某个动作发生，那么处理程序就作出响应，这就是观察者模式的简单案例。在JavaScript中，按钮一旦被点击（或者其他动作，拿点击按钮举例），就会有响应的处理程序进行响应，比如，点击按钮弹出一个对话框、鼠标滑过按钮会提示一行字等等，这就是JavaScript中要讲的事件，也属于经典的观察者模式。

  1. 事件流。 
    在DOM树中，可能一个<button>元素属于一个<div>元素的子元素，而<div>又属于<html>的子元素。这个时候，点击<button>这个元素，<button>就会触发一个事件（或者一个动作），而<div>、<html>有可能也要接收到这个事件的信号。也就是说，你打了button一下，它的父亲、祖父都会感受到你的打击。这就是事件流。IE的事件流是事件冒泡流。
  2. 事件冒泡
    • IE的事件流叫做事件冒泡。即事件从最深的元素开始接收，然后逐级向上传播。 
      如：打了孙子一下，孙子感受到疼，然后父亲感知，最后爷爷感知，追本溯源，直到老祖宗感知。
    • 事件冒泡的过程图：
      • javascript笔记7-事件_第1张图片、
  3. 事件捕获
    • 事件捕获与事件冒泡正好相反，即从最外层开始接收事件，直到最深的元素。 
      骂了姓张的人，首先张姓的祖宗感到耻辱，接着张姓的爷爷、爸爸、自己分别感受到。
    • 事件捕获很少用到。过程图与事件冒泡相反。
  4. DOM的事件流
    • DOM2级事件包括三个阶段：事件捕获阶段、处理目标阶段、事件冒泡阶段。 
      先发生事件捕获，传递到最深一层，由具体元素接收到事件，然后冒泡并处理程序。（下面讲到第10节事件对象的target属性时会具体解释这一现象）
    • 过程图：
      • javascript笔记7-事件_第2张图片
  5. 事件处理程序
    • 事件就是用户或者浏览器自身执行的某种动作。而响应某个事件的函数就叫做事件处理程序。 
      诸如click、load、mouseover都是事件的名字。
事件处理程序的名字则在前面加on，比如：onclick、onload等。

    • 示例：

       1 <body>
 2     <input type="button" value="Click Me" onclick="alert('Clicked')" />
 3     <!--双引号转义-->
 4     <input type="button" value="Click Me" onclick="alert(&quot;Clicked&quot;)" />
 5 
 6     <script type="text/javascript">
 7         function showMessage(){
 8             alert("Hello world!");
 9         }
10     </script>
11     <input type="button" value="Click Me" onclick="showMessage()" />
12     <!--防止在函数未加载时点击-->
13     <input type="button" value="Click Me" onclick="try{showMessage();}catch(ex){}" />
14 </body>
      <input>是元素，
onclick是事件处理程序的名字，跟value、type一样，是属性。
    • 缺点：
      • 如果<input>写在<script>上方，函数尚未加载时，用户可能就点击元素，导致报错。所以上面代码13行进行try catch捕获。
      • 如果要修改事件函数，那么<input>里的onclick和<script>里的具体函数都要修改，HTML与JavaScript太紧密耦合。
  6. DOM0级事件处理程序
    • 在JavaScript中，取出要触发的元素，把函数赋值给事件处理程序属性。 
       1 <body>
 2     <input type="button" id="myBtn" value="Click Me" />
 3     <input type="button" id="myRemoveBtn" value="Remove Event Handler" />
 4     <script type="text/javascript">
 5         var btn = document.getElementById("myBtn");
 6         //会在事件流的冒泡阶段处理    
 7         btn.onclick = function(){
 8             alert(this.id);//this指示当前元素
 9         };
10         
11         var removeBtn = document.getElementById("myRemoveBtn");
12         removeBtn.onclick = function(){
13             btn.onclick = null;//删除事件处理程序
14         };
15     </script>
16 </body>
  7. DOM2级事件处理程序 
    IE9及其他主流浏览器支持DOM2级事件处理程序。
    • DOM2级事件给元素定义了两个方法：
      • 指定事件处理程序的操作：addEventListener();
      • 删除事件处理程序的操作：removeEventListener();
      • DOM2级之于DOM1级最大的优势在于，可以注册多个事件。 
        比如点击某个按钮，要弹出一个提示框，同时要按钮改变颜色，这时就需要同时添加两个事件处理程序。
      • 示例： 
        <body>
    <input type="button" id="myBtn" value="Click Me" />
    <p>This example won't work in Internet Explorer.</p>
    <script type="text/javascript">
        var btn = document.getElementById("myBtn");
        btn.addEventListener("click", function(){
            alert(this.id);
        }, false);       
        /**第三个参数默认为false，表示在冒泡阶段触发。如果为true，表示在捕获阶段触发，true一般不会用*/
        btn.addEventListener("click", function(){
            alert("Hello world!");
        }, false);

    </script>
</body>
  8. IE事件处理程序
    • IE事件给元素定义了两个方法：
      • 指定事件处理程序的操作：attachEvent();
      • 删除事件处理程序的操作：detachEvent();
    • attachEvent（）与DOM0级注册事件在作用域上有不同。
      • DOM0级：作用域是所属元素。 
        即：如果在函数中使用this，this指示当前元素
      • attachEvent（）：作用域是全局作用域（即window）。
    • 添加多个事件处理程序，按相反的顺序触发。
  9. 跨浏览器的事件处理程序
    • 为保持兼容，可以写一个公共事件Util。下面是Util中的添加事件示例： 
       addHandler: function(element, type, handler){
        if (element.addEventListener){
            element.addEventListener(type, handler, false);
        } else if (element.attachEvent){
            element.attachEvent("on" + type, handler);
        } else {
            element["on" + type] = handler;
        }
    }
  10. 事件对象
    • 在触发DOM上的某个事件时，会在方法中传入一个事件对象event（隐藏），这个对象中包含着所有与事件相关的信息。下面列举部分event的属性：
      • currentTarget：当前正在处理事件的那个元素。
      • target：事件的目标。 
        在事件处理程序内部，对象this始终等于currentTarget的值，
        而target则只包含事件的实际目标。
        一般情况下，currentTarget都与target相等。
        但是，假如<button>的父元素是<div>，你给<div>元素绑定了一个onclick，
        那么这时，<div>元素是currentTarget值，而target是最终目标：<button>(向下捕获)。
        由于按钮<button>上并未绑定onclick事件处理程序，
        结果click事件就冒泡到了<div>，在那里事件得到处理。

         

    • IE中的事件对象 
      IE中的事件对象与其他主流浏览器稍微不同，比如，使用DOM0级方法添加事件处理程序时，方法中传入的event对象是window对象的一个属性，event事件对象的目标对象属性为srcElement而非target等等。所以一般情况下会写一个跨浏览器的Util。
  11. 事件类型
    • 上述举例最多的是onclick事件类型，实际上，事件类型多种多样，如：
      • UI事件：用户与界面交互时触发。
      • 焦点事件：元素获得或者失去焦点时。
      • 鼠标事件：单击、双击、右击等。
      • 滚轮事件：鼠标滑轮滚动时。
      • 键盘事件：键盘上按下某个键时。
      • 等等。
    • javascript中最常用的事件就是load，页面全部加载后，就会触发load事件。
    • 图像上面也可以触发load事件，当图像加载完毕时可以指定事件。
    • 用户从一个页面切换到另一个页面，会触发unload事件。
    • 当浏览器窗口大小被调整后，会触发resize事件。
    • 键盘事件也经常用到。
      • keydown：用户按下键盘上的任意键时触发。按住不放会重复触发。
      • keyup：用户释放键盘上的键时触发。
      • 在发生keydown或者keyup时，event对象的keyCode属性会包含一个数字，与键盘上的一个特定的键对应。（比如：回车：13；退出：27；左箭头:37;等等）。
      • 使用回车键触发事件举例： 
        <meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<script type="text/javascript">
    function show () {
      //火狐不支持window.event,所以加入"或"条件
      var e=window.event||arguments.callee.caller.arguments[0];
      if(e.keyCode==13){
          alert("你按下了回车");
      }
    }

</script>
<input onkeydown="show();" value="触发键盘试试">
  12. 内存和性能 
    在javascript中，添加到页面上的事件处理程序数量将直接影响到页面整体的运行性能。
每个函数都是对象，都会占用内存。
内存中的对象越多，性能就越差。
所以要利用好事件处理程序，比如使用事件委托等。

     

你可能感兴趣的:(javascript笔记7-事件)

  • 全球首款通用 AI 智能体 Manus 发布的分析报告 PM简读馆 技术杂谈人工智能
    一、引言在人工智能领域持续蓬勃发展的进程中，新的技术成果与产品不断涌现，推动着行业的快速变革。全球首款通用AI智能体Manus的发布成为近期备受瞩目的事件，尤其其宣称性能超越OpenAI，更是引发了行业内外的广泛关注与讨论。本报告将围绕Manus展开深入探讨，分析其特点、性能优势、可能带来的影响以及面临的挑战等方面内容。链接：https://manus.im/二、Manus的基本概述（一）发布背景
  • WPF 嵌入Winform GDI 、 开启AllowsTransparenc问题 weixin_30896763
    此文章可以解决2至少2个问题：1.开启AllowsTransparenc造成的GDI+组件不显示问题2.WPF组件无法覆盖嵌入WPF窗口的任何第三方GDI+组件上层方案1：自制双层原理：用一个新的窗口来承载GDI+组件，实现父窗口拖动、缩放、最小化、最大化的联动事件。缺点：电脑性能太差会出现重影。方案2：微软解决空域的方案原理：用一个新的窗口来承载GDI+组件，实现父窗口拖动、缩放、最小化、最大化
  • C# WPF学习总结 战族狼魂 WPFC#c#wpf学习
    经过一段时间的学习和实践，我对C#WPF（WindowsPresentationFoundation）有了更深入的理解。WPF作为一个强大的桌面应用程序开发框架，为开发者提供了丰富的UI控件、强大的数据绑定和灵活的布局系统。以下是我对C#WPF学习的一些总结：目录1.基础知识2.UI设计3.数据绑定4.动画和特效5.命令和路由事件6.自定义控件和扩展性7.性能优化和内存管理8.实战项目经验9.学习
  • C# 事件编程详解 萨达大 C#上位机开发c#开发语言事件event
    文章目录1.什么是事件？2.事件的声明与使用2.1声明事件2.2订阅与触发事件3.事件的核心概念3.1事件处理委托3.2自定义事件参数4.事件的高级用法4.1多播委托与事件4.2事件解除订阅4.3自定义事件访问器5.事件的应用场景5.1GUI应用程序中的事件5.2基于事件的编程模型5.3观察者模式6.事件的注意事项7.事件的完整示例8.总结1.什么是事件？在C#中，事件是依赖于委托的特殊类型，用于
  • SpringBoot整合Netty 晚上睡不着！ #SpringBootspringbootniowebsockettcp/iphttp
    前言Netty是一个高性能、异步事件驱动的网络应用程序框架，用于快速开发可维护的高并发协议服务器和客户端。Netty主要基于JavaNIO实现，提供了异步和事件驱动的网络编程工具，简化了TCP和UDP服务器的编程。Netty广泛应用于分布式系统、实时通信、游戏开发等领域，例如，知名的Elasticsearch和Dubbo框架内部都采用了Netty。Netty吸收了多种协议的实现经验，经过精心设计，
  • vue面试题 阡陌路人 前端面试题vue
    一、mvc与mvvm的区别俩者都为开发架构，，后端用的比较多的是mvc，前端则是mvvm，移动端俩者都有。MVC是包括view视图层、controller控制层、model数据层。各部分之间的通信都是单向的。适合大型项目。MVVM包括view视图层、model数据层、viewmodel层。各部分通信都是双向的。适合小型项目。二、vue的事件修饰符.stop阻止冒泡，由内到外.prevent阻止默认
  • 大厂前端实战之如何实现精确的setInterval 代码简单说 2025开发必备前端setInterval精准setIntervaljs精准计时器js前端setInterval计时器精确
    大厂前端实战之如何实现精确的setInterval前言在大厂的前端开发中，setInterval是一个非常常见的定时器方法。它常用于定时执行某些任务，比如轮播图、定时刷新数据等。然而，setInterval在一些高频率或复杂应用场景下，可能会出现误差，导致任务执行不精确，甚至错过预定的执行时间。这是因为setInterval依赖于浏览器的事件循环机制，而事件循环有时会受到其他任务（如渲染、网络请求
  • JavaScript性能优化实战：从瓶颈分析到高效编码策略 AAEllisonPang Java数据库
    一、性能瓶颈分析：从问题出发1.1常见性能问题类型渲染阻塞：同步脚本加载导致DOMContentLoaded延迟内存泄漏：未解绑的事件监听、闭包引用残留重复计算：高频触发的回调函数无节制运算布局抖动：强制同步布局（ForcedSynchronousLayout）网络瓶颈：未优化的资源加载策略典型案例：某电商网站商品筛选功能，用户选择规格时界面卡顿。经分析发现每次选择都会触发全量DOM重新渲染，导致
  • Java后端服务接口性能优化常用技巧 南波塞文 Java基础MySQL数据库java性能优化
    接口性能优化常用技巧前言1.数据库索引2.慢SQL优化3.异步执行4.批量处理5.数据预加载6.池化技术（多线程）8.事件回调机制9.串行改为并行调用10.深度分页问题前言对于高标准程序员来说提供高性能的服务接口是我们所追求的目标，以下梳理了一些提升接口性能的技术方案，希望对大家有所帮助。1.数据库索引当接口响应慢时，我们可能会去排查是否是数据库查询慢了，进而会去关注数据库查询优化，而索引优化是代
  • 图解AUTOSAR_CP_EthernetStateManager KaiGer666 图解AUTOSAR_CP嵌入式硬件单片机汽车
    AUTOSAR以太网状态管理器详解AUTOSAR通信栈以太网状态管理组件详细解析目录AUTOSAR以太网状态管理器详解目录1.概述1.1.以太网状态管理器的作用1.2.以太网状态管理器在AUTOSAR中的位置2.架构设计2.1.模块架构2.2.接口定义2.3.依赖关系3.状态机设计3.1.状态定义3.2.状态转换3.3.事件处理4.通信序列4.1.初始化序列4.2.启动通信序列4.3.链路断开处理
  • Django+Vue+ElementUI父子组件参数传递?子组件数据变化兄弟组件实现联动?多个表单同时校验?内置事件添加自定义回调参数?等问题的解决办法 JamesDanni vue.js前端javascript
    目录前言：问题列表：1.父组件向子组件传递参数值2.子组件向父组件传递参数值3.子组件的值变化，触发其他子组件请求接口4.同一个页面有多个表单进行同时验证5.给elementui定义好的事件并且带默认参数的事件增加自定义参数问题解决：1.父组件向子组件传递参数值2.子组件向父组件传递参数值3.子组件的值变化，触发其他子组件请求接口4.同一个页面有多个表单进行同时验证5.给elementui定义好的
  • 网站安全科普：守护你的数字家园 网络安全
    在互联网时代，网站已成为我们生活和工作的重要组成部分。然而，网站安全问题也日益突出，数据泄露、网络攻击等事件频发，给个人和企业带来巨大损失。本文将为您科普网站安全知识，帮助您守护数字家园。一、网站安全威胁无处不在数据泄露：网站数据库被黑客攻破，用户个人信息、财务数据等敏感信息被窃取。恶意软件：网站被植入恶意代码，用户访问时会被感染病毒、木马等，导致设备损坏或信息泄露。网络钓鱼：假冒正规网站，诱导用
  • 鸿蒙WebSocket的使用竟如此简单 harmonyos
    使用WebSocket建立服务器与客户端的双向连接，需要先通过createWebSocket()方法创建WebSocket对象，然后通过connect()方法连接到服务器。当连接成功后，客户端会收到open事件的回调，之后客户端就可以通过send()方法与服务器进行通信。当服务器发信息给客户端时，客户端会收到message事件的回调。当客户端不要此连接时，可以通过调用close()方法主动断开连接
  • “iOS 11不再信赖WoSign证书”公众号运营者如何应对 证书微信ios
    “iOS11不再信赖WoSign证书，请开发者及时更改证书”，是微信公众平台在7月24日推送的公告。让很多微信公众号运营者搞不清状况，这是怎么回事？我的公众号推文会受影响吗？事件分析微信把“iOS11不再信赖WoSign证书”推送给所有微信公众平台，这种做法显然是欠妥当的，之前公众号从来没推送过“不信任XX证书”之类的公告，不知道为什么这次会突然大规模推送。毕竟不是所有公众号都会用到证书，对大部分
  • C++设计模式-中介者模式：从基本介绍，内部原理、应用场景、使用方法，常见问题和解决方案进行深度解析 牵牛老人 C++专栏c++设计模式中介者模式
    一、基本介绍：对象世界的"通信指挥官"1.1模式定义与价值中介者模式（MediatorPattern）是一种行为型设计模式，其核心思想是通过中介对象封装一组对象的交互规则，使各对象不再显式相互引用。如同现实中的机场塔台调度飞机起降，该模式将原本复杂的网状通信结构转化为星型结构，很大程度上降低了对象的耦合度。1.2模式演进历程从早期GUI事件处理到现代微服务架构，中介者模式始终扮演着关键角色。在Qt
  • AI战略家：AI驱动的政府治理现代化：重构问题识别、决策与监督的范式 SZ0771 人工智能
    一、政府公共管理的核心痛点与治理逻辑重构现代政府治理的核心矛盾源于“问题识别-资源匹配-监督反馈”链条的断裂，需从机制设计层面突破传统治理范式。1.问题识别：从被动响应到系统治理被动响应陷阱：依赖12345热线、舆情事件等事后渠道，难以捕捉跨领域系统性问题。例如老旧小区改造反复返工，折射出城市规划法规滞后、财政分配僵化与部门权责模糊的叠加效应。数据割裂困境：300余个垂直政务系统形成数据孤岛，某市
  • 【C++设计模式】第二十三篇：观察者模式（Observer） JuicyActiveGilbert C++设计模式c++设计模式观察者模式
    注意：复现代码时，确保VS2022使用C++17/20标准以支持现代特性。事件驱动的订阅通知机制1.模式定义与用途核心思想观察者模式：定义一种一对多依赖关系，当一个对象（主题）状态改变时，所有依赖它的对象（观察者）自动收到通知并更新。-关键用途：1.解耦发布者与订阅者：主题无需知道观察者的具体实现。2.实时通知：支持动态添加或移除观察者。3.事件驱动架构：适用于GUI事件处理、数据监控、消息队列等
  • vue判断视频链接是否有效 指针满天飞 vue.js音视频javascript
    //判断视频链接是否有效functioncheckVideoUrl(src){//创建一个隐藏的元素letvideo=document.createElement("video");video.style.display="none";//隐藏该元素document.body.appendChild(video);//设置视频源video.src=src;//监听视频元数据加载完成事件video.
  • Chrome 扩展开发API实战：Runtime（八） 守城小轩 浏览器插件chrome浏览器插件Chrome插件浏览器开发chromedevtools
    1.引言在开发Chrome扩展程序时，chrome.runtimeAPI是一个至关重要的接口。它提供了与扩展程序生命周期管理、消息传递、环境信息获取、与原生应用通信等相关的功能。本文将详细介绍chrome.runtimeAPI的所有方法和事件，并通过示例代码演示如何在实际场景中有效地使用这些功能。2.chrome.runtimeAPI概述chrome.runtimeAPI提供了一系列方法和事件，帮
  • OpenHarmony 5.0无法监听按键 龚礼鹏 OpenHarmony5.0(鸿蒙next)harmonyos华为
    目录1.背景二.解决方案1.背景如下代码：Button($r('app.string.ItemTest_key_volume_up')).onKeyEvent((event:KeyEvent)=>{this.changBackground(event)})上述代码发现在OpenHarmony3.2中是可以监听到音量键以及其他按键的事件的，然而在OpenHarmony5.0中尝试是监听不到，看了官网
  • el-radio shadouqi elementuivue.js
    1.ElementUI中el-radio再次点击取消选中不使用change，当radio已被选中时，@change事件不会被触发备选项备选项备选项clickitem(e){e===this.radio2?this.radio2='':this.radio2=e},2.el-radio点击执行两次我直接使用@click.native.prevent.stop也没复现这个问题，如果有可参考下面方式el
  • vue-route shadouqi vue2vue.js前端javascript
    官方文档声明式导航比起写死的会好一些，理由如下：无论是HTML5history模式还是hash模式，它的表现行为一致，所以，当你要切换路由模式，或者在IE9降级使用hash模式，无须作任何变动。在HTML5history模式下，router-link会守卫点击事件，让浏览器不再重新加载页面。当你在HTML5history模式下使用base选项之后，所有的to属性都不需要写(基路径)了。编程式导航r
  • QML ＜ 画布元素＞之画布绘制 ly_zszcyx 学习QmlQt
    绘制四个色块，使用鼠标选择颜色，按下鼠标，在画布上随意绘制绘制四个色块：当鼠标位置改变时，canvas的requestPaint函数用于请求重新绘制画布。函数不会立即触发重绘，而是向事件循环发送一个信号，表明画布需要更新。当事件进入下一次有机会处理时。它会调用onPaint回调函数来执行实际的绘图操作矩形框代码：importQtQuick2.15Item{id:rootpropertycolors
  • JS事件冒泡和事件捕获 一朵好运莲 javascript前端开发语言
    在JavaScript中，事件冒泡（EventBubbling）和事件捕获（EventCapturing）是两种不同的事件传播机制。当你在DOM元素上注册事件时，事件的触发并不会立即发生，而是会按照一定的顺序进行传播。事件的传播机制决定了事件如何从目标元素传递到DOM树中的其他元素。目录事件捕获和事件冒泡的提出为什么整合了捕获和冒泡机制？事件传播的顺序具体例子实现事件捕获和事件冒泡的提出事件冒泡最
  • 小白快速上手React 看这篇就够了！！（基础篇） 一朵好运莲 react.js前端前端框架
    本篇可以快速了解React的基础语法，便于遗忘时快速复习，里面的小案例通俗易懂，没有废话，只有简单、简单、还是简单！目录一、为什么要学React？二、React入门三、JSX语法1、使用JSX创建元素2、为什么在脚手架中可以使用JSX语法3、嵌入JS表达式4、JS条件渲染5、JS列表渲染6、样式处理四、React组件1、函数创建组件2、类组件3、抽离成单独的JS文件五、React事件处理1、事件绑
  • 自学嵌入式第29天-----epoll、sqlite3 以德服人23 服务器网络运维
    1.正确选择触发模式（ET和LT）水平触发（LT）：默认模式，只要文件描述符处于就绪状态，epoll_wait会持续通知。适合大多数场景，编程简单。边缘触发（ET）：只在状态变化时通知一次，适合高性能场景，但需要确保一次性处理完所有数据，否则可能丢失事件。注意：在ET模式下，必须循环读取或写入数据，直到返回EAGAIN或EWOULDBLOCK。如果未处理完数据，epoll_wait不会再通知，可能
  • MM--MIGO的屏幕格式由来学习 iteye_9825 CC++C#Go配置管理
    migo的屏幕格式的由来migo的屏幕格式是根据用户选择的操作，由操作决定参考单据（操作和参考单据有个固定关系，在次关系基础上用户可以配置哪些TCODE可以使用哪些操作，操作参照哪些文档），在根据用输入的操作和参考文档，系统内部决定交易/事件类型，交易/事件类型内部决定操作代码(migo_mode),有了操作代码就决定了屏幕的格式。具体内容和代码请参见下面的摘抄。GOACTION：MIGO事务中执
  • android系统架构的前世今生，事件分发机制面试题 code高级开源 Android经验分享面试
    前言一位网友在职场论坛上发了一个帖子，他说自己今年三十七岁了，是一名Android老兵，因为和上家公司的领导闹矛盾有了嫌隙，一气之下就裸辞了，如今已经辞职四个月了，也失业了四个月。每天都在努力投简历，共投出去了五百封简历，但只有三家通知自己过去面试，其他的都石沉大海。自己很纳闷，就找了一个做猎头的朋友询问，朋友说自己已经超龄了，没有什么岗位可以给自己这个年龄的人了，只有少数的能放宽到四十岁，但也不
  • winform开发时 屏蔽tabcontrol下面的tabpage 电工小王（全国可飞） WinForm学习c#
    需求是只想让用户使用“固件更新”，但是保留“参数配置”和“高级模式”。结局方案如下：重写tabcontrol的Selecting事件来阻止用户切换到tabpage1和tabpage3，先点击selecting事件：然后添加如下代码：if(e.TabPage==tabPage1||e.TabPage==tabPage3){e.Cancel=true;}意思就是如果selecting的是page1和p
  • 红队OPSEC（安全运营）个人总结 安全检测中 安全
    OPSEC又称：运营安全，是指在红队的视角下，蓝队对我方的威胁。OPSEC漏洞的五个流程：关键信息识别：指红队的关键信息不泄露，包括但不限于红队的攻击意图，能力，人员，活动及限制等。威胁分析：指蓝队的操作可能发现我方行动的威胁，如使用同一个IP地址进行nmap和msf等漏洞分析：指蓝队成员已发现我方行动或关键信息，并对其进行防范的行为，如封禁红队使用的IP等。风险评估：指对事件发生的概率和预期成本
  • HQL之投影查询 归来朝歌 HQLHibernate查询语句投影查询
            在HQL查询中，常常面临这样一个场景，对于多表查询，是要将一个表的对象查出来还是要只需要每个表中的几个字段，最后放在一起显示？ 针对上面的场景，如果需要将一个对象查出来： HQL语句写“from 对象”即可 Session session = HibernateUtil.openSession();
  • Spring整合redis bylijinnan redis
    pom.xml <dependencies> <!-- Spring Data - Redis Library --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redi
  • org.hibernate.NonUniqueResultException: query did not return a unique result: 2 0624chenhong Hibernate
    参考：http://blog.csdn.net/qingfeilee/article/details/7052736 org.hibernate.NonUniqueResultException: query did not return a unique result: 2         在项目中出现了org.hiber
  • android动画效果 不懂事的小屁孩 android动画
    前几天弄alertdialog和popupwindow的时候，用到了android的动画效果，今天专门研究了一下关于android的动画效果，列出来，方便以后使用。 Android 平台提供了两类动画。 一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。 第二类就是 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似。
  • js delete 删除机理以及它的内存泄露问题的解决方案 换个号韩国红果果 JavaScript
    delete删除属性时只是解除了属性与对象的绑定，故当属性值为一个对象时，删除时会造成内存泄露  （其实还未删除） 举例： var person={name:{firstname:'bob'}} var p=person.name delete person.name p.firstname -->'bob' // 依然可以访问p.firstname，存在内存泄露
  • Oracle将零干预分析加入网络即服务计划 蓝儿唯美 oracle
    由Oracle通信技术部门主导的演示项目并没有在本月较早前法国南斯举行的行业集团TM论坛大会中获得嘉奖。但是，Oracle通信官员解雇致力于打造一个支持零干预分配和编制功能的网络即服务（NaaS）平台，帮助企业以更灵活和更适合云的方式实现通信服务提供商（CSP）的连接产品。这个Oracle主导的项目属于TM Forum Live!活动上展示的Catalyst计划的19个项目之一。Catalyst计
  • spring学习——springmvc（二） a-john springMVC
    Spring MVC提供了非常方便的文件上传功能。 1，配置Spring支持文件上传： DispatcherServlet本身并不知道如何处理multipart的表单数据，需要一个multipart解析器把POST请求的multipart数据中抽取出来，这样DispatcherServlet就能将其传递给我们的控制器了。为了在Spring中注册multipart解析器，需要声明一个实现了Mul
  • POJ-2828-Buy Tickets aijuans ACM_POJ
    POJ-2828-Buy Tickets http://poj.org/problem?id=2828 线段树，逆序插入 #include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>using namespace std;#define N 200010struct
  • Java Ant build.xml详解 asia007 build.xml
    1,什么是antant是构建工具2,什么是构建概念到处可查到，形象来说，你要把代码从某个地方拿来，编译，再拷贝到某个地方去等等操作，当然不仅与此，但是主要用来干这个3,ant的好处跨平台   --因为ant是使用java实现的，所以它跨平台使用简单--与ant的兄弟make比起来语法清晰--同样是和make相比功能强大--ant能做的事情很多，可能你用了很久，你仍然不知道它能有
  • android按钮监听器的四种技术 百合不是茶 androidxml配置监听器实现接口
    android开发中经常会用到各种各样的监听器,android监听器的写法与java又有不同的地方;    1,activity中使用内部类实现接口 ,创建内部类实例  使用add方法  与java类似   创建监听器的实例 myLis lis = new myLis();   使用add方法给按钮添加监听器  
  • 软件架构师不等同于资深程序员 bijian1013 程序员架构师架构设计
            本文的作者Armel Nene是ETAPIX Global公司的首席架构师，他居住在伦敦，他参与过的开源项目包括 Apache Lucene,，Apache Nutch， Liferay 和 Pentaho等。         如今很多的公司
  • TeamForge Wiki Syntax & CollabNet User Information Center sunjing TeamForgeHow doAttachementAnchorWiki Syntax
    the CollabNet user information center http://help.collab.net/   How do I create a new Wiki page? A CollabNet TeamForge project can have any number of Wiki pages. All Wiki pages are linked, and
  • 【Redis四】Redis数据类型 bit1129 redis
    概述 Redis是一个高性能的数据结构服务器，称之为数据结构服务器的原因是，它提供了丰富的数据类型以满足不同的应用场景，本文对Redis的数据类型以及对这些类型可能的操作进行总结。 Redis常用的数据类型包括string、set、list、hash以及sorted set.Redis本身是K/V系统，这里的数据类型指的是value的类型，而不是key的类型，key的类型只有一种即string
  • SSH2整合-附源码 白糖_ eclipsespringtomcatHibernateGoogle
    今天用eclipse终于整合出了struts2+hibernate+spring框架。 我创建的是tomcat项目，需要有tomcat插件。导入项目以后，鼠标右键选择属性，然后再找到“tomcat”项，勾选一下“Is a tomcat project”即可。具体方法见源码里的jsp图片，sql也在源码里。     补充1：项目中部分jar包不是最新版的，可能导
  • [转]开源项目代码的学习方法 braveCS 学习方法
    转自： http://blog.sina.com.cn/s/blog_693458530100lk5m.html http://www.cnblogs.com/west-link/archive/2011/06/07/2074466.html   1）阅读features。以此来搞清楚该项目有哪些特性2）思考。想想如果自己来做有这些features的项目该如何构架3）下载并安装d
  • 编程之美-子数组的最大和（二维） bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; import java.util.Random; public class MaxSubArraySum2 { /** * 编程之美 子数组之和的最大值（二维） */ private static final int ROW = 5; private stat
  • 读书笔记-3 chengxuyuancsdn jquery笔记resultMap配置ibatis一对多配置
    1、resultMap配置 2、ibatis一对多配置 3、jquery笔记 1、resultMap配置 当<select resultMap="topic_data"> <resultMap id="topic_data">必须一一对应。 (1)<resultMap class="tblTopic&q
  • [物理与天文]物理学新进展 comsci
          如果我们必须获得某种地球上没有的矿石,才能够进行某些能量输出装置的设计和建造,而要获得这种矿石,又必须首先进行深空探测,而要进行深空探测,又必须获得这种能量输出装置,这个矛盾的循环,会导致地球联盟在与宇宙文明建立关系的时候,陷入困境       怎么办呢?  
  • Oracle 11g新特性:Automatic Diagnostic Repository daizj oracleADR
    Oracle Database 11g的FDI（Fault Diagnosability Infrastructure）是自动化诊断方面的又一增强。 FDI的一个关键组件是自动诊断库（Automatic Diagnostic Repository-ADR）。 在oracle 11g中，alert文件的信息是以xml的文件格式存在的，另外提供了普通文本格式的alert文件。 这两份log文
  • 简单排序:选择排序 dieslrae 选择排序
    public void selectSort(int[] array){ int select; for(int i=0;i<array.length;i++){ select = i; for(int k=i+1;k<array.leng
  • C语言学习六指针的经典程序，互换两个数字 dcj3sjt126com c
    示例程序，swap_1和swap_2都是错误的，推理从1开始推到2，2没完成，推到3就完成了 # include <stdio.h> void swap_1(int, int); void swap_2(int *, int *); void swap_3(int *, int *); int main(void) { int a = 3; int b =
  • php 5.4中php-fpm 的重启、终止操作命令 dcj3sjt126com PHP
    php 5.4中php-fpm 的重启、终止操作命令: 查看php运行目录命令：which php/usr/bin/php 查看php-fpm进程数：ps aux | grep -c php-fpm 查看运行内存/usr/bin/php  -i|grep mem 重启php-fpm/etc/init.d/php-fpm restart 在phpinfo()输出内容可以看到php
  • 线程同步工具类 shuizhaosi888 同步工具类
    同步工具类包括信号量（Semaphore）、栅栏（barrier）、闭锁（CountDownLatch）   闭锁（CountDownLatch） public class RunMain { public long timeTasks(int nThreads, final Runnable task) throws InterruptedException { fin
  • bleeding edge是什么意思 haojinghua DI
    不止一次，看到很多讲技术的文章里面出现过这个词语。今天终于弄懂了——通过朋友给的浏览软件，上了wiki。  我再一次感到，没有辞典能像WiKi一样，给出这样体贴人心、一清二楚的解释了。为了表达我对WiKi的喜爱，只好在此一一中英对照，给大家上次课。   In computer science, bleeding edge is a term that
  • c中实现utf8和gbk的互转 jimmee ciconvutf8&gbk编码
    #include <iconv.h> #include <stdlib.h> #include <stdio.h> #include <unistd.h> #include <fcntl.h> #include <string.h> #include <sys/stat.h> int code_c
  • 大型分布式网站架构设计与实践 lilin530 应用服务器搜索引擎
    1.大型网站软件系统的特点？ a.高并发，大流量。 b.高可用。 c.海量数据。 d.用户分布广泛，网络情况复杂。 e.安全环境恶劣。 f.需求快速变更，发布频繁。 g.渐进式发展。 2.大型网站架构演化发展历程？ a.初始阶段的网站架构。 应用程序，数据库，文件等所有的资源都在一台服务器上。 b.应用服务器和数据服务器分离。 c.使用缓存改善网站性能。 d.使用应用
  • 在代码中获取Android theme中的attr属性值 OliveExcel androidtheme
    Android的Theme是由各种attr组合而成, 每个attr对应了这个属性的一个引用, 这个引用又可以是各种东西.   在某些情况下, 我们需要获取非自定义的主题下某个属性的内容 (比如拿到系统默认的配色colorAccent), 操作方式举例一则: int defaultColor = 0xFF000000; int[] attrsArray = { andorid.r.
  • 基于Zookeeper的分布式共享锁 roadrunners zookeeper分布式共享锁
    首先，说说我们的场景，订单服务是做成集群的，当两个以上结点同时收到一个相同订单的创建指令，这时并发就产生了，系统就会重复创建订单。等等......场景。这时，分布式共享锁就闪亮登场了。   共享锁在同一个进程中是很容易实现的，但在跨进程或者在不同Server之间就不好实现了。Zookeeper就很容易实现。具体的实现原理官网和其它网站也有翻译，这里就不在赘述了。   官
  • 两个容易被忽略的MySQL知识 tomcat_oracle mysql
    1、varchar(5)可以存储多少个汉字，多少个字母数字？ 　　相信有好多人应该跟我一样，对这个已经很熟悉了，根据经验我们能很快的做出决定，比如说用varchar(200)去存储url等等，但是，即使你用了很多次也很熟悉了，也有可能对上面的问题做出错误的回答。 　　这个问题我查了好多资料，有的人说是可以存储5个字符，2.5个汉字（每个汉字占用两个字节的话），有的人说这个要区分版本，5.0
  • zoj 3827 Information Entropy(水题) 阿尔萨斯 format
    题目链接：zoj 3827 Information Entropy 题目大意：三种底，计算和。 解题思路：调用库函数就可以直接算了，不过要注意Pi = 0的时候，不过它题目里居然也讲了。。。limp→0+plogb(p)=0，因为p是logp的高阶。 #include <cstdio> #include <cstring> #include <cmath&
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他