javascript onmouseout问题解决方案

方案一:

希望实现 当鼠标离开一个DIV的时候触发一个事件处理函数 于是用onmouseout 结果却发现它的触发是不是也太敏感了 原因现在也没有弄清楚 IE下好像是因为区分mouseout时的fromElement还是toElement ，IE 5.5以上的onmouseleave事件就比较好用 偏FF又不支持这个事件 只有自己想办法手工判断了。

<SCRIPT>
/***
* 参数e 是对象传递的触发事件 FF下想访问event对象必须传递event参数
* 参数o 是目标DIV对象
*/  
function fun(e,o) {
        /* FF 下判断鼠标是否离开DIV */
        if(window.navigator.userAgent.indexOf("Firefox")>=1) {
            var x = e.clientX + document.body.scrollLeft;
            var y = e.clientY + document.body.scrollTop ;
            var left = o.offsetLeft;
            var top = o.offsetTop;
            var w = o.offsetWidth;
            var h = o.offsetHeight;
           
            if(y < top || y > (h + top) || x > left + w || x<left ) {
                alert("mouseout");
            }
        }

        /* IE */
        if(o.contains(event.toElement ) == false    )
alert("mouseout");
       
    }
</SCRIPT>

<DIV onmouseout=fun(event,this)>content</DIV>


需要注意 在取鼠标的值的时候 一定要加上滚动条已经拖动过的内容e.clientY + document.body.scrollTop 如果只是e.clientY得到是个错误的值 当然如果高宽都很小 是看不出来问题。 取一个对象的高和宽 也可以使用 clientHeight clientWidth 属性 以后遇到FF IE不兼容的时候要多看看FF的开发手册 http://developer.mozilla.org/en/docs/DOM:element.offsetLeft

 

 

方案二:(与一相似)

js的onmouseout有很奇怪的一个问题。例如

<div onmouseout="alert(123)">

<a href="#">test</a>

</div>

我们预期只有当鼠标从div中移开的时候才会触发onmouseout事件，可是，事实上，当我们移到div中的元素时，例如本例中的a标签时，就会触发onmousout事件。也就是说，移到对象的子对象上，也算onmouseout了。这往往会让我们预期的效果达不到。今天的工作就遇到了这个问题。在blueidea上搜了一下，找了解决办法。兼容IE和FF。

 

     
       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>阿当制作</title>
</head>

<body>
<script type="text/javascript">
function test(obj, e) {
if (e.currentTarget) {
   if (e.relatedTarget != obj) {
    if (obj != e.relatedTarget.parentNode) {
     alert(1);
    }
   }
} else {
   if (e.toElement != obj) {
    if (obj != e.toElement.parentNode) {
     alert(1);
    }
   }
}
}
</script>
<div onmouseout="test(this, event)" style="width:100px;height:100px;border:1px #666 solid">
<span style="margin:5px;width:100%;height:100%;border:1px #ff0000 solid">faddsf</span>
</div>
</body>
</html>

 

 
     
 
 
     
 
 今天发现JQ中关于这个问题,已经有了一个好的解决办法了.呵呵,jquery中定义了一种事件叫做"mouseleave",用这个事件做事件句柄的话,就可以解决这个问题了.越来越发现jquery是个好东西了. 
     
 
     
方案三:
 
     
，jQuery　V1.2.2推荐用bind("mouseleave",function(){})来代替以前的mouseover方法
用bind("mouseenter",function(){})来代替mouseout，同样也针对以前的hover方法，要看详细的说明点这个地址：http://docs.jquery.com/Release:jQuery_1.2.2
 
     
$(document).ready(function() { 
   $("#a1").bind("mouseleave", function(){
   $('<div style="color:red;">out</div>')
   .insertAfter($(this));
});
});
 
    
 
   
 
  


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(JavaScript)

        

            

                
    
                    
  • 使用 MySQL 从 JSON 字符串提取数据
                        m0_66323401
面试学习路线阿里巴巴mysqljsonoracle
                        
    使用MySQL从JSON字符串提取数据在现代数据库管理中，JSON格式因其灵活性而广泛使用。然而，当数据存储在JSON中时，我们经常需要将其转换为更易于处理的格式。本篇文章将通过一个具体的SQL查询示例，展示如何从存储在MySQL中的JSON字符串提取数据并重新格式化。1.背景知识JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器
    
                    
    • 
                    
  • Vue3 + Moveable + Selecto 拖拽组件 Demo
                        巧克力力克巧！
