js拖拽——将鼠标事件响应范围扩大到整个系统桌面

起因：

最近在做一个可拖拽的拓扑图，遇到的这个问题：如果执行拖拽操作的时候鼠标拖动很快，可能会出现鼠标脱离页面乃至浏览器的范围，如果这时松开鼠标按键，那么将不能响应鼠标的onmouseup事件，从而导致onmouseup和onmousemove事件不能被释放掉。

对于这个问题，网上很多相似的文章写了解决办法，但都有些毛病，我在这里总结归纳一下。

解决办法：

方案一：针对ie和火狐浏览器

ie浏览器和Firefox提供了setCapture 和 releaseCapture函数来解决该问题。简单写个小例子：

 1 /*...html部分略...*/

 2 

 3 var i = 0;

 4 div1.onmousedown = function() {

 5       div1.setCapture(); //用dom元素调用该函数相当于将该dom元素上的事件交给操作系统去维护，从而让该dom元素上的事件响应不依赖于浏览器

 6       div1.onmousemove = function() {

 7          console.log(i++);

 8       }

 9       div1.onmouseup = function() {

10           div1.onmouseup = null;

11         div1.onmousemove = null;

12         div1.releaseCapture(); //拖拽结束后要释放掉

13       }

14 }

 

方案二：针对chrome浏览器

悲催的是chrome浏览器并没有提供上述函数的实现，那只能另辟蹊径了。方法就是在window对象上注册onmousedown、onmousemove、onmouseup事件。这样只要在窗口内触发onmousedown事件之后，无论您鼠标移动到什么地方，都能onmousemove和onmouseup事件。至于您要对哪个具体的dom元素进行操作，您可以在onmousedown事件的回调函数中通过event.target获取目标元素对象，然后再用call去执行相应函数即可。例子如下：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 5 <title></title>

 6 </head>

 7 

 8 <body>

 9 <div id="div1" style="width:100px; height:100px; border:1px solid red">

10     

11 </div>

12 

13 </body>

14 </html>

15 <script>

16     var i = 0;

17     window.onmousedown= function(event) {

18         var targetObj = event.target;

19         if (targetObj.id == "div1") { //只有在id为div1的元素上按下鼠标左键才能触发鼠标移动事件

20             window.onmousemove = function() {

21                 div1Move.call(targetObj);

22             }

23             window.onmouseup= function() {

24                 window.onmouseup = null;

25                 window.onmousemove = null;

26             }

27         }

28     }

29     

30     //鼠标移动时执行的事件

31     function div1Move() {

32         console.log(i++);

33     }

34 </script>

注意：1、该解决方案不适用于ie8及以下浏览器。因为这些浏览器不支持在window对象上注册事件。 2、该解决方案也不适用于iframe，您可以把上面的例子放到iframe中去试一试。原因大概是因为系统只维护最顶层window上的事件。

 

总结：结合方案一和方案二可以解决浏览器的兼容性问题，但是由于方案二对于iframe无效，所以在实现有拖拽需求的页面时，只能不用iframe了。

百度地图和谷歌地图都实现了浏览器外响应拖拽事件的效果，不知道他们是否是通过上述方法实现的。还请大神留言相告，谢谢。

