skyEci
skyEci

js事件详解

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
/*
event : 事件对象 , 当一个事件发生的时候，和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一个指定地方-event对象，供我们在需要的调用。飞机-黑匣子

事件对象必须在一个事件调用的函数里面使用才有内容
事件函数：事件调用的函数，一个函数是不是事件函数，不在定义的决定，而是取决于这个调用的时候

兼容
ie/chrome : event是一个内置全局对象
标准下 : 事件对象是通过事件函数的第一个参数传入

如果一个函数是被事件调用的那么，这个函数定义的第一个参数就是事件对象

clientX[Y] : 当一个事件发生的时候，鼠标到页面可视区的距离
*/

//alert( event );    //这里没有事件

/*document.onclick = function() {
    alert(event);
};*/

function fn1(ev) {
    //alert( event );
    //alert( ev );
    var ev = ev || event;
    //alert(ev);
    
    /*for ( var attr in ev ) {
        console.log( attr + ' = ' + ev[attr] );
    }*/
    
    alert(ev.clientX);
}

//fn1();    //不是事件调用的函数
document.onclick = fn1;    //是事件调用的函数，所以event有内容
</script>
</head>

<body>
</body>
</html>

 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
/*
焦点 : 使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入。
我们可以通过一些方式给元素设置焦点
    1.点击
    2.tab
    3.js
    
    不是所有元素都能够接收焦点的.能够响应用户操作的元素才有焦点
*/
</script>
</head>

<body>
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <div id="div1">div</div>
    <input type="text" />
    <a href="http://www.baidu.com">百度</a>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload = function() {
    
    var oText = document.getElementById('text1');
    
    //onfocus : 当元素获取到焦点的时候触发
    oText.onfocus = function() {
        
        if ( this.value == '请输入内容' ) {
            this.value = '';
        }
        
    }
    
    //onblur : 当元素失去焦点的时候触发
    oText.onblur = function() {
        
        if ( this.value == '' ) {
            this.value = '请输入内容';
        }
        
    }
    
    /*
        obj.focus() 给指定的元素设置焦点
        obj.blur() 取消指定元素的焦点
        obj.select() 选择指定元素里面的文本内容
    */
    oText.focus();
    
    var oBtn = document.getElementById('btn');
    
    oBtn.onclick = function() {
        
        oText.select();
        
    }
    
}
</script>
</head>

<body>
    <input type="text" id="text1" value="请输入内容" />
    <input type="button" value="全选" id="btn" />
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
#div1 {width: 100px; height:100px; background: red; position: absolute;}
</style>
<script>
window.onload = function() {
    
    //onmousemove : 当鼠标在一个元素上面移动的触发
    //触发频率不是像素，而是间隔时间，在一个指定时间内（很短），如果鼠标的位置和上一次的位置发生了变化，那么就会触发一次
    
    var i = 0;
    
    var oDiv = document.getElementById('div1');
    
    document.onmousemove = function(ev) {
        //document.title = i++;
        
        var ev = ev || event;
        
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        
        oDiv.style.left = ev.clientX + 'px';
        oDiv.style.top = ev.clientY + scrollTop + 'px';
        
    }
    
}
</script>
</head>

<body style="height: 2000px;">
    <div id="div1"></div>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
div {padding: 40px;}
#div1 {background:red}
#div2 {background:green}
#div3 {background:blue; position: absolute; top: 300px;}
</style>
<script>
window.onload = function() {
    
    /*
        事件冒泡 : 当一个元素接收到事件的时候，会把他接收到的所有传播给他的父级，一直到顶层window.事件冒泡机制
    */
    
    var oDiv1 = document.getElementById('div1');
    var oDiv2 = document.getElementById('div2');
    var oDiv3 = document.getElementById('div3');
    
    function fn1() {
        alert( this.id );
    }
    
    //oDiv1.onclick = fn1;  给**加事件，给元素加事件处理函数
    //事件函数绑定
    oDiv1.onclick = fn1;//告诉div1，如果他接收到了一个点击事件，那么他就去执行fn1
    //oDiv2.onclick = fn1;
    oDiv3.onclick = fn1;
    
    //我在马路边捡到一分钱，把他交个警察叔叔
    /*我.on马路边捡到一分钱 = function() {
        把他交个警察叔叔
    }*/
    
}
</script>
</head>