学习积累vue.jsjavascript前端
                        
    一、项目概述本demo旨在通过Vue3、Moveable和Selecto三个库的结合，实现一个基本的拖拽组件功能。通过Selecto实现元素的选择功能，通过Moveable控制选中元素的大小和位置。同时，封装了hooks以实现元素与数据之间的绑定，使得操作更加灵活和可维护。二、技术栈Vue3：用于构建用户界面的渐进式JavaScript框架。Moveable：一个可以拖拽、缩放、旋转DOM元素的库
    
                    
    • 
                    
  • 学习使用Elm架构的JavaScript项目
                        陈昊和

                        
    学习使用Elm架构的JavaScript项目learn-elm-architecture-in-javascript:unicorn:LearnhowtobuildwebappsusingtheElmArchitecturein"vanilla"JavaScript(step-by-stepTDDtutorial)!项目地址:https://gitcode.com/gh_mirrors/le/le
    
                    
    • 
                    
  • 学习Elm架构在JavaScript中的应用
                        萧书泓

                        
    学习Elm架构在JavaScript中的应用learn-elm-architecture-in-javascript:unicorn:LearnhowtobuildwebappsusingtheElmArchitecturein"vanilla"JavaScript(step-by-stepTDDtutorial)!项目地址:https://gitcode.com/gh_mirrors/le/le
    
                    
    • 
                    
  • 探索Redux：构建可预测、可测试的JavaScript应用
                        黎杉娜Torrent

                        
    探索Redux：构建可预测、可测试的JavaScript应用learn-redux:boom:ComprehensiveNotesforLearning(howtouse)ReduxtomanagestateinyourWeb/Mobile(React.js)Apps.项目地址:https://gitcode.com/gh_mirrors/le/learn-redux项目介绍在现代Web开发中，J
    
                    
    • 
                    
  • 探索Elm架构：用纯JavaScript构建优雅的Web应用
                        邵瑗跃Free

                        
    探索Elm架构：用纯JavaScript构建优雅的Web应用learn-elm-architecture-in-javascript:unicorn:LearnhowtobuildwebappsusingtheElmArchitecturein"vanilla"JavaScript(step-by-stepTDDtutorial)!项目地址:https://gitcode.com/gh_mirro
    
                    
    • 
                    
  • [失业前端恶补算法]JavaScript leetcode刷题top100（六）：字母异位词分组、最长连续序列、找到字符串中所有字母异位词、最大子数组和、除自身以外数组的乘积
                        摸鱼老萌新
失业前端恶补算法前端javascript动态规划算法哈希
                        
    专栏声明：只求用最简单的，容易理解的方法通过，不求优化，不喜勿喷49.字母异位词分组题面给你一个字符串数组，请你将字母异位词组合在一起。可以按任意顺序返回结果列表。字母异位词是由重新排列源单词的所有字母得到的一个新单词。知识点：哈希表、排序思路这里用了js语言的一个小技巧，我们可以使用split这个api将字符串变成字符的数组，之后我们对得到的数组进行排序，这样字母异位词得到了结果字符串的一致的，
    
                    
    • 
                    
  • Vue.js 新手必看：5个趣味小案例快速理解数据绑定原理
                        云资社
VUEvue.js前端javascript
                        
    Vue.js是一个渐进式JavaScript框架，用于构建用户界面。其核心特性之一是数据绑定，它允许开发者通过简单的声明式语法将数据与DOM元素绑定在一起。这种双向数据绑定机制使得数据更新和视图更新变得非常直观和高效。本文将通过5个趣味小案例，帮助Vue.js新手快速理解数据绑定的原理和实现方式。案例1：简单的文本绑定目标将输入框中的内容实时显示在页面上。实现代码Vue数据绑定-文本绑定输入框内容
    
                    
    • 
                    
  • vue3 ref/reactive 修改数组的方法
                        取啥好
vuevue.jsjavascript前端
                        
    import{ref}from'vue'//给每个todo对象一个唯一的idletid=0constnewTodo=ref('')consttodos=ref([{id:id++,text:'LearnHTML'},{id:id++,text:'LearnJavaScript'},{id:id++,text:'LearnVue'}])functionaddTodo(){todos.value.pu
    
                    
    • 
                    
  • C#中的动态类型用法总结带演示代码
                        yuanpan
