CHINADENG
CHINADENG

各浏览器的鼠标位置测试

各浏览器的鼠标位置测试

 

废话不多说，下面分别检测各个浏览器下的

e.pageX
e.layerX
e.offsetX
e.clientX
e.x

属性；

测试浏览器：

FF9/Chrome15/opera11.52/safari5(win)/IE6/7/8/9

测试代码：

View Code
复制代码 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="stylesheet" href="http://www.cnblogs.com/../js_tool/css/debug.css">
    <style type="text/css">
        *{ margin: 0; padding: 0;}
        #view{ position: relative; left: 25px; top:25px; width: 400px; height: 100px; border: 100px solid #adff2f; background: #ff8c00;}
        #view_2{ position: absolute; left: 75px; top:375px; width: 300px; height: 100px; background: #008b8b;}
    </style>
</head>
<body>
<div id="fake" style=" position: absolute; left: 10px; top:10px; width: 3000px; height: 2000px; background: #d3d3d3; padding: 50px;">
<div id="view"></div>
<div id="view_2"></div>
</div>
<script type="text/javascript" src="http://www.cnblogs.com/../common_js/Xe.js"></script>
<script type="text/javascript" src="http://www.cnblogs.com/../js_tool/js/debug.js"></script>
<script type="text/javascript">
    var debug = new Xe.debug('调试面板1');
    debug.createPanel();
    document.onclick = function(e){
        e = e || window.event;
        debug.log('e.pageX:',e.pageX);
        debug.log('e.layerX:',e.layerX);
        debug.log('e.offsetX:',e.offsetX);
        debug.log('e.clientX:',e.clientX);
        debug.log('e.x:',e.x);
    }
</script>
</body>
</html>
复制代码

图示：

测试结果如下：

chrome：

e.pageX——相对整个页面的坐标
e.layerX——相对当前坐标系的border左上角开始的坐标
e.offsetX——相对当前坐标系的border左上角开始的坐标
e.clientX——相对可视区域的坐标
e.x——相对可视区域的坐标

ff：

e.pageX——相对整个页面的坐标
e.layerX——相对当前坐标系的border左上角开始的坐标
e.offsetX——无
e.clientX——相对可视区域的坐标
e.x——无

opera：

e.pageX——相对整个页面的坐标
e.layerX——无
e.offsetX——相对当前坐标系的内容区域左上角开始的坐标
e.clientX——相对可视区域的坐标
e.x——相对可视区域的坐标

safari：（这个和chrome是一样的）

e.pageX——相对整个页面的坐标
e.layerX——相对当前坐标系的border左上角开始的坐标
e.offsetX——相对当前坐标系的border左上角开始的坐标
e.clientX——相对可视区域的坐标
e.x——相对可视区域的坐标

 

IE9：

e.pageX——相对整个页面的坐标
e.layerX——相对当前坐标系的border左上角开始的坐标 + 滚动条滚过的距离（这个NB轰轰了····=。=）
e.offsetX——相对当前坐标系的内容区域左上角开始的坐标
e.clientX——相对可视区域的坐标
e.x——相对当前坐标系的border左上角开始

IE8：

e.pageX——无
e.layerX——无
e.offsetX——相对当前坐标系的内容区域左上角开始的坐标
e.clientX——相对可视区域的坐标
e.x——相对当前坐标系的border左上角开始

IE7：

e.pageX——无
e.layerX——无
e.offsetX——相对当前坐标系的内容区域左上角开始的坐标
e.clientX——相对可视区域的坐标
e.x——相对当前坐标系的border左上角开始

IE6：

e.pageX——无
e.layerX——无
e.offsetX——相对当前坐标系的内容区域左上角开始的坐标
e.clientX——相对可视区域的坐标
e.x——相对当前坐标系的border左上角开始

 

综合为下表：各浏览器的鼠标位置测试_第1张图片

插入表格不方便，鸭梨很大啊

 

其中clientX是W3C标准的一个属性，所以都挺符合的，其他的就看浏览器厂商的心情了。

对于非IE6/7/8来说，pageX属性都可以获取到鼠标事件发生处到整个页面左边的坐标，IE6/7/8就只能通过clientX+scrollLeft来获得相同的结果。

 

需要注意的是layerX和x这两个属性。

event.x本来是IE的，但是除了FF之外，其他的也都实现了这个属性，但是opera，chrome和safari和IE的实现并不一致，opera，chrome和safari的event.x返回值和event.clientX相同

