WEB小牛
WEB小牛

js实现touch移动触屏滑动事件

在开始描述touch事件之前，需要先描述一下多触式系统中特有的touch对象（android和iOS乃至nokia最新的meego系统都模拟了类 似的对象）。这个对象封装一次屏幕触摸，一般来自于手指。它在touch事件触发的时候产生，可以 通过touch event handler的event对象取到移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。

以下是四种touch事件
touchstart: //手指放到屏幕上时触发
touchmove: //手指在屏幕上滑动式触发
touchend: //手指离开屏幕时触发
touchcancel: //系统取消touch事件的时候触发，这个好像比较少用

每个触摸事件被触发后，会生成一个event对象，event对象里额外包括以下三个触摸列表

touches: //当前屏幕上所有手指的列表
targetTouches: //当前dom元素上手指的列表，尽量使用这个代替touches
changedTouches: //涉及当前事件的手指的列表，尽量使用这个代替touches
这些列表里的每次触摸由touch对象组成，touch对象里包含着触摸信息，主要属性如下：
clientX / clientY: //触摸点相对浏览器窗口的位置
pageX / pageY: //触摸点相对于页面的位置
screenX / screenY: //触摸点相对于屏幕的位置
identifier: //touch对象的ID
target: //当前的DOM元素

注意：

手指在滑动整个屏幕时，会影响浏览器的行为，比如滚动和缩放。所以在调用touch事件时，要注意禁止缩放和滚动。

1.禁止缩放
通过meta元标签来设置。