c#windowsmicrosoft
                        
    在C#中，dynamic类型是一种特殊的类型，它允许你在编译时绕过类型检查，而是在运行时解析类型。这使得你可以编写更灵活的代码，但也增加了运行时错误的风险。dynamic类型通常用于与动态语言（如Python、JavaScript）交互，或者处理一些在编译时无法确定类型的场景。1.基本用法你可以使用dynamic关键字来声明一个动态类型的变量。这个变量在编译时不会进行类型检查，而是在运行时根据实际
    
                    
    • 
                    
  • JavaScript网页设计案例：动态天气预报页面
                        静默.\\
javascript开发语言
                        
    在这个案例中，我们将创建一个简单的网页，该网页能够根据用户输入的城市名称显示当前的天气情况。这个项目不仅将帮助我们理解如何使用JavaScript进行DOM操作和事件处理，还将介绍如何通过API获取实时数据。1.准备工作首先，你需要注册一个免费的天气API服务（如OpenWeatherMap），以获取API密钥。这将允许你访问其服务器上的天气数据。2.HTML结构让我们从基本的HTML结构开始：D
    
                    
    • 
                    
  • 解析浏览器中JavaScript与Native交互原理：以WebGPU为例
                        ttod_qzstudio
JavaScriptJavaScriptWebGPU
                        
    引言随着Web应用复杂度的提升，开发者对浏览器访问本地硬件能力的需求日益增长。然而，浏览器必须在开放性与安全性之间找到平衡——既不能放任JavaScript（JS）随意操作系统资源，又要为高性能计算、图形渲染等场景提供支持。WebGPU的出现正是这一矛盾的解决方案之一。作为新一代Web图形API，WebGPU允许JS以接近原生（Native）的方式操作GPU，同时严格遵循浏览器的安全模型。本文将结
    
                    
    • 
                    
  • 在Vue中使用highlight.js代码高亮
                        技术驱动者
javascriptvue.js前端js
                        
    代码高亮是在网页开发中常见的需求之一，它可以使代码在页面上以不同的颜色或样式进行突出显示，提高可读性。highlight.js是一个流行的JavaScript库，它提供了丰富的语法高亮功能，支持多种编程语言和模板语言。本文将介绍如何在Vue项目中使用highlight.js来实现代码高亮的效果。步骤1：安装highlight.js首先，我们需要安装highlight.js库。在Vue项目的根目录下
    
                    
    • 
                    
  • Vue.js 配置 Babel、Webpack 和 ESLint
                        轻口味
VUE.JS入门与实践vue.jswebpack前端
                        
    Vue.js配置Babel、Webpack和ESLint今天我们来聊聊如何配置Babel、Webpack和ESLint，这三个工具在现代前端开发中扮演着重要角色。它们分别负责代码转译、模块打包和代码质量检测，合理配置它们能大大提高项目的开发效率和质量。下面我将详细介绍它们的作用，并提供具体的配置示例。1.Babel配置Babel主要用于将现代JavaScript（ES6+）代码转译为兼容性更好的版
    
                    
    • 
                    
  • 如何使用Three.js制作3D月球与星空效果
                        软件工程师文艺
前端javascript3dhtml
                        
    目录1.基本设置2.创建星空效果3.创建月球模型4.添加中文3D文字5.光照与相机配置6.动画与控制7.响应式布局8.结语在本文中，我们将一起学习如何利用Three.js实现一个3D月球与星空的效果，并添加一些有趣的元素，比如中文3D文字和互动功能。Three.js是一个强大的JavaScript库，它简化了WebGL的使用，使得在网页上进行3D图形渲染变得更加容易。我们将逐步分析代码，帮助大家理
    
                    
    • 
                    
  • Github 2024-06-20 开源项目日报 Top10
                        老孙正经胡说