你可能感兴趣的:(鼠标事件)

  • webdriver常用方法+鼠标键盘事件+浏览器高级操作 要站在顶端 UI自动化selenium
    文章目录webdriver操作元素、获取元素常用方法浏览器控制浏览器cookies鼠标事件键盘事件**常用方法**上传文件内嵌网页iframe切换浏览器标签页切换页面滚动截图警告框处理下拉框处理webdriver操作元素、获取元素常用方法常用方法clear()：清除文本。send_keys(value)：模拟按键输入(被操作元素需要是个文本输入框)。click()：单击元素。其他方法#size：返
  • JavaScript基础-触屏事件 咖啡の猫 javascript开发语言ecmascript
    一、前言随着移动端设备的普及，网页不仅要适配PC浏览器，更要兼容手机和平板等触摸设备。传统的鼠标事件（如click、mousedown等）在触控操作中存在一定的延迟和局限性，因此JavaScript提供了专门用于处理触摸操作的API——触屏事件（TouchEvents）。本文将带你深入了解：触屏事件的基本概念；常见的触屏事件类型（touchstart、touchmove、touchend等）；如何
  • layui中对table表格内容鼠标移入显示 tips内容 张大大大大旭 前端javascriptlayui
    要在Layui中的表格中实现鼠标移入显示Tips，你可以使用Layui的事件监听和Tips组件。有两种实现方式！第一种是，通过自定义鼠标事件显示tips。在渲染table时，对filed进行重构，增加相应的选择器标识，一般为class选择器，然后针对选择器内容添加鼠标移入、移除监听，进行弹tips内容。缺点是，需要对每个需要弹tips的字段进行设置。加载渲染table代码如下：tableIns=t
  • 【Qt实用技巧】深入理解鼠标事件重写机制：如何优雅地控制用户交互 小徐不徐说 qtc++界面设计鼠标交互事件重写
    在使用Qt进行GUI开发时，鼠标是最常见的交互方式之一。你可能希望让用户点击一个区域进行绘图、拖拽一个图形，或者在不同区域触发不同响应。这一切的基础，就是鼠标事件的重写机制。本文将带你从Qt鼠标事件的基本概念开始，逐步理解其重写原理、调用逻辑、控制方式，并附带实用代码案例，帮助你写出更灵活、更优雅的交互系统。一、Qt中的鼠标事件有哪些？Qt将用户的鼠标操作抽象为多个事件，主要包括：事件函数名触发时
  • QT学习教程（三十五） 随风逐流wrx 学习qt
    事件处理（-EventProcessingn）事件是视窗系统或者Qt本身在各种不同的情况下产生的。当用户点击或者释放鼠标，键盘时，一个鼠标事件或者键盘事件就产生了。当窗口第一次显示时，一个绘制事件会产生告诉新可见的窗口绘制自己。很多事件是为了相应用户动作产生的，也有一些事件是由系统独立产生的。在用Qt编程时，我们很少要考虑事件，当一些事件发生时，Qt控件会发出相应的信号。只有当实现用户控件或者需要
  • 常见 DOM 事件全解析 步行cgn 前端javascript前端
    常见DOM事件全解析DOM事件是用户与网页交互的核心机制，分为用户交互事件、文档加载事件、表单事件、键盘事件等8大类：一、鼠标事件事件触发时机典型应用场景click点击元素（按下+释放）按钮操作、导航跳转dblclick双击元素文件/图片编辑mousedown鼠标按下拖拽开始、自定义菜单mouseup鼠标释放拖拽结束mousemove鼠标在元素上移动实时坐标跟踪、绘图工具mouseover鼠标进入
  • js鼠标事件大全 小二爱编程· javascript计算机外设开发语言
    一、鼠标相关事件（MouseEvents）事件名描述支持浏览器（HTML版本）onClick鼠标单击对象时触发IE3,N2,O3onDblClick鼠标双击对象时触发IE4,N4,OonMouseDown鼠标按键按下时触发IE4,N4,OonMouseUp鼠标按键释放时触发IE4,N4,OonMouseOver鼠标移入对象范围时触发IE3,N2,O3onMouseMove鼠标在对象范围内移动时触发
  • QT应用编程: 解决QGraphicsScene重写鼠标事件无法直接得到鼠标坐标问题 DS小龙哥 QT(C++)应用软件开发qt5
    一、环境介绍操作系统介绍：win1064位QT版本:5.12.6二、现象重载QGraphicsScene相关的鼠标事件，想得到当前鼠标的坐标点，如果直接从mouseEvent取坐标，返回的坐标点全是0。classmy_graphicsScene:publicQGraphicsScene{protected:voidmousePressEvent(QGraphicsSceneMouseEvent*m
  • 【Qt】详解 Qt事件 使用用法（鼠标事件、按键事件） 嵌入式职场 【Qt图形用户界面框架】qt开发语言
    目录1、Qt事件2、事件3、事件处理4、鼠标事件演示4.1mousePressEvent1、Qt事件事件是应用程序内部或者外部产生的事情或者动作的统称。在Qt中使用一个对象来表示一个事件。所有的Qt事件均继承于抽象类QEvent。事件是由系统或者Qt平台本身在不同的时刻发出的。当用户按下鼠标、敲下键盘，或者是窗口需要重新绘制的时候，都会发出一个相应的事件。一些事件是在用户操作时发出，如键盘事件、鼠
  • 【Qt开发流程】之事件系统2：鼠标事件及滚轮事件 FreeLikeTheWind. Qt开发流程qt计算机外设开发语言
    序章以下链接是拖放事件介绍和使用示例：【Qt开发流程】之拖放操作1:介绍链接:https://blog.csdn.net/MrHHHHHH/article/details/134626484【Qt开发流程】之拖放操作2:使用链接:https://blog.csdn.net/MrHHHHHH/article/details/134632006以下链接是事件系统及键盘事件描述及示例：【Qt开发流程】之
  • VLC接受鼠标事件 sinat_35938012 音视频部标JT808JT808模拟jt808模拟数据上报
    libvlc_video_set_mouse_input(media_player,0);libvlc_video_set_key_input(media_player,0);原文地址
  • HTML常见事件详解：从入门到实战应用 浪浪山小白兔 html前端
    前言在Web开发中，事件是用户与网页交互的核心机制。HTML事件让我们能够响应用户的各种操作，如点击、鼠标移动、键盘输入等。掌握HTML事件是前端开发的基础技能之一，本文将深入探讨HTML中的常见事件类型及其实际应用。HTML事件概览总结HTML事件可以分为以下几大类，每类都有其特定的应用场景和使用方法：核心事件分类鼠标事件：onclick、ondblclick、onmousedown、onmou
  • Vue中的事件绑定【3】 Stringzhua Vue2vue.jsjavascript前端
    1.鼠标事件的绑定1.概述：在js中我们已经了解过了事件的绑定方式（获取元素节点后，对元素节点进行事件绑定），实际上我们可以直接在标签元素上面绑定事件，并在Vue实例对象中添加一个methods属性，在此属性中添加对应的回调函数（即触发该事件时执行的内容）；2.语法：v-on:事件名="回调函数"例：在button元素上绑定单击鼠标事件点击显示提示简写：@事件名="回调函数"例：点击显示提示let
  • Scratch教学作品 | 哪吒踢毽——用代码编织传统游戏的数字韵律 aa3242243243 游戏青少年编程
    今天为大家推荐一款融合传统文化与现代编程思维的Scratch敏捷类游戏——《哪吒踢毽》！本作通过极简的操作机制展现Scratch的事件驱动特性，是初学者理解物理模拟与交互设计的绝佳案例。✨完整源码已在小虎鲸Scratch资源站开放下载，即刻体验编程与传统游戏的创意碰撞！核心机制解析️交互控制系统鼠标事件驱动：通过当角色被点击事件触发踢毽动作，实现零延迟响应动态轨迹算法：scratch复制[毽子y坐
  • css 多层，让上层的部分区域的鼠标事件作用于下层 QQ2856639881 css前端javascript
    这个区域的事件给到下层
  • 如何正确捕获子进程输出？从 Node.js到C工具的实践总结 哈希茶馆 Node.js探索指南node.jsc语言javascript
    前言在开发过程中，我们经常需要通过子进程调用外部工具，并捕获其输出进行处理。然而，实际操作中可能会遇到一些问题，比如子进程没有输出，或者输出无法被捕获。本文将结合一个实际案例，详细分析问题的原因，并提供解决方案。问题背景我们有一个用C编写的工具input-activity-monitor.exe，用于监听键盘和鼠标事件，并持续输出时间戳。我们希望通过Node.js的child_process.sp
  • Canvas进阶篇：鼠标交互动画 wuhen_n canvas教程：基础+动画javascriptcanvascanvas拖拽canvas动画html5
    Canvas进阶篇：鼠标交互动画前言获取鼠标坐标鼠标事件点击事件监听代码示例效果预览拖动事件监听代码示例效果预览结语前言在上一篇文章Canvas进阶篇：基本动画详解中，我们讲述了在Canvas中实现动画的基本步骤和动画的绘制方法。本文将进一步讲述如何通过鼠标事件增加动画和用户的交互，包括捕获鼠标的点击和拖动事件，获取鼠标在Canvas中坐标等。获取鼠标坐标在进行鼠标交互时，最主要的是要获取鼠标在C
  • luckysheet的使用——16.修复鼠标上下滑动窗口失效问题 眼镜chen javascript前端开发语言vue.js
    找到监听鼠标事件的js文件：src/controllers/handler.js1.找到监听事件的方法：2.找到滚动条计算x轴和y轴的方法：使用event.originalEvent.wheelDelta对源码的event.deltaY进行替换，原版的deltaY值经常会出现undefined的情况，替换为event.originalEvent.wheelDelta后可以保障滚动不会失效
  • HTML5关键知识点之基于Canvas实现Halma游戏的技术解析 奋斗的小羊羊 html5游戏前端
    HTML5关键知识点之基于Canvas实现Halma游戏的技术解析在学习HTML5的过程中，我发现Canvas技术在实现交互性应用方面有着巨大的潜力，像利用它来开发游戏就是一个很有趣的方向。今天写这篇文章，就是希望和大家一起深入探索如何基于Canvas实现Halma游戏，共同进步。一、知识点总结获取鼠标点击位置坐标：不同浏览器对鼠标事件的实现不同，需要兼容处理获取相对于文档的坐标。再通过减去can
  • Vue--键盘修饰符 码码姑娘 小白的前端开发学习之路css3javascripthtml
    键盘修饰符1.概念与作用:>相当于是event.keycode来绑定按键事件>onclickonscrollondblclick都是鼠标事件....>keyupkeydownkeypress(keydown+keyup)>键盘修饰符是给上述三类key做绑定用的。2.定义键盘修饰符://键盘修饰符定义定义回车并且去f2别名13对应的是enter回车键Vue.config.keyCodes.f2=13
  • 什么是前端宏任务，什么又是前端微任务呢？一文读懂前端微任务宏任务。 ZemanZhang 前端javascript宏任务微任务
    在前端中，宏任务和微任务是异步任务的两种不同类型。前端有很多中异步任务类型。可以分为三类：宏任务定时器任务用户交互事件任务（鼠标事件、键盘事件）网络请求任务I/O操作任务（读写文件）微任务Promise的回调函数MutationObserver的回调函数（用于监听DOM的变动，并在变动发生时执行相应的微任务。）特殊任务requestAnimationFrame用于在下一次浏览器重绘之前执行的任务。
  • python+Selenium——web自动化(浏览器窗口操作、鼠标键盘事件、滚动条) 觅远 windowseleniumpython
    目录窗口操作鼠标事件键盘事件滚动条窗口操作fromseleniumimportwebdriverimporttimedr=webdriver.Chrome()wd=dr.get('http://baidu.com/')#设置窗口设置dr.set_window_position(30,50)#设置窗口所在屏幕上的位置time.sleep(1)dr.set_window_position(80,100
  • 爬虫技术分享:DrissionPage 牛师傅在线陪聊 Python网络爬虫
    分享技术:DrissionPage是一个用于网页抓取和自动化操作的Python库。结合了Selenium和Requests的功能，提供了统一的方式来处理动态和静态网页内容。DrissionPage旨在简化网页数据提取、表单提交、页面导航等任务，特别是在需要处理JavaScript渲染的内容时非常有用。简而言之，用代码完全模拟用户，用户的鼠标事件，各个事件都可以模拟，只要用户能拿到的信息，DP都可以
  • C#绘图版应用实战：源代码解析与开发指南 夏曦安
    本文还有配套的精品资源，点击获取简介：在C#编程语言中，开发绘图版应用是一个涉及图形用户界面（GUI）创建、图形绘制以及事件处理的复杂任务。本简介将介绍在C#中实现绘图功能所需掌握的关键技术要点，包括但不限于GDI+图形处理、WinForms与WPF框架、控件与事件交互、鼠标事件处理、路径绘图、图形状态管理、颜色与填充效果、图层管理、序列化存储以及撤销/重做功能。这些技术要点对于理解并开发一个交互
  • QT实现滑动切换界面，ARM/Linux触屏滑动切换界面，切换Qwidget ppppp_dddd QTc++c++qtarmlinux
    QT实现滑动切换界面，触屏滑动切换界面实现思想实现过程完整代码实现思想项目中要用到ARM，要求手势滑动能够切屏，首先我们想到使用QGestureEvent，但使用起来比较麻烦，并且个人了解不是特别多，选择使用鼠标事件来代替，做一个通用的切屏操作。这里优先想到，鼠标点击，然后记录位置，在鼠标释放时，根据位置来判断左滑右滑。但这样做起来步骤比较繁琐，我们使用eventFilter来过滤按下与释放事件，
  • JavaScript 入门-第六篇：JavaScript 事件与 DOM 操作 程序员勇哥 #JavaScript入门前端全套教程javascript开发语言ecmascript
    第六篇：JavaScript事件与DOM操作1.事件基础事件的概念在JavaScript中，事件是一种机制，它使网页能够对各种用户操作或系统行为做出响应。通过事件，网页不再是静态的展示，而是能够与用户进行交互，为用户提供更加丰富和动态的体验。常见事件类型：鼠标事件：与鼠标操作相关，例如click（点击）、dblclick（双击）、mousedown（鼠标按下）、mouseup（鼠标松开）、mous
  • 【wpf】11 在WPF中实现父窗口蒙版效果：原理详解与进阶优化 Kabyl WFP开发wpf
    引言在WPF应用程序开发中，蒙版效果（即遮罩层）是一种常见的交互设计。当子窗口弹出时，父窗口内容被半透明的蒙版覆盖，既能引导用户聚焦子窗口，又能防止误操作。本文将详细介绍如何通过XAML和C#代码实现这一效果，并提供扩展优化方案，帮助开发者提升用户体验。一、核心实现步骤1.父窗口布局（XAML）在父窗口中，通过Grid布局叠加主内容区域和蒙版层。蒙版层默认隐藏，使用半透明背景并拦截鼠标事件：Vis
  • 用python实现鼠标监听与手势交互 碳酸的唐 动态规划图论python
    摘要本文探讨了一种基于Python的数学函数可视化系统的设计与实现，该系统整合了Pynput鼠标事件监听机制、Matplotlib绘图引擎以及PyQt5图形用户界面框架。系统通过人机交互方式实现了函数图像的直观构建与可视化表达，支持多种函数类型的参数化建模与实时绘制。本文详细阐述了系统的理论基础、架构设计、核心算法实现以及性能优化策略，并对系统在教育教学、科学计算与数据可视化领域的应用进行了理论分
  • vtk交互之vtkInteractorStyleTrackballCamera S---S 交互
    vtkInteractorStyleTrackballCamera是VTK（VisualizationToolkit）中用于控制3D场景相机交互的默认交互风格类。1.主要功能vtkInteractorStyleTrackballCamera的主要功能是通过鼠标事件控制相机的行为：旋转：通过鼠标左键拖动，旋转场景。平移：通过鼠标中键拖动，平移场景。缩放：通过鼠标右键拖动或滚轮滚动，缩放场景。重置：支
  • 【QT】QT中的事件 秋风&萧瑟 QTqt开发语言
    QT中的事件1.事件的定义和作用2.QT中事件产生和派发流程2.1步骤2.2图示示例代码：（event函数接收所有事件）3.常见的事件3.1鼠标事件示例代码：现象：3.2按键事件3.3窗口大小改变事件4.举例说明示例代码：1.事件的定义和作用通俗的话：用户对于QT程序所做的任何行为动作，都叫做事件比如：用户用鼠标点击了窗口--》鼠标点击事件用户按下了键盘上的某个按键--》按键事件用户用鼠标把窗口拉
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他