2.禁止滚动
preventDefault是阻止默认行为，touch事件的默认行为就是滚动。
event.preventDefault();

 
<html> 
    <head> 
    <meta http-equiv="Content-Type" Content="text/html; charset=utf-8;"> 
    <title>移动端触摸滑动title>
    <meta name="author" content="rainna" />
    <meta name="keywords" content="rainna's js lib" />       
        <meta name="viewport" content="target-densitydpi=320,width=640,user-scalable=no"> 
        <style>
          *{margin:0;padding:0;} 
          li{list-style:none;}  
          .m-slider{width:600px;margin:50px 20px;overflow:hidden;}  
          .m-slider.cnt{position:relative;left:0;width:3000px;}
      .m-slider .cnt li{float:left;width:600px;} 
      .m-slider .cnt img{display:block;width:100%;height:450px;}
      .m-slider .cnt p{margin:20px 0;} 
      .m-slider .icons{text-align:center;color:#000;}
      .m-slider .icons span{margin:0 5px;}
      .m-slider .icons .curr{color:red;} 
      .f-anim{-webkit-transition:left .2s linear;}
    style> 
     head> 
     <body>
         <div class="m-slider"> 
        <ul class="cnt" id="slider"> 
           <li> 
             <img src="http://imglf1.ph.126.net/qKodH3sZoVbPalKFtHS9mw==/6608946691259322175.jpg"> 
             <p>20140813镜面的世界，终究只是倒影。看得到你的身影，却触摸不到你的未来p> 
           li> 
           <li> 
             <img src="http://imglf1.ph.126.net/40-jqH_j6EoCWnZOixY2pA==/4798022453110310215.jpg"> 
         <p>20140812锡林浩特前往东乌旗S101必经之处，一条极美的铁路。铁路下面是个小型的盐沼，淡淡的有了一丝天空之境的感觉。可惜在此玩了一个小时也没有看见一列火车经过，只好继续赶往东乌旗。p>
           li> 
           <li> 
             <img src="http://imglf0.ph.126.net/Jnmi2y51zVdjKAYlibtpFw==/3068640196117481166.jpg"> <p>20140811水的颜色为什么那么蓝，我也纳闷，反正自然饱和度和对比度拉完就是这个颜色的p>
           li>
           <li> 
             <img src="http://imglf1.ph.126.net/79GPsjhwiIj8e-0nP5MsEQ==/6619295294699949331.jpg">
             <p>海洋星球3重庆天气热得我想卧轨自杀p> li> <li> <img src="http://imglf1.ph.126.net/40-jqH_j6EoCWnZOixY2pA==/4798022453110310215.jpg"> 
         <p>以上这些作品分别来自两位设计师作为观者，您能否通过设计风格进行区分p> 
           li> 
        ul>
        <div class="icons" id="icons">
        <span class="curr">1span>
         <span>2span>
        <span>3span>
        <span>4span>
        <span>5span> 
        div>
     div> 
     <script> 
        var slider = { //判断设备是否支持touch事件 
            touch:('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch, slider:document.getElementById('slider'), //事件 
        events:{
             index:0, //显示元素的索引 
             slider:this.slider, //this为slider对象 
             icons:document.getElementById('icons'),
             icon:this.icons.getElementsByTagName('span'), 
             handleEvent:function(event){ 
            var self = this; //this指events对象 
            if(event.type == 'touchstart'){
               self.start(event); 
            }else if(event.type == 'touchmove'){ 
               self.move(event);
            }else if(event.type == 'touchend'){
               self.end(event); 
            } 
             },
             //滑动开始 
             start:function(event){ 
                var touch = event.targetTouches[0]; //touches数组对象获得屏幕上所有的touch，取第一个touch
            startPos = {x:touch.pageX,y:touch.pageY,time:+new Date}; //取第一个touch的坐标值 
            isScrolling = 0; //这个参数判断是垂直滚动还是水平滚动 
            this.slider.addEventListener('touchmove',this,false);
            this.slider.addEventListener('touchend',this,false); }, //移动
            move:function(event){ //当屏幕有多个touch或者页面被缩放过，就不执行move操作 
                 if(event.targetTouches.length > 1 || event.scale && event.scale !== 1) return; 
                 var touch = event.targetTouches[0]; 
                 endPos = {x:touch.pageX - startPos.x,y:touch.pageY - startPos.y};
                 isScrolling = Math.abs(endPos.x) < Math.abs(endPos.y) ? 1:0; //isScrolling为1时，表示纵向滑动，0为横向滑动
                 if(isScrolling === 0){
                    event.preventDefault(); //阻止触摸事件的默认行为，即阻止滚屏
                this.slider.className = 'cnt'; this.slider.style.left = -this.index*600 + endPos.x + 'px'; 
                 } 
            },
             //滑动释放 
             end:function(event){ 
            var duration = +new Date - startPos.time; //滑动的持续时间 
               if(isScrolling === 0){ //当为水平滚动时 
                this.icon[this.index].className = ''; 
                    if(Number(duration) > 10){ //判断是左移还是右移，当偏移量大于10时执行 
                     if(endPos.x > 10){
                       if(this.index !== 0) this.index -= 1;
                     }else if(endPos.x < -10){ 
                       if(this.index !== this.icon.length-1) this.index += 1; } 
                     } 
                     this.icon[this.index].className = 'curr'; 
                     this.slider.className = 'cnt f-anim';
                     this.slider.style.left = -this.index*600 + 'px';
                } 
                //解绑事件 
                this.slider.removeEventListener('touchmove',this,false);
                this.slider.removeEventListener('touchend',this,false); 
               }
                }, 
            //初始化 
            init:function(){ 
                 var self = this; //this指slider对象 
                 if(!!self.touch) self.slider.addEventListener('touchstart',self.events,false); //addEventListener第二个参数可以传一个对象，会调用该对象的handleEvent属性 
            } 
              };
                slider.init(); 
     script> 
     body> 
html>

原文地址：http://www.jb51.net/article/64303.htm

你可能感兴趣的:(移动端,事件,touch)

  • 【HarmonyOS实战开发】鸿蒙左右拖动切换图片效果实现 代码改变世界996 前端鸿蒙安卓harmonyos华为android鸿蒙前端
    介绍本示例使用滑动手势监听，实时调整左右两侧内容显示区域大小和效果。通过绑定gesture事件中的PanGesture平移手势，实时获取拖动距离。当拖动时，实时地调节左右两个Image组件的宽度，从而成功实现左右拖动切换图片效果的功能。效果图预览●更多鸿蒙最新技术知识点，请移步前往小编：https://gitee.com/使用说明点击中间按钮进行左右拖动切换图片。实现思路本例涉及的关键特性和实现方
  • 基于 LLM 的智能运维 Agent 系统设计与实现 LLM教程 人工智能embeddingLLMpython大模型Agent智能体
    摘要本文详细介绍了一个基于大语言模型(LLM)的智能运维Agent系统的设计与实现。该系统采用多Agent协同的架构，通过事件驱动的方式实现了自动化运维流程。系统集成了先进的AI能力，能够实现故障自动诊断、预测性维护、知识沉淀等核心功能。一、运维Agent架构设计在设计智能运维Agent系统时，我们采用了模块化和事件驱动的架构思想，将复杂的运维场景分解为多个独立的能力域，并通过消息总线实现各组件的
  • 架构设计中的消息队列和事件驱动通信 AI大模型应用之禅 DeepSeekR1&AI大模型与大数据计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    背景介绍在现代软件系统架构设计中，消息队列和事件驱动通信已成为构建灵活、可扩展和高可用系统的基石。随着云计算和微服务架构的普及，系统之间的通信变得日益复杂，消息队列和事件驱动模式提供了有效管理和处理异步通信需求的方式。消息队列概述消息队列是一种用于存储消息的数据结构，通常用于在发送者和接收者之间传递数据。消息队列允许消息在发送后立即处理其他事务，而接收者在方便时消费这些消息。这种异步处理方式提高了
  • 事件驱动架构促进LLM应用的解耦与扩展 AI天才研究院 AI人工智能大模型DeepSeekDeepSeekRL强化学习agentagi推理模型智能驾驶javapythonjavascriptkotlingolang架构人工智能大厂程序员硅基计算碳基计算认知计算生物计算深度学习神经网络大数据AIGCAGILLM系统架构设计软件哲学程序员实现财富自由
    事件驱动架构概述1.1.1事件驱动架构的定义事件驱动架构（Event-DrivenArchitecture，EDA）是一种软件架构模式，它基于事件来驱动应用程序的运行。在这种架构中，事件被视为数据传输的基本单位，它们可以由系统内部或外部的源生成，并触发相应的处理逻辑。事件可以是一个用户操作、系统状态变更、硬件设备信号或其他任何可以由系统感知和响应的信息。事件驱动架构的核心思想是将系统的行为与事件分
  • 深入理解 C# 中的事件机制 静宜程 c#
    前言：对于搞.net的朋友来说，经常会遇到关于事件和委托的问题：事件与委托有什么关系？事件的本质是什么？委托的本质又是什么？由于.net做了大量的封装，对于初学者，这两个概念确实不怎么好理解。事件是用户与应用程序交互的基础，它是回调机制的一种应用。举个例子，当用户点击按钮时，我们希望弹出一句“您好”；这里的【点击】就是一个事件；那么回调就是我们注册一个方法，当用户点击时，程序自动执行这个方法去响应
  • spiking neural network概念学习 Zaгathustra 科研工作深度学习神经网络机器学习
    我们认为，SNNs最大的优势在于其能够充分利用基于时空事件的信息。今天，我们有相当成熟的神经形态传感器，来记录环境实时的动态改变。这些动态感官数据可以与SNNs的时间处理能力相结合，以实现超低能耗的计算。在此类传感器中使用SNNs主要受限于缺乏适当的训练算法，从而可以有效地利用尖峰神经元的时间信息。实际上就精度而言，在大多数学习任务中SNNs的效果仍落后于第二代的深度学习。很明显，尖峰神经元可以实
  • Open3D C++系列教程 （七）继承窗口类 吉拉尔 Open3D-GUIc++开发语言guiopen3d
    Open3DC++系列教程（七）继承窗口类前置：Open3DC++系列教程（一）环境搭建Open3DC++系列教程（二）第一个GUI窗口Open3DC++系列教程（三）关于程序异常退出的探讨Open3DC++系列教程（四）动画Tick事件Open3DC++系列教程（五）创建菜单栏Open3DC++系列教程（六）菜单栏-文件拾取在之前的几节中介绍了直接在main中使用gui::Window和gui:
  • Mac终端出现-bash-3.2$切换到user用户 ZiHai子海 Mac使用问题Macbash
    Mac终端出现-bash-3.2$切换到user用户经过网上查询,对自身使用Mac电脑切换用户问题的整理打开终端输入如下代码第一步:exportPATH=/usr/bin:/usr/sbin:/bin:/sbin:/usr/X11R6/bin第二步:cd~/第三步输入:touch.bash_profile第四步输入:open.bash_profile第五步,打开文件编辑界面最后一行输入export
  • thymeleaf模板_Thymeleaf参考手册（十五）：模板缓存 weixin_39814960 thymeleaf模板
    Thymeleaf的工作要归功于一组解析器（用于标记和文本），该解析器将模板解析为事件序列（打开标签，文本，关闭标签，注释等）和一系列处理器（每种需要一种行为）应用–修改模板解析的事件序列，以便通过将原始模板与我们的数据结合来创建我们期望的结果。默认情况下，它还包括存储已解析模板的缓存；在处理模板文件之前读取和解析模板文件所导致的事件顺序。在Web应用程序中工作时，此功能特别有用，它基于以下概念：
  • c++不使用MessageBox弹出弹窗,绘制图形 饼干帅成渣 c++开发语言
    WinAPI创建窗口。步骤包括注册窗口类、创建窗口实例、显示窗口，并处理消息循环。可能需要编写窗口过程函数来处理消息，比如WM_PAINT来绘制窗口内容，WM_CLOSE来处理关闭事件。在C++中如果不使用MessageBox创建弹窗，可以使用WindowsAPI直接创建自定义窗口。以下是使用纯Win32API创建简单弹窗的示例：#include#include//声明全局字符串constwcha
  • Disruptor多线程并发构架 涨知识的coder java多线程并发多线程框架
    MartinFowler在自己网站上写了一篇LMAX架构的文章，在文章中他介绍了LMAX是一种新型零售金融交易平台，它能够以很低的延迟产生大量交易。这个系统是建立在JVM平台上，其核心是一个业务逻辑处理器，它能够在一个线程里每秒处理6百万订单。业务逻辑处理器完全是运行在内存中，使用事件源驱动方式。业务逻辑处理器的核心是Disruptor。Disruptor它是一个开源的并发框架，并获得2011Du
  • winform中的mousemove事件，click与mouseup,mousedown事件的关系， qq_43361844 button的事件处理c#winform
    首先click是mousedown和mouseup的结合，只有两个事件都发生了才会产生click事件，我在做button移动的时候,遇到了移动事件mousemove过后就会发生click事件，但是我只是想移动button，只发生mousemove事件代码如下：usingSystem;usingSystem.Collections.Generic;usingSystem.ComponentModel
  • Qt中事件过滤器eventFilter，按键事件传递顺序。 hope-feng EventFilterkeyPressEventc++qt5事件处理机制按键事件
    滤波器eventFilterthis->eventFilter(this)chuildclass->eventFilter(this)查阅Qt帮助手册中的EventFilter函数得到：Inyourreimplementationofthisfunction,ifyouwanttofiltertheeventout,i.e.stopitbeinghandledfurther,returntrue;
  • JavaScript网页设计案例：动态天气预报页面 静默.\\ javascript开发语言
    在这个案例中，我们将创建一个简单的网页，该网页能够根据用户输入的城市名称显示当前的天气情况。这个项目不仅将帮助我们理解如何使用JavaScript进行DOM操作和事件处理，还将介绍如何通过API获取实时数据。1.准备工作首先，你需要注册一个免费的天气API服务（如OpenWeatherMap），以获取API密钥。这将允许你访问其服务器上的天气数据。2.HTML结构让我们从基本的HTML结构开始：D
  • 20.LMAX——DDD的极致性能架构 MQLYES DDD学习笔记架构领域驱动设计
    学习视频来源：DDD独家秘籍视频合集https://space.bilibili.com/24690212/channel/collectiondetail?sid=1940048&ctype=0文章目录历史起源架构目标架构要素时序对比传统时序事件溯源时序LMAX时序单线程非阻塞异步IO（reactor）多线程单线程事件溯源高可用方案代价总结优点缺点适用范围历史LMAX是由MartinFowler
  • 场景识别-音频场景 法迪 场景识别音频事件playback
    目的避免管控正在使用音频的场景、同时定义黑名单音频使用APP列表是否正在播放音乐frameworks/base/services/core/java/com/android/server/audio/PlaybackActivityMonitor.javaPlaybackActivityMonitor进行playerEvent和releasePlayer事件进行埋点/***Updateplayer
  • Spark 和 Flink 信徒_ sparkflink大数据
    Spark和Flink都是目前流行的大数据处理引擎，但它们在架构设计、应用场景、性能和生态方面有较大区别。以下是详细对比：1.架构与核心概念方面ApacheSparkApacheFlink计算模型微批（Micro-Batch）为主，但支持结构化流（StructuredStreaming）原生流（TrueStreaming），基于事件驱动处理方式以RDD、DataFrame/Dataset作为核心抽
  • DeepSeek 助力 Vue 开发：打造丝滑的面包屑导航（Breadcrumbs） 宝码香车 #DeepSeek#Vuevue.js前端javascriptDeepSeekecmascript
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的面包屑导航（Breadcrumbs）前言进入安装好的DeepSeek页面效果指令输入**1.属性(Props)****2.事件(Events)****3.插槽(Slots)****路由集成****激活
  • Vue学习笔记3 Jyywww121 vue.js学习笔记
    Vue学习笔记一、单页应用程序&路由介绍1、介绍单页应用程序：所有的功能都在一个页面上实现优点：按需更新性能高，开发效率高，用户体验好缺点：学习成本高，首屏加载慢，不利于SEO应用场景：系统类网站、内部网站、文档类网站、移动端站点路由介绍生活中的路由：设备和ip的映射关系Vue中的路由：路径和组件的映射关系2、路由的基本应用VueRouter的介绍：作用：修改地址栏路径时，切换显示匹配的组件路由的
  • 红队视角出发的k8s敏感信息收集——持久化存储与数据泄露 周周的奇妙编程 kubernetes容器云原生
    在Kubernetes集群中，持久化存储卷如同数据的保险箱，承载着应用运行所必需的各类敏感信息。然而，从红队视角出发，这些存储卷也可能成为攻击者觊觎的目标。通过巧妙地利用配置不当或已知漏洞，攻击者能够从中收集到包括密钥、访问凭证在内的大量敏感数据，进而导致数据泄露事件的发生。攻击链示例：攻击者通过容器逃逸进入Pod→发现挂载的EBS卷并创建快照→共享快照至攻击者AWS账户→还原快照窃取数据库凭据→
  • 【Elasticsearch】分片与副本机制：优化数据存储与查询性能 程风破～ ElasticsearchElasticsearch实战elasticsearch大数据搜索引擎
    博主简介：CSDN博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/?__c=1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，精通Java编程，高并发设计，Springboot和微服务，熟悉Linux，ESXI虚拟化以及云原生Docker和K8s，热衷于探索科技的边界，并将理论知识转化为实际应用。保持对新技术的好奇心，乐于分
  • AWS ECS Fargate 中处理部署失败事件 flybirding10011 aws云计算
    AWSElasticContainerService(ECS)是一项高度可扩展、高性能的容器编排服务,可轻松运行和扩展容器化应用程序。作为无服务器计算模式,Fargate允许您在AWS上运行容器,而无需管理底层EC2实例。然而,在滚动部署过程中,可能会出现部署失败的情况,这可能会影响应用程序的可用性和可靠性。本文将介绍如何使用AWSEventBridge和Lambda函数来监控和处理ECSFarg
  • 基于机器学习的网络安全态势感知模型研究与实现 AI大模型应用之禅 DeepSeekR1&AI大模型与大数据计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    基于机器学习的网络安全态势感知模型研究与实现1.背景介绍1.1网络安全态势感知的重要性在当今互联网时代,网络安全已经成为一个至关重要的话题。随着网络攻击手段的不断升级和演变,传统的被动防御方式已经难以满足日益复杂的网络安全形势。网络安全态势感知(CybersecuritySituationalAwareness,CSA)作为一种主动防御策略,通过实时监测网络环境,分析安全事件,评估安全风险,预测未
  • AWS上基于高德API验证Amazon Redshift里国内地址数据正确性的设计方案 weixin_30777913 python数据仓库云计算aws
    该方案通过无服务架构实现高可扩展性，结合分页查询和批量更新确保高效处理海量数据，同时通过密钥托管和错误重试机制保障安全性及可靠性。一、技术栈组件技术选型说明计算层AWSLambda无服务器执行，适合事件驱动、按需处理，成本低数据存储AmazonRedshift存储原始地址数据及验证结果API调用高德地理编码API提供地址标准化及验证能力开发语言Python3.9+使用requests处理HTTP请
  • Unity的基础程序框架 染-青 Unityunity
    基础程序框架前言一、为什么要做这些二、包含内容1.单例模式基类2.缓存池模块3.事件中心模块4.公共Mono模块5.场景切换模块、6.资源加载模块7.输入控制模块8.音效管理模块9.UI模块10.数据管理模块前言完成所有项目都有的公共模块。使用这些框架可以做一些小项目或者毕业设计。一、为什么要做这些1、公共模块可以简单的理解为整个程序框架，提升开发效率2、这些模块在游戏中各处都会用到3、往往这些模
  • touchdesigner常用材质 守着黎明看日出 笔记
    1.constant常用的渲染材质，对光效无反应，没有阴影。可直接调整该材质的基础颜色2.phong可以渲染透明度灯光相机等，但几何体要有法线和纹理贴图。PhongShading建模三种类型的反射光：环境光-环境光被认为不是来自任何特定方向的光，因此在整个表面上是恒定的。漫反射-漫反射对由粗糙表面反射的光进行建模。该光在所有方向上均等地反射，因此观察者的位置不会影响感知的照明。镜面反射-镜面反射对
  • 探索时间的脉络：Vue.js下的Timeline组件——Timeline Vuejs 房耿园Hartley
    探索时间的脉络：Vue.js下的Timeline组件——TimelineVuejs项目地址:https://gitcode.com/gh_mirrors/ti/timeline-vuejs在数字时代，将信息以时间轴的形式展示变得日益重要，它帮助我们清晰地追踪事件的发展和变迁。今天，我们要推荐一个精巧且功能强大的Vue.js组件——TimelineVuejs。这款开源项目专为Vue爱好者设计，旨在优
  • Go 语言的优势和学习路线图 weixin_jie401214 golang学习java
    简介Go语言又称Golang，由Google公司于2009年发布，近几年伴随着云计算、微服务、分布式的发展而迅速崛起，跻身主流编程语言之列，和Java类似，它是一门静态的、强类型的、编译型编程语言，为并发而生，所以天生适用于并发编程（网络编程）。目前Go语言支持Windows、Linux等多个平台，也可以直接在Android和iOS等移动端执行，从业务角度来看，Go语言在云计算、微服务、大数据、区
  • electron渲染线程与主线程通信，渲染线程与渲染线程通信 burrierow electronjavascript前端
    线程通信接口在electron中，我们常常需要进行主线程与渲染线程，渲染线程与渲染线程的通信，这些方法有同步或者异步方式，让我们通过官方提供的一些函数来具体了解同步信息通信时，由渲染线程在ipcRenderer注册发送与接受事件（sync-send-event，sync-receive-event），并封装成方法=>(sendSync以及recieveSyncMsg)。下一步，将封装的方法抛出到c
  • Vulhub靶机 ActiveMQ 反序列化漏洞（CVE-2015-5254）（渗透测试详解） 芜丶湖 activemqweb安全安全性测试linux网络系统安全
    一、开启vulhub环境docker-composeup-d启动dockerps查看开放的端口漏洞版本：ApacheActiveMQ5.x~ApacheActiveMQ5.13.0二、访问靶机IP8161端口默认账户密码admin/admin，登录此时qucues事件为空1、使用jmet-0.1.0-all.jar工具将有效负载发送到目标IP的61616端口jmet原理是使用ysoserial生成
  • 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其他