opera没有实现layerX，IE9实现了，但是IE9又是个奇葩，layerX实现得稀奇古怪。

 

layerX与offsetX

除了ff，其他浏览器都实现了offsetX，opera跟随IE系列，与IE实现相同，就是从内容区域边界开始算起，就是上面图示中的B点，chrome和safari从border边界开始算起，就是上面图示中的A点。

 

除了上面的一些区别，另外一个重要区别就是各个浏览器默认的边界零点也不一致，计算的时候还需要根据浏览器不同来补充或删减。

 

你可能感兴趣的:(各浏览器的鼠标位置测试)

  • 深入解析代理模式（Proxy Pattern）：设计与应用 江沉晚呤时 设计模式C#系统安全安全c#.netcore
    在软件设计中，代理模式（ProxyPattern）是一种结构型设计模式，它通过创建一个代理对象来控制对真实对象的访问。代理模式允许我们在访问对象时加入额外的逻辑，例如权限控制、延迟加载、缓存等。代理模式是日常开发中非常实用的模式，能够提高程序的灵活性、可维护性，同时还能优化性能。本文将详细讲解代理模式的定义、类型、工作原理、应用场景以及如何在C#中实现代理模式。一、什么是代理模式？代理模式（Pro
  • Mysql-DML 小马爱记录 MySqlmysqlsql数据库
    1.外键外键作用：保持数据一致性，完整性，主要目的是控制存储在外键表中的数据，约束。使两张表形成关联，外键只能引用外表中的列的值或使用空值。创建外键:建表时指定外键约束--创建外键的方式一:创建子表同时创建外键--年级表(id\年级名称)CREATETABLE`grade`(`gradeid`INT(10)NOTNULLAUTO_INCREMENTCOMMENT'年级ID',`gradename`
  • 网络通信&微服务 Mia@ 微服务架构云原生
    网络通信VPN服务器分配内网IP，加密所有流量,以使用外网访问内网资源使用了VPN只是第一关，只进入了人家的大厅，只可以访问公共服务（像是只可以在人间公司的大厅里溜达），若想要访问人家提供的高级服务（比如想上楼溜达，还需要预约后得到同意），需要注册并得到同意。这里的注册：你要调用人家的哪些服务，需要（源IP、源port、目的IP、目的port）外部用户或服务通过域名访问API网关，API网关将合法
  • Python 爬虫实战：于美团民宿抓取房源信息，规划旅行住宿选择 西攻城狮北 python爬虫实战案例美团
    目录一、前言二、准备篇2.1确定目标2.2工具与库2.3法律与道德声明三、实战篇3.1分析美团民宿页面3.2模拟登录3.3获取房源列表3.4爬取更多房源数据3.5数据存储3.6数据分析3.6.1数据清洗3.6.2房源分析3.6.3设施分析四、总结与展望五、注意事项一、前言美团民宿作为国内知名的短租民宿平台，提供了丰富的房源信息。了解这些房源信息，对于旅行者规划住宿、民宿经营者优化房源以及相关市场分
  • 高级java每日一道面试题-2025年3月11日-微服务篇[Eureka篇]-Eureka Client配置有哪些? java我跟你拼了 java每日一道面试题java微服务eureka
    如果有遗漏,评论区告诉我进行补充面试官:EurekaClient配置有哪些?我回答:为了提供一个全面且综合的回答，涵盖EurekaClient配置的各个方面，并结合实际应用中的最佳实践，以下是详细的分析和解释。这将帮助候选人准备高级Java面试中关于EurekaClient配置的问题。一、核心基础配置服务注册与发现eureka.client.serviceUrl.defaultZone:指定Eur
  • OSPF邻居状态机 funnycoffee123 智能路由器网络
    OSPF（OpenShortestPathFirst）协议的邻接关系状态机描述了两台OSPF路由器之间建立和维护邻接关系的过程。以下是每个状态的简要描述：DownState（关闭状态）描述：这是OSPF邻接关系的初始状态，表示路由器尚未从邻居接收到任何Hello报文。特点：在此状态下，路由器认为邻居不可达。如果接口被启用或配置了OSPF，状态会从Down开始。如果在DeadInterval（死亡间
  • 吴恩达深度学习复盘（1）神经网络与深度学习的发展 wgc2k #深度学习深度学习人工智能
    一、神经网络的起源与生物学动机灵感来源神经网络的最初动机源于对生物大脑的模仿。20世纪50年代，科学家试图通过软件模拟神经元的工作机制（如树突接收信号、轴突传递信号），构建类似人类大脑的信息处理系统。生物神经元的简化模型人工神经网络采用数学模型简化生物神经元的行为：每个神经元接收输入（数字信号），通过加权求和与激活函数处理后输出。尽管这一模型远不及真实大脑复杂，但早期研究认为其可能复现智能行为。二
  • Ubuntu与CentOS操作指令的主要区别详解 Hey! Hey! ubuntucentoslinux
    前言Ubuntu和CentOS作为Linux系统中两个最流行的发行版，在企业服务器和个人开发环境中都得到了广泛应用。虽然它们都基于Linux内核，但由于源自不同的发行版家族（Ubuntu基于Debian，CentOS基于RedHat），在操作指令和系统管理方式上存在一些显著差异。本文将详细对比这两个系统在常用操作指令上的区别，帮助开发者和管理员快速适应不同环境。一、包管理工具差异1.包管理系统Ub
  • vue项目之axios请求统一配置了超时时间，单独接口请求时重设超时时间 牛先森家的牛奶 Vuevue接口
    vue项目中axios请求统一配置了超时时间，单独接口请求时重设超时时间根据官网推荐：axios配置官网默认请求时间接口请求：//任务新建exportfunctionnewTaskAdd(data){returnrequest({url:'/api/taskPlan/add',method:'post',data})}重设超时时间的接口请求：//任务新建exportfunctionnewTaskA
  • blender的动画到底导出图片序列形式还是视频形式 Jacob Piao blender动画
    Blender可以将动画导出为图片序列或视频形式。在Blender中，你可以通过渲染菜单中的"渲染"选项来将动画导出为视频文件，或者通过渲染菜单中的"图像序列"选项来将动画导出为图像序列。导出为视频文件的好处是可以很方便地将动画共享或播放，而导出为图像序列的好处是可以在其他软件中进行后期处理或编辑。选择导出为哪种格式取决于你的需求，你可以根据自己的需要来选择适合自己的格式。
  • Golang轻松实现消息模板变量替换：text/template 怪力乌龟 golanggolang开发语言后端
    text/template是Go语言标准库中的一个包，用于生成文本输出。它通过解析模板并根据给定的数据执行模板来生成最终的文本。text/template提供了强大的模板引擎，支持条件判断、循环、变量替换等功能。基本概念模板：模板是一个文本文件或字符串，其中包含一些特殊的占位符或控制结构，用于动态生成内容。数据：数据是一个Go语言的结构体、映射或其他数据结构，模板引擎会根据这些数据来填充模板中的占
  • Python运算符大全 怪力乌龟 python专栏python开发语言
    Python的运算符较多，以下假设a=10,b=20运算符描述实例算术运算符+加-两个对象相加a+b输出结果30-减-得到负数或是一个数减去另一个数a-b输出结果-10*乘-两个数相乘或是返回一个被重复若干次的字符串a*b输出结果200/除-x除以yb/a输出结果2%取模-返回除法的余数b%a输出结果0**幂-返回x的y次幂a**b为10的20次方，输出结果10000000000000000000
  • 构建智能企业风控系统：实时交易监控与欺诈检测的AI增强 AI天才研究院 DeepSeekR1&大数据AI人工智能大模型人工智能ai
    构建智能企业风控系统：实时交易监控与欺诈检测的AI增强关键词：智能企业风控系统、实时交易监控、欺诈检测、AI增强、机器学习摘要：本文聚焦于构建智能企业风控系统，着重探讨实时交易监控与欺诈检测的AI增强技术。详细介绍了该系统的背景知识，包括目的、预期读者等；深入剖析核心概念及联系，阐述核心算法原理与操作步骤，给出数学模型和公式；通过项目实战展示代码实现与解读；列举实际应用场景，推荐相关工具和资源；最
  • blender 中 “Export”（导出）选项卡 在什么位置 滚菩提哦呢 blender
    Blender的“导出(Export)”选项卡位于主菜单栏的顶部。您可以通过以下步骤访问它：打开Blender。在界面的顶部，您会看到一排菜单选项。从左边开始，第三个选项是“文件(File)”。单击“文件(File)”菜单，然后从下拉菜单中选择“导出(Export)”。在“导出(Export)”子菜单中，您将看到可用于导出Blender项目的各种文件格式选项。选择适当的文件格式并单击即可导出项目。
  • SYSAUX表空间WRH$_ACTIVE_SESSION_HISTORY占用空间过大的清理办法 jcsx 数据库oracle
    SYSAUX表空间WRH$_ACTIVE_SESSION_HISTORY占用空间过大的清理办法一、查看@$ORACLE_HOME/rdbms/admin/awrinfo.sql一般是truncate旧分区。查看snapshotsqlplus/assysdbasetlinesize1000;setpagesize200;colbegin_interval_timeformata30;colend_i
  • Linux halt 命令使用详解 我是唐青枫 Linuxlinux运维服务器
    简介Linux中的halt命令用于立即关闭系统。它还可用于关闭电源或重新启动机器，具体取决于所使用的选项。基础语法halt[OPTION]默认情况下，halt需要root权限sudohalt常用选项-p：停止后关闭系统电源。（与poweroff相同）--reboot：重新启动系统而不是停止系统--force：强制立即停止而不通知进程--help：显示帮助信息示例用法停止系统sudohalt#这将停
  • iOS 关于UICollectionView的headerView的问题、cell间隙问题/pageEnabled显示偏移问题 liyubao160 iOS/ocheaderView
    1.collectionView的注意事项:必须注册cell;如果在storyboard添加了可重用标示符,可以不注册.必须实现代理方法.否则会报错.当cell的大小显示不正常的时候,可以试一下在视图加载完成之后,将要出现的时候,设置itemSize;注册cell的方法会跳到dequeueReusableCellWithReuseIdentifier:(缓存池中调用cell),如果缓存池中没有会创
  • Linux nc 命令详解 我是唐青枫 Linuxlinux运维服务器
    简介nc全称netcat，是一个在Linux中多功能的网络工具，通常用于通过TCP或UDP读取和写入网络连接，也能作为客户端或服务端用来debug，测试，网络问题分析。常用示例检查端口是否是打开的nc-zvnc-zvexample.com80#-z：扫描但不发送数据#-v：详细输出模式启动一个简单的TCP服务nc-lnc-l1234#启动一个监听在1234端口的服务，任何数据发送在这个端口上将会显
  • Java GUI编程（图形用户界面编程） sql12345678911 java开发语言
    一，GUI概述GUI（GraphicalUserInterface）即图形用户界面，是指采用图形方式显示的用户界面。为程序提供了图形界面，方便用户操作javax.swing包中提供了出许多的图形组件二，JFrame窗口组件在窗口组件中添加其他功能组件JFrame类用来创建窗口；我们的类可以直接继承该类，实现窗体制作。1.设置窗体的常用方法：voidsetSize(intwidth,intheigh
  • Java内部类 sql12345678911 java开发语言
    类中信息成员变量成员方法构造方法代码块一，内部类：内部类在一个类的里面定义类如果在类Outer的内部定义一个类Inner，此时类Inner就称为内部类（或称为嵌套类），而类Outer则称为外部类（或称宿主类）有些功能在外部用不到，所以把一些实现定义在一个内部类中，封装起来内部类的·特点而且内部类还可以直接使用外部类中的方法在有些只是用一次的此场景下，Java为了简化语法，还可以让我们不用去创建接口
  • JavaSE基础语法 sql12345678911 java
    目录一.关键字二.标识符三.Java变量（强类型语法）四.基本数据类型五.引用数据类型六.基本数据类型间的转换七.运算符一.关键字定义：被Java语言赋予了特殊含义，用做专门用途的单词特点：关键字中所有字母都为小写注：关键字一共50个，其中const和goto是保留字。Java保留字：现有Java版本尚未使用，但以后版本可能会作为关键字使用。二.标识符定义：Java对各种变量，方法和类等要素命名是
  • 数据库DDL操作 创建和管理表 百事yyds MySQL数据库数据库sqlmysql
    创建数据库方式一：创建数据库createdatabase数据库名;方式二：创建数据库并指定字符集createdatabase数据库名characterset字符集;方式三：判断数据库是否已经存在，不存在则创建数据库（推荐）createdatabaseifexists数据库名;注意：DATABASE不能改名。一些可视化工具可以改名，它是建新库，把所有表复制到新库，再删旧库完成的。使用数据库查看所有的
  • 分页查询原理与优化方案完全指南 遥不可及~~斌 数据库数据库sql
    分页查询原理与优化方案完全指南一、分页查询基础原理1.1传统分页实现方式分页查询的核心目的是将大数据集分割成多个小块进行展示，最常见的实现方式是使用LIMIT-OFFSET语法：--基础分页查询SELECT*FROMtable_nameORDERBYidLIMITpage_sizeOFFSET(page_number-1)*page_size;工作原理：数据库执行全表扫描或索引扫描跳过前OFFSE
  • centos nginx添加域脚本 慕兴 centosnginxlinux
    nginx添加域脚本该脚本会自动创建配置文件：/etc/nginx/conf.d/$DOMAIN.confssl证书目录：/etc/nginx/ssl/DOMAIN/DOMAIN/DOMAIN/DOMAIN静态资源文件目录：/var/www/$DOMAIN添加域脚本脚本需要两个模板文件（http.conf.temp和https.conf.temp）#!/bin/bash#检查是否提供了所需的命令行
  • Linux ar命令说明 沉沦者 linuxlinuxar
    ar命令可以用来创建、查询、修改库。库是一单独的文件，里面包含了按照特定的结构组织起来的源文件。原始文件的内容、模式、时间戳、属主、组等属性都保留在库文件中。命令选项：-d：删除库文件中的成员文件-m：变更成员文件在库文件中的次序-p：显示库文件中的成员文件内容-q：将文件附加在库文件末端-r：将文件插入库文件中-t：显示库文件中所包含的文件-x：从库文件中取出成员文件-a：将文件插入库文件中指定
  • iOS获取一个view对应的子view Invisible_He iOS开发OCiosOC
    很多时候，我们会遇到这样的一种场景，在一个view的一堆subviews里面找到我们想要的那个view，尤其是要在一个不是我们自己写的view的subviews中找到那个想要的view，这种场景下，能获取到这个view就显得至关的有用了。譬如，我们要自定义tableview左滑删除的样式时，尤其是自定义成一个特定的图标或者更复杂的情况，具体看下面截图：在这种情况下，我们就需要获取到这个tablev
  • iOS实现支付宝后台模糊效果 Invisible_He iOS开发OCiOS
    废话不多说，先来张图，直接看下效果上图的效果就是我们这篇文章要达到的效果。对于没做过类似效果的盆友们来说，可能最开始想到的会是，是否有这么一个方法能监听到手机APP进入任务管理或者是进入任务切换这么一个动作？然鹅，事实并非那么麻烦，其实想要实现这种效果只需要监听AppDelegate里的下面两个方法即可-(void)applicationDidEnterBackground:(UIApplicat
  • 数据库-MySQL面试题系列 005 code36 数据库
    说⼀下InnoDB内存相关的参数优化？BufferPool参数优化缓冲池内存⼤⼩配置⼀个⼤的⽇志缓冲区允许⼤量的事务在提交之前不写⽇志到磁盘。因此，如果你有很多事务的更新，插⼊或删除操作，通过设置这个参数会⼤量的减少磁盘I/O的次数数。建议:在专⽤数据库服务器上，可以将缓冲池⼤⼩设置为服务器物理内存的60%-80%查看缓冲池⼤⼩在线调整InnoDB缓冲池⼤⼩innodb_buffer_pool_s
  • Linux 磁盘管理 阳光向日葵向阳 linux开发语言
    Linux磁盘管理好坏直接关系到整个系统的性能问题。Linux磁盘管理常用三个命令为df、du和fdisk。df（英文全称：diskfree）：列出文件系统的整体磁盘使用量du（英文全称：diskused）：检查磁盘空间使用量fdisk：用于磁盘分区dfdf命令参数功能：检查文件系统的磁盘空间占用情况。可以利用该命令来获取硬盘被占用了多少空间，目前还剩下多少空间等信息。语法：df[-ahikHTm
  • Vue 3 事件总线详解：构建组件间高效通信的桥梁 my1121716951 vue.js前端javascript
    Vue3事件总线详解：构建组件间高效通信的桥梁为什么需要事件总线？使用mitt实现事件总线1.安装mitt2.创建事件总线3.在组件中使用事件总线发送端组件（例如ComponentA.vue）接收端组件（例如ComponentB.vue）自定义实现事件总线总结在复杂的前端应用中，组件之间的通信往往需要一种灵活且解耦的方式。传统的Vue2中，我们常使用全局事件总线来实现这种通信，但在Vue3中，由于
  • 插入表主键冲突做更新 a-john
    有以下场景： 用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。 问题： 如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。 解决： mysql中提供了一个sql语
  • Android xml资源文件中@、@android:type、@*、？、@+含义和区别 Cb123456 @+@?@*
    一.@代表引用资源 1.引用自定义资源。格式：@[package:]type/name android：text="@string/hello"   2.引用系统资源。格式：@android:type/name     android:textColor="@android:color/opaque_red"
  • 数据结构的基本介绍 天子之骄 数据结构散列表树、图线性结构价格标签
    数据结构的基本介绍 数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。   经典的数据结构大致如下：   一：线性数据结构 (1)：列表 a
  • 通过二维码开放平台的API快速生成二维码 一炮送你回车库 api
     现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs
  • ImageIO读取一张图片改变大小 3213213333332132 javaIOimageBufferedImage
    package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon
  • myeclipse集成svn（一针见血） 7454103 eclipseSVNMyEclipse
                                     &n
  • 装箱与拆箱----autoboxing和unboxing darkranger J2SE
    4.2　自动装箱和拆箱 基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1　autoboxing和unboxing 在Java中，所有要处理的东西几乎都是对象(Object)
  • ajax传统的方式制作ajax aijuans Ajax
    //这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
  • 只用jre的eclipse是怎么编译java源文件的？ avords javaeclipsejdktomcat
    eclipse只需要jre就可以运行开发java程序了，也能自动 编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？ 还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ &nb
  • 前端模块化 bee1314 模块化
    背景： 前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。   JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
  • 处理百万级以上的数据处理 bijian1013 oraclesql数据库大数据查询
    一.处理百万级以上的数据提高查询速度的方法：        1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。         2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
  • mac 卸载 java 1.7 或更高版本 征客丶 javaOS
    卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后，还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后，还可以执行 java
  • 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析 bit1129 Stream
    第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中 第二部，Spark Streaming读取Kafka中的数据，进行实时分析   本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
  • Erlang vs TNSDL bookjovi erlang
          TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
  • 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个 ljy325 企业应用
    　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。 相关新闻： （1）IT行业成五大疾病重灾区：过劳死平均37.9岁
  • 读《研磨设计模式》-代码笔记-原型模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法： * 1.public Product copy(Product p){} * 2.publi
  • 配置管理---svn工具之权限配置 chenyu19891124 SVN
    今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。 安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos    component    webapps 在conf里面的auth里赋予的权限配置为 [groups]
  • 浅谈程序员的数学修养 comsci 设计模式编程算法面试招聘
                                     浅谈程序员的数学修养
  • 批量执行 bulk collect与forall用法 daizj oraclesqlbulk collectforall
    BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。     有关FORALL语句的用法请参考：批量SQL之 F
  • Linux下使用rsync最快速删除海量文件的方法 dongwei_6688 OS
    1、先安装rsync：yum install rsync 2、建立一个空的文件夹：mkdir /tmp/test 3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。
  • Yii CModel中rules验证规格 dcj3sjt126com rulesyiivalidate
    Yii cValidator主要用法分析：  yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError  
  • 基于vagrant的redis主从实验 dcj3sjt126com vagrant
    平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从   实现思路 制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box   制作sentos6.5+redis的box   mkdir vagrant_redis cd vagrant_
  • Memcached(二)、Centos安装Memcached服务器 frank1234 centosmemcached
    一、安装gcc rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]： 建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码...... rpm -ivh kernel-head
  • Remove Duplicates from Sorted List hcx2013 remove
    Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
  • Spring4新特性——JSR310日期时间API的支持 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • 浅谈enum与单例设计模式 247687009 java单例
    在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构 造器，导出静态成员变量，以便调用者访问。 第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S
  • 使用switch条件语句需要注意的几点 openwrt cbreakswitch
    1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa
  • 配置Spring Mybatis JUnit测试环境的应用上下文 schnell18 springmybatisJUnit
    Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有： 单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串 解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 第二个问题的具体实例是：    
  • Java 定时任务总结一 tuoni javaspringtimerquartztimertask
     Java定时任务总结  一.从技术上分类大概分为以下三种方式：  1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务;   说明：    java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
  • 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法 yangshangchuan rank相似度计算文本相似度词袋模型余弦相似度
    本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。   最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下：     1、注册多个账号（一般10个以上）。     2、从多个账号中选择一个账号，发表1-2篇博文
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他