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了。

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

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

  • flutter开发多端平台应用的探索 上（基本操作） 夏目艾拉 flutter设计模式javaandroid
    前言Flutter是一个跨平台的开发框架，它允许开发者使用相同的代码库来构建iOS、Android、Web和桌面应用程序。最近想了想，自己一直在用flutter开发特定端的应用，但是对于其他端的端特性case，如桌面端的菜单、多窗口、鼠标事件，需要怎么处理还没什么概念，本文旨在简单探索这方面的内容。正文首先就是判断平台了，可以通过如下方式import'dart:io'showPlatform;vo
  • 坐牢第三十七天（Qt） 早川loeh Qtqt
    作业：使用qt做一个闹钟widget.h#ifndefWIDGET_H#defineWIDGET_H#include#include#include#include//标签类#include//行编辑器类#include//按钮类#include//多行编辑器类#include//定时器类#include//时间类#include//播报员#include//鼠标事件类QT_BEGIN_NAMES
  • 2021-04-28【Java 第29天】 GUI 潘冠中Arthur
    1-1介绍1.窗口2.弹窗3.面板4.文本框5.按钮6.图片7.监听事件8.鼠标事件9.键盘事件GUI的核心技术：Swing和AWT为什么GUI技术不受欢迎：1.因为界面不美观2.需要jre环境为什么要学习GUI?1.可以写出自己想要的小工具2.了解MVC架构，了解监听1-2AWT介绍(AbstractWindowsTool)1.里面包含了很多类和接口2.元素窗口、按钮、文本框3.在java.aw
  • C# Windows Forms实现绘制画板 Ssiying C#c#开发语言
    目录C#WindowsForms上绘制画板：详细解释：TempData临时数据，用来保存画笔相关的信息，如：颜色，大小，坐标等类声明和成员变量构造函数文件菜单项点击事件保存菜单项点击事件画笔大小选择颜色选择清空画布鼠标事件处理完整代码：总结详细解释：TempData临时数据，用来保存画笔相关的信息，如：颜色，大小，坐标等publicstaticclassTempData{//////用来保存上一次
  • vue中的鼠标事件 HWL5679 vue.jsjavascript
    在Vue中，你可以使用标准的鼠标事件来监听和处理用户的鼠标交互。Vue并没有为这些事件提供特定的语法，而是使用了原生的DOM事件。以下是一些常见的鼠标事件以及如何在Vue组件中使用它们的示例：常见鼠标事件click:当用户点击元素时触发。mouseenter:当鼠标指针进入元素内部时触发。（常用）mouseleave:当鼠标指针离开元素时触发。（常用）mousedown:当用户按下鼠标按钮时触发。
  • 【jQuery】前端八股文面试题 菜鸟una 前端八股文面试题前端jqueryjavascript
    jQuery这个问的没有那么多，暂时我被问到的就这几个。大家可以直接订阅专栏。文章目录jQuery1.jQuery常见的方法有哪几个？2.在jQuery中，常见使用委托的事件有哪些？1）点击事件（click）2）鼠标悬停事件（mouseenter和mouseleave）3）表单提交事件（submit）4）输入框变化事件（change）3.在jQuery中，常见的鼠标事件方法有哪些？1）click（
  • python入门07 事件 pygame 噗噗bug python
    目录事件一、概念①、事件循环②、事件队列③、事件处理器二、键盘事件①、先左右移动②、添加按键事件——上下移动③、重复按键④、事件名和按键名三、鼠标事件①、让沙滩球随着鼠标位置移动②、在鼠标按钮保持按下时才让鼠标控制起作用四、定时器事件事件一、概念大多数程序自始至终沿着一条可以预测的路径运行，可能中间穿插着循环和判断，还存在一种特殊程序——事件驱动程序(event-drivenprogram),事件
  • Qt自定义滑动条 sensetime阿清 Qtqtc++
    最近要用到滑动条，Qt自带的QSlider虽然能满足需求，但是操作起来有很多不舒服的地方，于是在它的基础上改了改，分享给大家使用。先放效果图：在QSlider的基础上，改变了样式，绘制了刻度，增加了取整功能，只需要微调就能适应各种需求。头文件。需要包含下面的东西#include#include#include#include#include声明。需要继承QSlider，并重写两个鼠标事件mouse
  • CSS中禁用DOM事件 冰眸js css前端
    可以使用pointer-events属性。这个属性指定当鼠标指针设备（如鼠标）在元素上时，事件应该有什么表现。pointer-events:none;表示元素不应对鼠标事件进行响应。这包括鼠标的点击、悬停和其他鼠标相关的动作。例如，如果你想禁用一个按钮的点击事件，你可以这样做：.disabled-button{pointer-events:none;opacity:0.5;/*通常还会降低其透明度
  • DOM鼠标事件、 表单事件、添加事件监听 船长㉿ JavaScript
    鼠标事件click:单机事件dblclick：双击事件mousedown:鼠标按下时触发mouseup:鼠标抬起是触发mouseenter:鼠标移入触发mouseleave：鼠标离开触发mousemove:鼠标移动.btn{width:100px;height:50px;border-radius:10px;background:gray;line-height:50px;cursor:point
  • 前端-JS进阶-API/WebAPI/DOM 知恩️ 前端javascripthtml
    文章目录1.API与WebAPI2.DOM1.DOM树2.获取元素3.事件基础4.常见鼠标事件3.改变文本内容/元素属性1.改变文本内容2.改变元素属性4.改变表单属性5.改变CSS样式属性6.排他思想（算法）7.获取/修改/删除属性内容1.获取属性的值2.设置属性的值3.移除属性8.H5自定义属性9.节点操作1.父子节点2.兄弟节点3.创建/添加节点4.删除节点5.复制节点6.创建元素10.DO
  • 第十四章- 面对墙壁 Xiao悟空 Qtqt
    这是最后的例子：一个完整的游戏。我们添加键盘快捷键并引入鼠标事件到CannonField。我们在CannonField周围放一个框架并添加一个障碍物（墙）使这个游戏更富有挑战性。lcdrange.h包含LCDRange类定义lcdrange.cpp包含LCDRange类实现cannon.h包含CannonField类定义cannon.cpp包含CannonField类实现gamebrd.h包含Ga
  • Unity 编辑器扩展-自定义窗口鼠标事件(左键/右键) 正义的欧派 unity编辑器计算机外设
    在绘制自定义窗口控件的时候,有时会需要监听鼠标在当前控件上的操作,这时候一般是使用Event类来实现,演示代码如下:class技能编辑器:EditorWindow{[MenuItem("工具/技能编辑器")]staticvoid技能编辑(){GetWindow(false,"技能编辑器");}RecttestArea=newRect(200,200,100,100);privatevoidOnGU
  • JavaScript语法基础之事件基础 苏苏渗透大师 web渗透javascript开发语言web安全前端安全
    目录1.事件基础1.1.事件是什么？1.2.事件调用方式1.2.1.在script标签中调用1.2.2.在元素中调用事件1.3.鼠标事件1.3.1.鼠标单击1.4.表单事件1.4.1.onfocus&onblur1.5.页面事件1.5.1.onload1.事件基础1.1.事件是什么？举个例子，当我们点击一个按钮时，会弹出一个对话框。其中点击就是一个事件，弹出对话框就是我们在点击这个事件里面做的一些
  • JavaScript语法基础之事件基础（鼠标、表单、页面事件等） 苏苏渗透大师 web渗透javascript开发语言安全网络安全web安全
    目录1.事件基础1.1.事件是什么？1.2.事件调用方式1.2.1.在script标签中调用1.2.2.在元素中调用事件1.3.鼠标事件1.3.1.鼠标单击1.4.表单事件1.4.1.onfocus&onblur1.5.页面事件1.5.1.onload1.事件基础1.1.事件是什么？举个例子，当我们点击一个按钮时，会弹出一个对话框。其中点击就是一个事件，弹出对话框就是我们在点击这个事件里面做的一些
  • PyQt5之事件处理 清風明月_xf PyQt5GUI设计qtuipython
    文章目录事件处理一、事件类型二、event（）函数原型三、常见的默认事件处理函数代码示例运行结果四、使用event（）函数屏蔽窗体事件代码示例运行结果事件处理Widget->event基于窗体的应用程序都是由事件驱动的，列如：鼠标事件（鼠标的单击双击）、键盘事件（按键的按下释放）、窗体绘制事件（某个事件的重绘）等，产生的事件进入一个事件队列，由应用程序的事件循环进行处理。一、事件类型在PyQt5中
  • opencv利用鼠标绘制图形 Zoe_C
    有时候我们需要自己根据图像绘制图形，这个时候就需要借用到鼠标这个常见的电脑设备。在opencv里边可以利用鼠标绘制圆，矩形等各种形状，会用到cv2.setMouseCallback()函数下面有两个例子，可以借鉴一下#查看所有被支持的鼠标事件importcv2events=[iforiindir(cv2)if'EVENT'ini]print(events)1.创建鼠标事件回调函数，当鼠标事件发生时
  • Echarts中事件与行为知识点 依墨~ javascript开发语言ecmascript
    1.鼠标事件有'click'、'dblclick'、'mousedown'、'mousemove'、'mouseup'、'mouseover'、'mouseout'、'globalout'、'contextmenu'事件。下面先来看一个简单的点击柱状图后打开相应的百度搜索页面的示例。//基于准备好的dom，初始化ECharts实例//varmyChart=echarts.init(document
  • jQuery事件与DOM操作 我讲个笑话你可别哭啊 jquery前端javascript
    1.jQuery中的事件基础事件鼠标事件、键盘事件、window事件、表单事件复合事件鼠标光标悬停鼠标连续点击2.鼠标事件方法描述执行时机click()触发或将函数绑定到指定元素的click事件单击鼠标时mouseover()触发或将函数绑定到指定元素的mouseover事件鼠标指针移过时mouseout()触发或将函数绑定到指定元素的mouseout事件鼠标指针移出时mouseenter()触发
  • python鼠标移动事件_python+selenium 鼠标事件操作方法 weixin_39905037 python鼠标移动事件
    一、前言除了可以使用click()来模拟鼠标的单击操作，现在Web产品中还提供了更丰富的鼠标交互方式，例如鼠标右键、双击、悬停、拖动等功能，在WebDriver中，将这些关于鼠标操作的方法都封装在ActionChains类中。ActionChains类提供了鼠标操作的常用方法：perform()执行所有ActionChains中存储的行为context_click()右击double_click(
  • 通过鼠标的拖动改变DOM的高度和宽度 ganyuanmen html+cssjavascriptdomjavascriptjquery
    好久不写博客了......。web前端开发中，通过鼠标的拖动改变控件高度和宽度的做法有多种。我以前使用的方法是：为控件添加mousemove事件，当鼠标移到边距时，显示cursor为e-resize，表示可以拖动。在mousedown事件中设置document的鼠标事件，在mouseup中移除document的鼠标事件。这样的做法导致：当鼠标移到控件上后，每动一下鼠标，就需要运行一次move事件。
  • 打破枯燥工作日，用Python统计键盘和鼠标点击次数，钉钉告诉你今天摸鱼了多少次！ 码肥人壮 python钉钉摸鱼
    1前言是否曾想过，在一天的工作中，你到底点击了键盘多少次，或者鼠标点击了多少下？是否好奇每天工作的时候，自己究竟有多努力？本文将带你使用Python，利用pynput监听键盘和鼠标事件，统计每天的点击次数，并通过钉钉机器人告诉你今天到底摸鱼了多少次。效果如下图：其实之前有做过一个类似的小软件：https://blog.csdn.net/weixin_42887343/article/details
  • 《最新出炉》系列初窥篇-Python+Playwright自动化测试-19-处理鼠标拖拽-中篇 北京-宏哥 python计算机外设服务器开发语言测试工具前端网络
    1.简介上一篇中，主要是介绍了拖拽的各种方法的理论知识以及实践，今天宏哥讲解和分享一下划取字段操作。例如：需要在一堆log字符中随机划取一段文字，然后右键选择摘取功能。2.划取字段操作划取字段操作就是在一段文字中随机选中一段文字，或者在标记文字。当然了，这个在一些网站的登录也需要滑块验证等。selenium中提供了ActionChains类来处理鼠标事件。这个类中有2个方法和滑块移动过程相关。cl
  • JavaScript 练手小技巧：键盘事件 stones4zd javascriptjavascript前端html
    键盘事件应该是鼠标事件之外，使用频率最高的JS事件了吧？一般用于全局或者表单。键盘事件由用户击打键盘触发，主要有keydown、keypress、keyup三个事件。keydown：按下键盘时触发。Ctrl、Shift、Alt等和其它按键组合时，组合键的事件监听通常要使用keydown。keypress：按下有值的键时触发（即只支持字符键、空白键、enter，如字母，数字，+、=等），即按下Ctr
  • [前端开发] 常见的 HTML、CSS、JavaScript 事件代码示例 YuanDaima2048 前端学习htmlcssjavascripthtml5css3前端
    概念指路常见的HTMLCSSJavaScript事件常见的HTML、CSS、JavaScript事件代码示例鼠标事件示例键盘事件示例表单事件示例在学习HTML、CSS和JavaScript事件相关知识时，通过实际的代码示例能更直观地理解事件的应用和处理方法。下面是一些常见事件的代码示例，供大家参考学习：鼠标事件示例鼠标事件示例.box{width:100px;height:100px;backgr
  • [前端开发] 常见的 HTML CSS JavaScript 事件 YuanDaima2048 前端学习基础概念htmlcssjavascripthtml5css3es6前端
    代码示例指路常见的HTML、CSS、JavaScript事件代码示例常见的HTMLCSSJavaScript事件事件HTML事件鼠标事件键盘事件表单事件JavaScript事件对象事件代理（事件委托）事件在Web开发中，事件是用户与网页交互的重要方式之一。通过事件，用户可以与页面元素进行交互，触发相应的功能或效果。本文将介绍常见的HTML、CSS、JavaScript事件，以及事件对象和事件代理的
  • 【UI自动化测试技术】自动化测试研究：Python+Selenium+Pytest+Allure,详解UI自动化测试，iframe、窗口等控件切换（精）(五) 梦断南楼 UI自动化测试技术研究uipythonselenium
    导言在上一篇文章里，我们一起学习了键盘事件、鼠标事件以及其它的一些特殊情况的处理。这篇文章我们一起学习Selenium中一些特殊窗口以及iframe，如何处理。学习目标了解对浏览器的基本功能操作（本节重点）学习如何对弹窗进行操作（本节重点）学习如何应对出现iframe框架时的解决方案学习对浏览器窗口的基本操作浏览器基本导航操作#导包fromseleniumimportwebdriverfromti
  • 常见鼠标事件(禁用右键菜单、禁止选中文字) 布卡卡的晴空
    禁用右键菜单contextmenudocument.addEventListener('contextmenu',function(e){e.preventDefault();})禁止选中文字selectstartdocument.addEventListener("selectstart",function(e){e.preventDefault();});
  • 初步探索Pyglet库：打造轻量级多媒体与游戏开发利器 Hann Yang Pythonpythonpyglet
    目录pyglet库功能特点安装和导入安装导入基本代码框架导入模块创建窗口创建控件定义事件运行应用程序界面运行结果完整代码标签控件常用事件窗口事件鼠标事件键盘事件文本事件其它场景网页标签音乐播放图片显示祝大家新年快乐，龙行龘龘！pyglet库是一个跨平台的Python多媒体库，提供了一个简单易用的接口来创建窗口、加载图像和视频、播放音频、处理用户输入事件以及进行2D图形绘制。特别适合用于游戏开发、视
  • Python-机器人入侵遇到问题与解决方案 pumpkin1111
    1.开始进行外星人移动时，虽然外星人图像向右移动，但是历史图像没有消失，导致外星人重影问题代码：alien_invasion.py#开始游戏主循环whileTrue:#监视键盘和鼠标事件gfunctions.check_events(ai_setting,screen,ship,bullets)ship.update()gfunctions.create_fleet(ai_setting,scre
  • 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其他