<body>
    <div id="div1">
        <div id="div2">
            <div id="div3"></div>
        </div>
    </div>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
#div1 {width:100px; height:200px; border: 1px solid red; display: none;}
</style>
<script>
window.onload = function() {
    
    /*
    阻止冒泡 : 当前要阻止冒泡的事件函数中调用 event.cancelBubble = true;
    */
    
    var oBtn = document.getElementById('btn');
    var oDiv = document.getElementById('div1');
    
    oBtn.onclick = function(ev) {
        var ev = ev || event;
        
        ev.cancelBubble = true;//阻止当前对象的当前事件的冒泡
        
        oDiv.style.display = 'block';
    }
    
    /*oBtn.onmouseover = function(ev) {
        var ev = ev || event;
        
        ev.cancelBubble = true;
    }*/
    
    document.onclick = function() {
        /*setTimeout(function() {
            oDiv.style.display = 'none';
        }, 1000);*/
        
        oDiv.style.display = 'none';
    }
    
}
</script>
</head>

<body>
    <input type="button" value="按钮" id="btn" />
    <div id="div1"></div>
    
    <p>ppppp</p>
    <p>ppppp</p>
    <p>ppppp</p>
    <p>ppppp</p>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
#div1 {width: 100px; height: 200px; background: red; position: absolute; left: -100px; top: 100px;}
#div2 {width: 30px; height: 60px; position: absolute; right: -30px; top: 70px; background: black; color: white; text-align: center;}
</style>
<script>
window.onload = function() {
    
    var oDiv = document.getElementById('div1');
    
    oDiv.onmouseover = function() {
        this.style.left = '0px';
    }
    
    oDiv.onmouseout = function() {
        this.style.left = '-100px';
    }
    
}
</script>
</head>

<body>
    <div id="div1">
        <div id="div2">分享到</div>
    </div>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
//给一个对象绑定一个事件处理函数的第一种形式
//obj.onclick = fn;
function fn1() {
    alert(this);
}
function fn2() {
    alert(2);
}

//document.onclick = fn1;
//document.onclick = fn2;    //会覆盖前面绑定fn1

//给一个对象的同一个事件绑定多个不同的函数
//给一个元素绑定事件函数的第二种形式

/*
ie：obj.attachEvent(事件名称，事件函数);
    1.没有捕获
    2.事件名称有on
    3.事件函数执行的顺序：标准ie-》正序   非标准ie-》倒序
    4.this指向window
标准：obj.addEventListener(事件名称，事件函数，是否捕获);
    1.有捕获
    2.事件名称没有on
    3.事件执行的顺序是正序
    4.this触发该事件的对象
*/

/*document.attachEvent('onclick', function() {
    fn1.call(document);
});
document.attachEvent('onclick', fn2);*/

//是否捕获 : 默认是false    false:冒泡 true：捕获

/*document.addEventListener('click', fn1, false);
document.addEventListener('click', fn2, false);*/

function bind(obj, evname, fn) {
    if (obj.addEventListener) {
        obj.addEventListener(evname, fn, false);
    } else {
        obj.attachEvent('on' + evname, function() {
            fn.call(obj);
        });
    }
}

bind(document, 'click', fn1);
bind(document, 'click', fn2);
</script>
</head>

<body>
</body>
</html>

 