github开源Github趋势分析开源项目PythonGolang
                        
    根据GithubTrendings的统计，今日(2024-06-20统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Python项目4TypeScript项目4Rust项目2JavaScript项目1Dart项目1Java项目1Go项目1RustDesk:用Rust编写的开源远程桌面软件创建周期：1218天开发语言：Rust,Dart协议类型：GNUAfferoG
    
                    
    • 
                    
  • 阮一峰的ES6文档（第一天）
                        jackzhuoa
es6javascript前端
                        
    目录ECMAScript6简介let和const命名let基本用法-块级作用域不存在变量提升不允许重复声明暂时性死区为什么需要块级作用域？原因一：内层变量可能会覆盖外层变量原因二：用来计数的循环遍历泄露为全局变量const基本用法-声明只读的常量与let命令相同点let和const使用建议ECMAScript6简介ECMAScript6.0（以下简称ES6）是JavaScript语言的下一代标准，
    
                    
    • 
                    
  • vue和Django快速创建项目
                        CCSBRIDGE
了解Vuevue.js前端javascript
                        
    一、VUE1.创建Vue3+JavaScript项目npmcreatevite@latest项目名称----templatevue创建Vue3+TypeScript项目npmcreatevite@latest项目名称----templatevue-ts2.然后cd项目名称npminstallnpminstallaxios#发送API请求npminstallpinia#Vue3推荐的状态管理库npm
    
                    
    • 
                    
  • JavaScript前端性能优化技巧分享
                        代码旅人博客
前端javascript性能优化
                        
    在前端开发中，性能优化是一个持续不断的追求。随着Web应用的日益复杂，如何确保应用的流畅性和响应速度，成为了每个前端开发者必须面对的问题。JavaScript作为前端的核心语言，其性能优化更是至关重要。本文将分享一些JavaScript前端性能优化的技巧，帮助开发者提升Web应用的性能。一、减少DOM操作DOM（文档对象模型）操作是JavaScript中常见的性能瓶颈之一。频繁的DOM操作会导致浏
    
                    
    • 
                    
  • 【Node-Red】Function节点教学
                        零炻大礼包
Node-Red笔记node.js
                        
    本篇来讲在Node-Red中编写函数时用到的一个至关重要的节点：function。function节点允许消息运行JavaScript代码。其中部分内容来自官方文档翻译：function节点用户指南。Function节点教学1.变量定义2.返回值1）返回单条数据进阶1进阶22）返回多条数据3.其他变量定义1）数组定义buffer2.Array4.运算符1）算数运算符2）赋值运算符3）字符与运算符4
    
                    
    • 
                    
  • JavaScript 内置对象-Math对象
                        難釋懷
javascript开发语言
                        
    在JavaScript中，Math对象提供了一系列与数学相关的静态方法和属性，帮助开发者执行复杂的计算任务。无论是简单的算术运算还是高级的几何、统计计算，Math对象都能提供强大的支持。本文将详细介绍Math对象的主要功能及其使用方法。一、简介不同于其他全局对象，Math不是一个构造函数，而是一个静态对象。这意味着我们不能通过new关键字创建Math的实例，所有的属性和方法都必须直接调用Math来
    
                    
    • 
                    
  • JavaScript内置对象
                        難釋懷
javascript开发语言
                        
    JavaScript提供了一套丰富的内置对象，这些对象为开发者提供了处理数据、操作日期时间、执行数学运算等众多功能的强大工具。掌握这些内置对象不仅能够提高代码的效率，还能让开发过程更加简洁流畅。本文将详细介绍一些常用的JavaScript内置对象及其使用方法。一、Object对象Object是JavaScript中所有对象的基类。每个对象都是直接或间接地继承自Object.prototype。它提
    
                    
    • 
                    
  • Vue和React的区别
                        挨踢女孩y
vue.jsreact.jsjavascript前端csswebpackecmascript
                        
    组件开发方式：Vue使用单文件组件（SFC）,HTML,JS和CSS在一个文件内实现exportdefault{//JavaScript代码}.my-component{/*CSS样式*/}React使用JSX和JavaScriptimportReactfrom'react';import'./MyComponent.css';functionMyComponent(){return({/*JSX
    
                    
    • 
                    
  • React VS Vue
                        懒人村杂货铺
前端
                        
    React和Vue是目前最流行的两个前端框架，它们在设计理念、生态系统和开发体验上各有特点。以下是对React和Vue的全方位对比：1.核心设计理念React库而非框架：React是一个用于构建UI的库，专注于视图层，其他功能（如路由、状态管理）需要借助第三方库。函数式编程：推崇组件化、函数式编程，强调不可变性和单向数据流。JSX：使用JSX语法，将HTML和JavaScript结合在一起。Vue
    
                    
    • 
                    
  • 疯狂前端面试题(四)
                        吃蛋糕的居居
前端html5ajax正则表达式javascriptfirefoxchrome
                        
    一、Ajax、JSONP、JSON、Fetch和Axios技术详解1.Ajax（异步JavaScript和XML）什么是Ajax？Ajax是一种用于在不刷新页面的情况下与服务器进行数据交互的技术。它通过`XMLHttpRequest`对象实现。优点-支持同步和异步请求。-能够发送和接收多种格式的数据（如JSON、XML等）。缺点-原生代码较复杂。-不支持跨域请求（需要服务器配置CORS或使用JSO
    
                    
    • 
                    
  • JavaScript实现拖动窗口功能详解
                        滚菩提哦呢

                        
    本文还有配套的精品资源，点击获取简介：本教程深入讲解了如何通过JavaScript实现拖动窗口功能，涵盖了原生方法和面向对象（OOP）的封装技术，以及确保代码在主流浏览器（包括IE6、Firefox和Chrome）中的兼容性。教程提供详细代码示例，从基础的原生拖动方法到利用OOP封装的Droppable类，再到特殊浏览器的兼容性处理，使读者能够掌握全面的拖动窗口实现技巧。1.JavaScript拖
    
                    
    • 
                    
  • JavaScript窗口大小变化事件：window.resize
                        星际编程喵
探索Spring的奇妙世界javascript前端htmlvue.jsreact.js前端框架html5
                        
    1.前言在Web开发中，JavaScript是一种强大的脚本语言，它可以与HTML和CSS一起使用，为用户提供交互性和动态性的体验。其中，window.addEventListener("resize")事件是一个常用的事件之一，用于在浏览器窗口大小发生变化时触发相应的操作。本文将深入介绍这个事件的相关内容。2.简介window.resize事件是浏览器提供的一种事件，用于监听窗口大小的改变。这意
    
                    
    • 
                    
  • javascript高级试题
                        BiBbo
1024程序员节
                        
    1.判断为数组类型的4种方式Array.isArray()typeofinstanceofconstructor2.判断对象是否包含特定的自身（非继承）属性hasOwnProperty()3.改变this的3种方式，他们有什么相同点和不同点call、bind、apply这三个函数的第一个参数都是this的指向对象，第二个参数差别就来了：call的参数是直接放进去的，第二第三第n个参数全都用逗号分隔
    
                    
    • 
                    
  • JavaScript考核详解
                        青青青青草地
javascript开发语言ecmascript
                        
    文章目录JavaScript考核详解一、请简述var，let，const的区别？二、解释垃圾回收机制，垃圾回收的方式？三、以下代码的输出是什么？四、this的指向五、实现数组扁平化六、实现数组去重七、JS中的基本类型JavaScript考核详解一、请简述var，let，const的区别？块级作用域：块级作用域有大括号{}包括，let和const具有块级作用域，var不存在块级作用域。块级作用域解决
    
                    
    • 
                    
  • 前端构建工具
                        arguments_zd
杂谈前端前端框架
                        
    一、什么是前端构建工具？前端构建工具就是在项目开发及编译阶段帮助我们完成那些需要反复重复的任务，比如代码压缩、编译等工作，构建工具能够大大提高我们的开发效率。常用构建工具：grunt（JavaScript世界的构建工具）、gulp（用自动化构建工具增强你的工作流程）、webpack(专注于构建模块化项目)、yeoman（强健的工具，库，及工作流程的组合）二、为什么需要构建工具？模块规范化产生，不同
    
                    
    • 
                                
  • java的(PO,VO,TO,BO,DAO,POJO)
                                    Cb123456
VOTOBOPOJODAO
                                    
    转: 
http://www.cnblogs.com/yxnchinahlj/archive/2012/02/24/2366110.html 
  
------------------------------------------------------------------- 
 O/R Mapping 是 Object Relational Mapping（对象关系映
    
                                
    • 
                                
  • spring ioc原理（看完后大家可以自己写一个spring）
                                    aijuans
spring
                                    
             最近，买了本Spring入门书：spring In Action 。大致浏览了下感觉还不错。就是入门了点。Manning的书还是不错的，我虽然不像哪些只看Manning书的人那样专注于Manning,但怀着崇敬 的心情和激情通览了一遍。又一次接受了IOC 、DI、AOP等Spring核心概念。 先就IOC和DI谈一点我的看法。IO
    
                                
    • 
                                
  • MyEclipse 2014中Customize Persperctive设置无效的解决方法
                                    Kai_Ge
MyEclipse2014
                                    
    高高兴兴下载个MyEclipse2014，发现工具条上多了个手机开发的按钮，心生不爽就想弄掉他！
结果发现Customize Persperctive失效！！
有说更新下就好了，可是国内Myeclipse访问不了，何谈更新...
so~这里提供了更新后的一下jar包，给大家使用！ 
1、将9个jar复制到myeclipse安装目录\plugins中
2、删除和这9个jar同包名但是版本号较
    
                                
    • 
                                
  • SpringMvc上传
                                    120153216
springMVC
                                    
      
@RequestMapping(value = WebUrlConstant.UPLOADFILE)
	@ResponseBody
	public Map<String, Object> uploadFile(HttpServletRequest request,HttpServletResponse httpresponse) {
		try {
			// 
    
                                
    • 
                                
  • Javascript----HTML DOM 事件
                                    何必如此
JavaScripthtmlWeb
                                    
    HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 
 
事件通常与函数结合使用，函数不会在事件发生前被执行！ 
 
 
注：DOM： 指明使用的 DOM 属性级别。 
 
1.鼠标事件 
属性               
    
                                
    • 
                                
  • 动态绑定和删除onclick事件
                                    357029540
JavaScriptjquery
                                    
    因为对JQUERY和JS的动态绑定事件的不熟悉，今天花了好久的时间才把动态绑定和删除onclick事件搞定!现在分享下我的过程。 
 
     在我的查询页面，我将我的onclick事件绑定到了tr标签上同时传入当前行(this值)参数，这样可以在点击行上的任意地方时可以选中checkbox，但是在我的某一列上也有一个onclick事件是用于下载附件的，当
    
                                
    • 
                                
  • HttpClient|HttpClient请求详解
                                    7454103
apache应用服务器网络协议网络应用Security
                                    
    HttpClient 是 Apache Jakarta Common 下的子项目，可以用来提供高效的、最新的、功能丰富的支持 HTTP 协议的客户端编程工具包，并且它支持 HTTP 协议最新的版本和建议。本文首先介绍 HTTPClient，然后根据作者实际工作经验给出了一些常见问题的解决方法。HTTP 协议可能是现在 Internet 上使用得最多、最重要的协议了，越来越多的 Java 应用程序需
    
                                
    • 
                                
  • 递归 逐层统计树形结构数据
                                    darkranger
数据结构
                                    
    将集合递归获取树形结构: 
 
 
/** 
 * 
 * 递归获取数据 
 * @param alist:所有分类 
 * @param subjname:对应统计的项目名称 
 * @param pk:对应项目主键 
 * @param reportList: 最后统计的结果集 
 * @param count:项目级别 
 */ 
 
 public void getReportVO(Arr
    
                                
    • 
                                
  • 访问WEB-INF下使用frameset标签页面出错的原因
                                    aijuans
struts2
                                    
    <frameset rows="61,*,24" cols="*" framespacing="0" frameborder="no" border="0">          
    
                                
    • 
                                
  • MAVEN常用命令
                                    avords

                                    
    Maven库： 
http://repo2.maven.org/maven2/ 
Maven依赖查询： 
http://mvnrepository.com/ 
Maven常用命令： 1. 创建Maven的普通java项目：    mvn archetype:create    -DgroupId=packageName 
    
                                
    • 
                                
  • PHP如果自带一个小型的web服务器就好了
                                    houxinyou
apache应用服务器WebPHP脚本
                                    
    最近单位用PHP做网站，感觉PHP挺好的，不过有一些地方不太习惯，比如，环境搭建。PHP本身就是一个网站后台脚本，但用PHP做程序时还要下载apache，配置起来也不太很方便，虽然有好多配置好的apache+php+mysq的环境，但用起来总是心里不太舒服，因为我要的只是一个开发环境，如果是真实的运行环境，下个apahe也无所谓，但只是一个开发环境，总有一种杀鸡用牛刀的感觉。如果php自己的程序中
    
                                
    • 
                                
  • NoSQL数据库之Redis数据库管理(list类型)
                                    bijian1013
redis数据库NoSQL
                                    
    3.list类型及操作 
        List是一个链表结构，主要功能是push、pop、获取一个范围的所有值等等，操作key理解为链表的名字。Redis的list类型其实就是一个每个子元素都是string类型的双向链表。我们可以通过push、pop操作从链表的头部或者尾部添加删除元素，这样list既可以作为栈，又可以作为队列。 
  &nbs
    
                                
    • 
                                
  • 谁在用Hadoop？
                                    bingyingao
hadoop数据挖掘公司应用场景
                                    
    Hadoop技术的应用已经十分广泛了，而我是最近才开始对它有所了解，它在大数据领域的出色表现也让我产生了兴趣。浏览了他的官网，其中有一个页面专门介绍目前世界上有哪些公司在用Hadoop，这些公司涵盖各行各业，不乏一些大公司如alibaba,ebay,amazon,google,facebook,adobe等，主要用于日志分析、数据挖掘、机器学习、构建索引、业务报表等场景,这更加激发了学习它的热情。
    
                                
    • 
                                
  • 【Spark七十六】Spark计算结果存到MySQL
                                    bit1129
mysql
                                    
    package spark.examples.db

import java.sql.{PreparedStatement, Connection, DriverManager}

import com.mysql.jdbc.Driver
import org.apache.spark.{SparkContext, SparkConf}

object SparkMySQLInteg
    
                                
    • 
                                
  • Scala: JVM上的函数编程
                                    bookjovi
scalaerlanghaskell
                                    
        说Scala是JVM上的函数编程一点也不为过，Scala把面向对象和函数型编程这两种主流编程范式结合了起来，对于熟悉各种编程范式的人而言Scala并没有带来太多革新的编程思想，scala主要的有点在于Java庞大的package优势，这样也就弥补了JVM平台上函数型编程的缺失，MS家.net上已经有了F#，JVM怎么能不跟上呢？ 
    对本人而言
    
                                
    • 
                                
  • jar打成exe
                                    bro_feng
java jar exe
                                    
    今天要把jar包打成exe，jsmooth和exe4j都用了。 
遇见几个问题。记录一下。 
两个软件都很好使，网上都有图片教程，都挺不错。 
 
首先肯定是要用自己的jre的，不然不能通用，其次别忘了把需要的lib放到classPath中。 
困扰我很久的一个问题是，我自己打包成功后，在一个同事的没有装jdk的电脑上运行，就是不行，报错jvm.dll为无效的windows映像，如截图 
最后发现
    
                                
    • 
                                
  • 读《研磨设计模式》-代码笔记-策略模式-Strategy
                                    bylijinnan
java设计模式
                                    
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 




/*
策略模式定义了一系列的算法，并将每一个算法封装起来，而且使它们还可以相互替换。策略模式让算法独立于使用它的客户而独立变化

简单理解：
1、将不同的策略提炼出一个共同接口。这是容易的，因为不同的策略，只是算法不同，需要传递的参数
    
                                
    • 
                                
  • cmd命令值cvfM命令
                                    chenyu19891124
cmd
                                    
         cmd命令还真是强大啊。今天发现jar -cvfM aa.rar @aaalist 就这行命令可以根据aaalist取出相应的文件 
  例如： 
     在d：\workspace\prpall\test.java 有这样一个文件，现在想要将这个文件打成一个包。运行如下命令即可比如在d：\wor
    
                                
    • 
                                
  • OpenJWeb(1.8) Java Web应用快速开发平台
                                    comsci
java框架Web项目管理企业应用
                                    
      
  OpenJWeb(1.8) Java Web应用快速开发平台的作者是我们技术联盟的成员，他最近推出了新版本的快速应用开发平台  OpenJWeb(1.8)，我帮他做做宣传 
 
  OpenJWeb快速开发平台以快速开发为核心，整合先进的java 开源框架，本着自主开发+应用集成相结合的原则，旨在为政府、企事业单位、软件公司等平台用户提供一个架构透
    
                                
    • 
                                
  • Python 报错：IndentationError: unexpected indent
                                    daizj
pythontab空格缩进
                                    
        IndentationError: unexpected indent 是缩进的问题，也有可能是tab和空格混用啦 
 
    Python开发者有意让违反了缩进规则的程序不能通过编译，以此来强制程序员养成良好的编程习惯。并且在Python语言里，缩进而非花括号或者某种关键字，被用于表示语句块的开始和退出。增加缩进表示语句块的开
    
                                
    • 
                                
  • HttpClient 超时设置
                                    dongwei_6688
httpclient
                                    
    HttpClient中的超时设置包含两个部分： 
1. 建立连接超时，是指在httpclient客户端和服务器端建立连接过程中允许的最大等待时间 
2. 读取数据超时，是指在建立连接后，等待读取服务器端的响应数据时允许的最大等待时间 
  
在HttpClient 4.x中如下设置： 
  
  
HttpClient httpclient = new DefaultHttpC
    
                                
    • 
                                
  • 小鱼与波浪
                                    dcj3sjt126com

                                    
    一条小鱼游出水面看蓝天，偶然间遇到了波浪。　　小鱼便与波浪在海面上游戏，随着波浪上下起伏、汹涌前进。　　小鱼在波浪里兴奋得大叫：“你每天都过着这么刺激的生活吗？简直太棒了。”　　波浪说：“岂只每天过这样的生活，几乎每一刻都这么刺激！还有更刺激的，要有潮汐变化，或者狂风暴雨，那才是兴奋得心脏都会跳出来。”　　小鱼说：“真希望我也能变成一个波浪，每天随着风雨、潮汐流动，不知道有多么好！”　　很快，小鱼
    
                                
    • 
                                
  • Error Code: 1175 You are using safe update mode and you tried to update a table
                                    dcj3sjt126com
mysql
                                    
     
 快速高效用：SET SQL_SAFE_UPDATES = 0；下面的就不要看了！ 
 今日用MySQL Workbench进行数据库的管理更新时，执行一个更新的语句碰到以下错误提示： 
 Error Code: 1175 
 You are using safe update mode and you tried to update a table without a WHERE that 
    
                                
    • 
                                
  • 枚举类型详细介绍及方法定义
                                    gaomysion
enumjavaee
                                    
    转发 
http://developer.51cto.com/art/201107/275031.htm 
 
枚举其实就是一种类型，跟int, char 这种差不多，就是定义变量时限制输入的，你只能够赋enum里面规定的值。建议大家可以看看，这两篇文章，《java枚举类型入门》和《C++的中的结构体和枚举》，供大家参考。 
 
枚举类型是JDK5.0的新特征。Sun引进了一个全新的关键字enum
    
                                
    • 
                                
  • Merge Sorted Array
                                    hcx2013
array
                                    
    Given two sorted integer arrays nums1 and nums2, merge nums2 into nums1 as one sorted array. 
Note:You may assume that nums1 has enough space (size that is
    
                                
    • 
                                
  • Expression Language 3.0新特性
                                    jinnianshilongnian
el 3.0
                                    
    Expression Language 3.0表达式语言规范最终版从2013-4-29发布到现在已经非常久的时间了；目前如Tomcat 8、Jetty 9、GlasshFish 4已经支持EL 3.0。新特性包括：如字符串拼接操作符、赋值、分号操作符、对象方法调用、Lambda表达式、静态字段/方法调用、构造器调用、Java8集合操作。目前Glassfish 4/Jetty实现最好，对大多数新特性
    
                                
    • 
                                
  • 超越算法来看待个性化推荐
                                    liyonghui160com
超越算法来看待个性化推荐
                                    
      
       一提到个性化推荐，大家一般会想到协同过滤、文本相似等推荐算法，或是更高阶的模型推荐算法，百度的张栋说过，推荐40%取决于UI、30%取决于数据、20%取决于背景知识，虽然本人不是很认同这种比例，但推荐系统中，推荐算法起的作用起的作用是非常有限的。 
      就像任何
    
                                
    • 
                                
  • 写给Javascript初学者的小小建议
                                    pda158
JavaScript
                                    
    　　一般初学JavaScript的时候最头痛的就是浏览器兼容问题。在Firefox下面好好的代码放到IE就不能显示了，又或者是在IE能正常显示的代码在firefox又报错了。   　　如果你正初学JavaScript并有着一样的处境的话建议你：初学JavaScript的时候无视DOM和BOM的兼容性，将更多的时间花在 了解语言本身（ECMAScript）。只在特定浏览器编写代码（Chrome/Fi
    
                                
    • 
                                
  • Java 枚举
                                    ShihLei
javaenum枚举
                                    
    注：文章内容大量借鉴使用网上的资料，可惜没有记录参考地址，只能再传对作者说声抱歉并表示感谢！ 
  
一 基础  1）语法 
  
 
      枚举类型只能有私有构造器（这样做可以保证客户代码没有办法新建一个enum的实例） 
      枚举实例必须最先定义 
   2）特性   
 
     &nb
    
                                
    • 
                                
  • Java SE 6 HotSpot虚拟机的垃圾回收机制
                                    uuhorse
javaHotSpotGC垃圾回收VM
                                    
    官方资料，关于Java SE 6 HotSpot虚拟机的garbage Collection，非常全，英文。 
http://www.oracle.com/technetwork/java/javase/gc-tuning-6-140523.html 
  Java SE 6 HotSpot[tm] Virtual Machine Garbage Collection Tuning 
&
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他