你可能感兴趣的:(js事件详解)

  • python 函数—递归和汉诺塔 想知道哇 pythonpython开发语言
    Python递归目录递归的定义递归的基本结构递归的工作原理递归案例详解阶乘计算斐波那契数列汉诺塔问题递归的应用场景递归的效率问题调用栈溢出重复计算递归优化技术尾递归优化记忆化技术转换为迭代递归与迭代的比较实践技巧与建议递归的定义递归(Recursion)是一种解决问题的方法，其中函数直接或间接地调用自身来解决问题的子问题。简单来说，递归是函数调用自身的过程。递归思想的本质是将复杂问题分解成相似但规
  • React中理念梳理 gzzeason react.jsjavascript前端
    文章总结来自：React官方文档和React设计原理（作者：卡怂）一、UI=f(state)在现代前端库中，公式UI=f(state)囊括了大部分实现原理，意思是框架内部运行机制根据当前状态渲染视图，其中：UI：宿主环境的视图f：框架内部运行机制state：当前视图状态React原理也依据上述公式。React开发团队认为，UI与逻辑存在耦合的部分，这个耦合部分就是组件，开发者可以：在UI上绑定事件
  • Python 的内置函数 print
    Python内建函数列表>Python的内置函数printPython的内置函数print()是编程中最常用的输出函数之一，主要用于将指定的内容输出到标准输出设备（通常是控制台）。它的基本语法如下：print(*objects,sep='',end='\n',file=sys.stdout,flush=False)参数详解：*objects：可接收多个对象参数，会依次打印这些对象。例如：print
  • element 消息提示始终只出现一个 孔唯一 vuejavascriptvue.js前端elementui
    原理就不多解释了直接上代码新建js文件用来存放一下代码(js名字可以根据自己喜好命名)我这里直接命名为了message.jsmessage.js//单独引入Message引入之前一定要确定element已经安装import{Message}from'element-ui';letmessageInstance=null;constresetMessage=(options)=>{if(messag
  • mysql窗口函数详解 半桶水专家 mysqlmysql数据库
    .窗口函数概述窗口函数（WindowFunctions）用于在不分组的情况下对查询结果中的数据进行计算。不同于GROUPBY，窗口函数不会对结果进行聚合，而是对每一行数据进行计算，并且可以基于某个窗口（window）定义计算范围。语法结构：窗口函数()OVER([PARTITIONBY分区列][ORDERBY排序列][ROWS|RANGE选项])PARTITIONBY：对数据进行分区，类似GROU
  • MySQL的窗口函数介绍 找不到、了 mysqljavamysql数据库
    目录1、窗口函数的概念1.1、介绍1.2、基本语法结构2、窗口函数分类2.1、排名函数1、rank()2、dense_rank()3、row_number()2.2、分析函数1、lead()和lag()2、first_value()和last_value()3、nth_value()2.3、聚合函数作为窗口函数3、窗口定义详解3.1、partitionby子句3.2、orderby子句3.3、窗口
  • 网络编程学习路线图 weixin_47868976 Web云存储项目网络编程计算机网络八股文网络学习php
    网络编程学习路线图第一阶段：理解整体架构（1-2周）1.核心概念理解你的项目采用了经典的Reactor模式，这是高并发网络编程的标准架构：//整体架构层次应用层(HttpServer)↓传输层(TcpServer/TcpConnection)↓事件层(EventLoop/Channel)↓IO复用层(EPollPoller)↓系统调用层(epoll)2.重点学习顺序第一步：EventLoop（事件
  • docker-compose一键部署全栈项目。springboot后端，react前端 zwjapple 前端dockerspringboot
    部署总览前端打包:我们将配置package.json，使用npmrunbuild(内部调用vitebuild)来打包。这个过程将完全在Docker构建镜像的过程中自动完成，你的主机上甚至不需要安装Node.js。后端打包:我们将配置pom.xml，使用mvncleanpackage来打包。这一步需要在执行DockerCompose之前手动完成一次，以生成JAR文件。部署:使用docker-comp
  • MATLAB骨架化形态学运算专题详解
    本文还有配套的精品资源，点击获取简介：骨架化是一种减少图像复杂度、提取主要结构的技术，在MATLAB中通过bwmorph函数进行。本专题涵盖了骨架化的基本原理、相关函数、实际应用以及如何通过形态学操作如膨胀、腐蚀、开闭运算来优化结果。骨架化在医学图像分析、工业检测和生物图像分析等领域有广泛应用。掌握骨架化技术有助于提升图像处理的效率和准确性。1.骨架化概念与重要性1.1骨架化的定义与基本概念在数字
  • 【React 源码阅读】Scheduler
    1背景React在18版本引入了Concurrent模式，而这个模式则是用Scheduler这个包实现的。在这篇文章里，我们来看下它的实现原理是什么。2前置知识在正式阅读源码之前，我们还是有一些前置的知识需要了解的，分别是：小顶堆：Scheduler内用来进行优先级排序的数据结构浏览器事件循环机制：Scheduler实现的底层原理2.1小顶堆堆是一棵完全二叉树，即除了最后一层外，所有层都完全填满，
  • 怎么用 cocos2d-js WebStorm chrome JetBrains IDE Support 调试 韩初心 Cocos2d-js学习笔记Cocos2d-JSWebStormChromeJetBrainsIDESuppor
    一、准备工作1、创建一个cocos2d-js的工程（比如cocosnewHelloWorld-ljs）2、WebStorm3、Chrome浏览器和JetBrainsIDESupport2.0.9插件（需要自己导入，这里不展开）二、开始调试1、打开WebStorm，然后File->Open打开自己的cocos2d-js项目2、Run->EditConfigurations...3、然后看下图配置，最
  • 简单一周日期展示及选择切换
    医院挂号，可能需要切换日期，选择一周内的某一天。提供一周内的日期段，通过点击，切换到不同天。简单的js，html实例。切换玩调用后台接口，实现后续逻辑。使用Vue,插值语法，更简单。一周日历切换代码:显示一周日期.container{display:flex;}.box{/*这里可以添加具体的样式*/flex:1;background-color:white;margin:0auto;text-a
  • vue router报错 Redirected when going from “/index“ to “/user“ via a navigation guard 隔壁秋田犬 java前端服务器
    Error:Redirectedwhengoingfrom"/index"to"/user"viaanavigationguard.不影响使用，可以跳转。增加catch，不让浏览器显示异常。从首页index.vue，点击跳转到user.vue页，通过路由守卫判断，用户是否登录，存储里有没有用户信息，是否需要授权。需要，则跳转到login.vue页面进行登录。router.js路由守卫配置。impo
  • 通过Curtain 解决方案保障BIM模型安全共享—建筑业的防泄密实战 COWORKSHOP 企业信息安全安全
    某跨海大桥项目突发数据泄露事件：主桥钢结构的BIM模型被外泄，核心参数流入竞争对手手中，导致项目风险评估升级。调查发现，泄漏源头是一名施工方的项目经理。尽管BIM系统已经能够控制哪些人可以阅读、修改、甚至下载资料的权限，但是该项目经理需要下载工程图纸来使用，正因为它有下载资料的权限，所以BIM现有的权限控制不能阻止资料外泄的发生。从传统Windows至BIM等系统权限的局限性不论是Windows还
  • 【学习笔记】微信小程序代码构成（附图）
    一、微信小程序有四种类型文件：1.JSON配置文件（.json后缀）2.WXML模板文件（.wxml后缀）3.WXSS样式文件（.wxss后缀）4.JS脚本逻辑文件（.js后缀）二、JSON配置：1.JSON配置：JSON是一种数据格式，用来静态配置。app.json小程序配置project.config.json工具配置page.json页面配置语法：JSON文件都是被包裹在一个大括号中{}，通
  • UniApp（vue3+vite）如何原生引入TailwindCSS（4） 前端 贾公子 uni-app
    目录npx开始使用TailwindCSS1.安装Node.js和cnpm2.使用VScode创建uni-app项目开始使用TailwindCSS1.安装TailwindCSS2.配置Vite插件3.修改配置4.导入TailwindCSS5.开始在HTML中使用Tailwind总结npx实际上，npxdegit和gitclone都能用来获取代码仓库中的模板或项目，但是它们的实现方式和用途有所不同。让
  • 前端渲染大量图片的首屏加载优化方案 啃火龙果的兔子 开发DEMO前端
    渲染大量图片时，首屏加载性能至关重要。以下是全面的优化方案：一、图片资源优化1.图片格式选择WebP格式：比JPEG小25-35%，支持透明AVIF格式：新一代格式，压缩率更高（Chrome/Firefox支持）渐进式JPEG：逐步加载显示SVG：适合图标/简单图形2.图片压缩使用工具压缩：TinyPNG、Squoosh、ImageOptim服务端自动压缩：Sharp（Node.js）、Pillo
  • 【HDMI CEC】 System Power Control 功能详解 好多渔鱼好多 HDMICECHDMICEC智能家居物联网万物互联一键控制
    目录1.概念2.用途3.实现原理3.1实现流程3.2关键点总结4.协议与实现流程5.运用示例6.注意事项7.设备操作与设置方法8.总结1.概念SystemPowerControl是HDMICEC协议中最基础、最实用且使用最广泛的功能之一。它允许用户仅操作一个设备（通常是电视或功放）的遥控器电源键，就能联动控制同一HDMI链路上所有其他兼容CEC设备的电源状态（开机或待机）。简单说，就是“一键控制全
  • nuxt2 项目构建发布流程（运维版）
    nuxt2项目构建发布流程（运维版）目录环境准备代码获取本地构建服务端部署1.环境准备1.1安装Node.js下载地址https://nodejs.org/zh-cn/blog/release/v14.15.3查看是否安装成功node-v查看npm版本npm-v2.代码获取git地址http://xxxxxxx3.本地构建3.1依赖安装cd./ezca-mall-web-portal#使用淘宝镜像
  • Nuxt 2万字全面解析：从基础概念到高级部署与版本演进 睡不着的可乐 nuxt前端
    一、Nuxt框架概述1.1Nuxt简介与核心价值Nuxt是一个免费的开源框架，它以直观且可扩展的方式，基于Vue.js创建类型安全、高性能且适用于生产环境的全栈Web应用程序和网站(1)。作为Vue生态系统中最受欢迎的元框架之一，Nuxt提供了开箱即用的解决方案，简化了现代Web应用的开发流程，同时保持了Vue.js的灵活性和表现力。Nuxt的核心价值在于将Vue.js从一个视图层库扩展为完整的应
  • SpringBoot与SpringCloud的版本对应详细版 林知屿 springbootspringbootspringcloud后端springjava
    在实际开发过程中，我们需要详细到一一对应的版本关系：Spring官方对应版本地址：(https://start.spring.io/actuator/info)，建议用firefox浏览器打开，你会看见格式化好了json信息：手动记录一些经本人实际验证可行的版本对应：序号版本对应12.4.22020.0.022.4.12020.0.0-M632.4.02020.0.0-M642.3.2.RELEA
  • Android系统框架详解 giaoho 安卓开发学习android
    Android系统框架详解文章目录Android系统框架详解1.系统框架图2.Linux内核（LinuxKernel）3.Android程序库（Libraries）4.Android应用程序框架(ApplicationFramework)5.Android应用程序和小部件1.系统框架图Android系统从下至上分为4层：Linux内核、Android程序库及Android运行时、Android应用
  • HTML之表单结构全解析 AA-代码批发V哥 HTMLhtml前端
    HTML之表单结构全解析一、表单基础结构与核心标签1.1表单容器：``标签1.2表单元素的灵魂：``标签二、常用表单元素详解2.1输入类元素：``2.1.1基础文本类2.1.2选择类2.1.3交互类2.2复杂输入：``与``2.2.1下拉选择框2.2.2多行文本域三、表单布局与美化技巧3.1基础布局方案3.1.1垂直排列（最常用）3.1.2水平排列（适用于简单表单）3.2使用CSS框架快速布局（B
  • 【前端】一文快速回顾 Html+CSS+JS CoderSharry 前端前端htmlcss
    文章目录前言Preface1.HTML快速回顾1.1基本结构1.2简单语法回顾2.CSS快速回顾2.1三种引入方式2.2选择器2.3布局2.3.1盒子模型2.3.2定位2.3.3浮动2.4简单练习3.JavaScript快速回顾3.1JavaScript引入方式3.2JavaScript基本语法3.2.1变量3.2.2函数与箭头函数3.3简单练习4.总结参考资料一文快速回顾前端基础三件套：HTML
  • C++11中std::future的使用详解和实战示例 点云SLAM C++c++开发语言线程通信和异步执行多线程任务开发C++中future使用C++标准库人工智能
    在C++11中，std::future是标准库中的一个强大工具，用于实现异步任务获取返回值。它与std::async、std::promise搭配使用，能够从并发任务中安全获取结果，是线程通信和异步执行的核心组件之一。一、std::future是什么？它表示一个异步操作的结果，用于获取尚未完成任务的值。通常与std::async或std::promise搭配使用。std::future：未来某个时
  • 冒泡排序及其优化方式详解（JavaScript实现） 碧海蓝天· javascript开发语言ecmascriptJavaScript
    冒泡排序是一种简单但效率较低的排序算法，它通过多次迭代比较相邻元素，并交换它们的位置，使得每一轮迭代都将最大（或最小）的元素移动到末尾。本文将以JavaScript代码和动画的方式详细解释冒泡排序的工作原理，并介绍一些优化方式。冒泡排序的基本实现下面是使用JavaScript实现冒泡排序的基本代码：functionbubbleSort(arr){constlen=arr.length;for(<
  • Redis 数据持久化方式详解 zru_9602 数据库redis数据库缓存
    Redis数据持久化方式详解1.引言Redis是一个高性能的键值存储系统，广泛应用于缓存、消息队列、实时分析等领域。默认情况下，Redis使用内存来存储数据，这使得它能够提供极低的延迟和高吞吐量。然而，由于数据是驻留在内存中的，一旦服务器发生故障（如断电或崩溃），所有的数据都将丢失。为了应对这种情况，Redis提供了多种数据持久化方式，确保数据能够在系统故障时得到保存，并在重启后恢复。本教程将详细
  • 深入理解Python协程：async def、async for、await、yield详解
    前言在现代编程中，异步编程已成为提高程序效率和性能的重要方式。Python作为一种流行的编程语言，自然也提供了强大的异步编程支持。本文将详细介绍Python中的协程，以及asyncdef、asyncfor、await和yield等关键字的使用。协程简介协程是一种比传统函数更高级的控制结构。它们在一个过程中暂停，然后在另一个地方恢复执行。协程可以在程序的多个点之间切换，从而实现并发执行，而无需多线程
  • DeepSpeed zero1，zero2，zero3和FSDP区别详解 ALGORITHM LOL python分布式
    1.基本概念DeepSpeedZeROZeRO是由MicrosoftDeepSpeed团队开发的一种内存优化技术，旨在通过分片模型状态来训练超大模型，减少每个GPU的内存占用，同时避免传统模型并行（如张量并行或流水线并行）所需的代码修改。ZeRO分为三个阶段（Stage1、Stage2、Stage3），每阶段逐步增加分片的范围，从而进一步降低内存需求。FSDP(FullyShardedDataPa
  • python+django/flask+springboot的招聘求职系统 QQ1963288475 pythondjangoflaskspringbootnode.jsphp
    目录技术栈介绍具体实现截图系统设计研究方法：设计步骤设计流程核心代码部分展示研究方法详细视频演示试验方案论文大纲源码获取/详细视频演示技术栈介绍Django-SpringBoot-php-Node.js-flask本课题的研究方法和研究步骤基本合理，难度适中，本选题是学生所学专业知识的延续，符合学生专业发展方向，对于提高学生的基本知识和技能以及钻研能力有益。该学生能够在预定时间内完成该课题的设计。
  • eclipse maven IXHONG eclipse
    eclipse中使用maven插件的时候，运行run as maven build的时候报错 -Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.   可以设一个环境变量M2_HOME指
  • timer cancel方法的一个小实例 alleni123 多线程timer
    package com.lj.timer; import java.util.Date; import java.util.Timer; import java.util.TimerTask; public class MyTimer extends TimerTask { private int a; private Timer timer; pub
  • MySQL数据库在Linux下的安装 ducklsl mysql
    1.建好一个专门放置MySQL的目录 /mysql/db数据库目录 /mysql/data数据库数据文件目录 2.配置用户，添加专门的MySQL管理用户 >groupadd mysql ----添加用户组 >useradd -g mysql mysql ----在mysql用户组中添加一个mysql用户 3.配置，生成并安装MySQL >cmake -D
  • spring------>>cvc-elt.1: Cannot find the declaration of element Array_06 springbean
    将-------- <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"     xmlns:xsi="http://www.w3
  • maven发布第三方jar的一些问题 cugfy maven
    maven中发布 第三方jar到nexus仓库使用的是 deploy:deploy-file命令 有许多参数，具体可查看 http://maven.apache.org/plugins/maven-deploy-plugin/deploy-file-mojo.html 以下是一个例子： mvn  deploy:deploy-file -DgroupId=xpp3
  • MYSQL下载及安装 357029540 mysql
        好久没有去安装过MYSQL，今天自己在安装完MYSQL过后用navicat for mysql去厕测试链接的时候出现了10061的问题，因为的的MYSQL是最新版本为5.6.24，所以下载的文件夹里没有my.ini文件，所以在网上找了很多方法还是没有找到怎么解决问题，最后看到了一篇百度经验里有这个的介绍，按照其步骤也完成了安装，在这里给大家分享下这个链接的地址
  • ios TableView cell的布局 张亚雄 tableview
      cell.imageView.image = [UIImage imageNamed:[imageArray objectAtIndex:[indexPath row]]];           CGSize itemSize = CGSizeMake(60, 50);   &nbs
  • Java编码转义 adminjun java编码转义
    import java.io.UnsupportedEncodingException; /** * 转换字符串的编码 */ public class ChangeCharset { /** 7位ASCII字符，也叫作ISO646-US、Unicode字符集的基本拉丁块 */ public static final Strin
  • Tomcat 配置和spring aijuans spring
    简介 Tomcat启动时，先找系统变量CATALINA_BASE，如果没有，则找CATALINA_HOME。然后找这个变量所指的目录下的conf文件夹，从中读取配置文件。最重要的配置文件：server.xml 。要配置tomcat，基本上了解server.xml，context.xml和web.xml。 Server.xml --  tomcat主
  • Java打印当前目录下的所有子目录和文件 ayaoxinchao 递归File
    其实这个没啥技术含量，大湿们不要操笑哦，只是做一个简单的记录，简单用了一下递归算法。   import java.io.File; /** * @author Perlin * @date 2014-6-30 */ public class PrintDirectory { public static void printDirectory(File f
  • linux安装mysql出现libs报冲突解决 BigBird2012 linux
    linux安装mysql出现libs报冲突解决 安装mysql出现 file /usr/share/mysql/ukrainian/errmsg.sys from install of MySQL-server-5.5.33-1.linux2.6.i386 conflicts with file from package mysql-libs-5.1.61-4.el6.i686  
  • jedis连接池使用实例 bijian1013 redisjedis连接池jedis
    实例代码： package com.bijian.study; import java.util.ArrayList; import java.util.List; import redis.clients.jedis.Jedis; import redis.clients.jedis.JedisPool; import redis.clients.jedis.JedisPoo
  • 关于朋友 bingyingao 朋友兴趣爱好维持
      成为朋友的必要条件：    志相同，道不合，可以成为朋友。譬如马云、周星驰一个是商人，一个是影星，可谓道不同，但都很有梦想，都要在各自领域里做到最好，当他们遇到一起，互相欣赏，可以畅谈两个小时。     志不同，道相合，也可以成为朋友。譬如有时候看到两个一个成绩很好每次考试争做第一，一个成绩很差的同学是好朋友。他们志向不相同，但他
  • 【Spark七十九】Spark RDD API一 bit1129 spark
    aggregate package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} //测试RDD的aggregate方法 object AggregateTest { def main(args: Array[String]) { val conf = new Spar
  • ktap 0.1 released bookjovi kerneltracing
    Dear, I'm pleased to announce that ktap release v0.1, this is the first official release of ktap project, it is expected that this release is not fully functional or very stable and we welcome bu
  • 能保存Properties文件注释的Properties工具类 BrokenDreams properties
            今天遇到一个小需求：由于java.util.Properties读取属性文件时会忽略注释，当写回去的时候，注释都没了。恰好一个项目中的配置文件会在部署后被某个Java程序修改一下，但修改了之后注释全没了，可能会给以后的参数调整带来困难。所以要解决这个问题。     &nb
  • 读《研磨设计模式》-代码笔记-外观模式-Facade bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 百度百科的定义： * Facade（外观）模式为子系统中的各类（或结构与方法）提供一个简明一致的界面， * 隐藏子系统的复杂性，使子系统更加容易使用。他是为子系统中的一组接口所提供的一个一致的界面 * * 可简单地
  • After Effects教程收集 cherishLC After Effects
    1、中文入门 http://study.163.com/course/courseMain.htm?courseId=730009 2、videocopilot英文入门教程（中文字幕） http://www.youku.com/playlist_show/id_17893193.html 英文原址： http://www.videocopilot.net/basic/ 素
  • Linux Apache 安装过程 crabdave apache
    Linux Apache 安装过程   下载新版本： apr-1.4.2.tar.gz（下载网站：http://apr.apache.org/download.cgi） apr-util-1.3.9.tar.gz（下载网站：http://apr.apache.org/download.cgi） httpd-2.2.15.tar.gz（下载网站：http://httpd.apac
  • Shell学习 之 变量赋值和引用 daizj shell变量引用赋值
    本文转自：http://www.cnblogs.com/papam/articles/1548679.html Shell编程中，使用变量无需事先声明，同时变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z） 中间不能有空格，可以使用下划线（_） 不能使用标点符号 不能使用bash里的关键字（可用help命令查看保留关键字） 需要给变量赋值时，可以这么写：
  • Java SE 第一讲（Java SE入门、JDK的下载与安装、第一个Java程序、Java程序的编译与执行） dcj3sjt126com javajdk
    Java SE 第一讲： Java SE：Java Standard Edition Java ME: Java Mobile Edition Java EE：Java Enterprise Edition Java是由Sun公司推出的（今年初被Oracle公司收购）。 收购价格：74亿美金 J2SE、J2ME、J2EE JDK：Java Development
  • YII给用户登录加上验证码 dcj3sjt126com yii
    1、在SiteController中添加如下代码： /** * Declares class-based actions. */ public function actions() { return array( // captcha action renders the CAPTCHA image displ
  • Lucene使用说明 dyy_gusi Lucenesearch分词器
    Lucene使用说明 1、lucene简介 1.1、什么是lucene     Lucene是一个全文搜索框架，而不是应用产品。因此它并不像baidu或者googleDesktop那种拿来就能用，它只是提供了一种工具让你能实现这些产品和功能。 1.2、lucene能做什么     要回答这个问题，先要了解lucene的本质。实际
  • 学习编程并不难,做到以下几点即可! gcq511120594 数据结构编程算法
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • Java面试十问之三：Java与C++内存回收机制的差别 HNUlanwei javaC++finalize()堆栈内存回收
    大家知道， Java 除了那 8 种基本类型以外，其他都是对象类型（又称为引用类型）的数据。 JVM 会把程序创建的对象存放在堆空间中，那什么又是堆空间呢？其实，堆（ Heap）是一个运行时的数据存储区，从它可以分配大小各异的空间。一般，运行时的数据存储区有堆（ Heap）和堆栈（ Stack），所以要先看它们里面可以分配哪些类型的对象实体，然后才知道如何均衡使用这两种存储区。一般来说，栈中存放的
  • 第二章 Nginx+Lua开发入门 jinnianshilongnian nginxlua
    Nginx入门 本文目的是学习Nginx+Lua开发，对于Nginx基本知识可以参考如下文章： nginx启动、关闭、重启 http://www.cnblogs.com/derekchen/archive/2011/02/17/1957209.html agentzh 的 Nginx 教程 http://openresty.org/download/agentzh-nginx-tutor
  • MongoDB windows安装 基本命令 liyonghui160com
      windows安装    安装目录：   D:\MongoDB\   新建目录   D:\MongoDB\data\db   4.启动进城：   cd D:\MongoDB\bin   mongod -dbpath D:\MongoDB\data\db   &n
  • Linux下通过源码编译安装程序 pda158 linux
    一、程序的组成部分 　　Linux下程序大都是由以下几部分组成： 　　二进制文件：也就是可以运行的程序文件 　　库文件：就是通常我们见到的lib目录下的文件 　　配置文件：这个不必多说，都知道 　　帮助文档：通常是我们在linux下用man命令查看的命令的文档 　　 二、linux下程序的存放目录 　　linux程序的存放目录大致有三个地方： 　　/etc, /b
  • WEB开发编程的职业生涯４个阶段 shw3588 编程Web工作生活
    觉得自己什么都会 2007年从学校毕业，凭借自己原创的ASP毕业设计，以为自己很厉害似的，信心满满去东莞找工作，找面试成功率确实很高，只是工资不高，但依旧无法磨灭那过分的自信，那时候什么考勤系统、什么OA系统、什么ERP，什么都觉得有信心，这样的生涯大概持续了约一年。 根本不是自己想的那样 2008年开始接触很多工作相关的东西，发现太多东西自己根本不会，都需要去学，不管是asp还是js，
  • 遭遇jsonp同域下变作post请求的坑 vb2005xu jsonp同域post
    今天迁移一个站点时遇到一个坑爹问题,同一个jsonp接口在跨域时都能调用成功,但是在同域下调用虽然成功,但是数据却有问题. 此处贴出我的后端代码片段 $mi_id = htmlspecialchars(trim($_GET['mi_id '])); $mi_cv = htmlspecialchars(trim($_GET['mi_cv ']));  贴出我前端代码片段: $.aj
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他