鹿鹿鹿啦
鹿鹿鹿啦

原生js实现移动端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是阻止默认行为，在touchMove事件中使用可阻止默认行为滚动。

event.preventDefault();

3.解决穿透
在touchStart事件后添加touchMove事件的监听，在touchMove事件里添加touchEnd事件的监听，在touchEnd事件中移除touchMove和touchEnd的事件监听，即可解决穿透问题

4.removeEventListener
传入的处理事件函数一定是相同的函数，不能是匿名函数

案例


<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="description" content="移动端触摸滑动" />
<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>

你可能感兴趣的:(原生js实现移动端touch事件，解决穿透问题)

  • uniapp跳转页面有几种方法？ 豆豆（前端开发+ui设计） uni-app前端
    在UniApp中，页面跳转可以通过不同的方法实现：uni.navigateTo、uni.redirectTo、uni.reLaunch、uni.switchTab等。1.uni.navigateTo用途：保留当前页面，跳转到应用内的某个页面。但是不能跳到带有tabBar的页面。注意事项：使用uni.navigateTo跳转时，可以携带参数。但是需要注意，当使用uni.navigateBack返回时
  • 【PCIe XDMA开发】XDMA与MIG位宽一致性要求 RunningCamel PCIeFPGAPCIeXDMA
    在基于FPGA的PCIeXDMA与MIG（MemoryInterfaceGenerator）协同设计中，位宽一致性对传输效率有重要影响，但具体实现需结合系统架构和性能需求综合考虑。一、位宽一致性的必要性数据路径对齐要求XDMA的AXI接口位宽（如128/256/512位）需与MIG的物理接口位宽保持一致15。若两者不一致，需插入位宽转换模块（如AXIDataWidthConverter），这会引入
  • ADS基础教程19 - 电磁仿真（EM）基本概念和实操 RunningCamel ADS仿真ADS仿真
    EM介绍一、引言二、基本概念1.EM介绍2.Momentum介绍3.FEM介绍4.Substrate介绍三、创建Layout并进行Momentum仿真1.创建Layout2.添加Microtrip（微带线）3.添加Substrate4.Momentum仿真四、总结一、引言本章节开始介绍EM的基本概念、内容以及实现具体步骤，并介绍如何在ADS中创建一个Layout，然后执行Momentum仿真过程。
  • ABC392 G FFT求卷积模板 一条大祥脚 算法
    首先卷积就是如下的定义他有啥用呢，如果ai,bja_i,b_jai,bj对ai∗bja_i*b_jai∗bj有贡献，我们可以把a,ba,ba,b转化成cntcntcnt数组，然后做卷积，那么result(ai∗bj)result(a_i*b_j)result(ai∗bj)就会记录答案。比如如果我们用卷积来做a+ba+ba+b问题的话，给你a,ba,ba,b数组，问a+b=ca+b=ca+b=c，对
  • 数字内容体验未来趋势：五大平台横向对比与深度解析 清风徐徐de来 其他
    内容概要当前，企业数字化转型的核心战场正逐步向数字内容体验的精细化运营转移。随着用户行为碎片化与需求多元化趋势加剧，AI驱动的智能推荐系统、基于数据决策的动态优化能力，以及跨渠道的品牌一致性维护，已成为衡量内容平台竞争力的三大核心维度。本文将围绕这三大支柱，通过横向对比主流平台的技术架构与落地实践，揭示未来数字内容体验的演进方向。首先，AI驱动不仅改变了内容分发的效率，更通过深度学习算法实现用户行
  • 数据驱动业务增长，E-MapReduce 真实案例解析 Anna_Tong mapreduce大数据云计算数据分析阿里云实时计算数据驱动
    在大数据时代，数据已经成为企业核心竞争力的关键因素之一。无论是电商、金融、物流还是制造业，企业都在探索如何更高效地处理、分析和利用海量数据，以实现精准决策、优化运营并提升业务增长。然而，面对PB级甚至EB级的数据规模，传统的本地大数据计算架构往往难以满足性能和成本的要求。如何在保证计算效率的同时降低运维成本，成为企业数据战略中的关键挑战。阿里云E-MapReduce（EMR）作为一款云原生的大数据
  • 外贸怎么找客户？用AI社媒引流王在Facebook精准获客！ AIsocial AI社媒引流王facebook营销AI社媒引流王
    在跨境电商和外贸行业，外贸怎么找客户是每个企业都关心的问题。传统的B2B平台、展会、邮件营销等方式虽有效，但竞争激烈、成本高昂，转化率也越来越低。那么，有没有更精准、高效、低成本的获客方式？答案是：社交媒体营销！Facebook作为全球最大的社交平台，聚集了大量企业决策者和终端买家，是外贸企业获客的关键渠道。而通过AI社媒引流，我们可以利用Facebook上的群组、关键词霸屏、发消息、公共主页等方
  • DeepSeek底层揭秘——多头潜在注意力MLA 9命怪猫 AIai人工智能大模型
    目录1.多头潜在注意力（MLA）2.核心功能3.技术要素4.难点挑战暨含解决方案5.技术路径6.应用场景7.实际案例：DeepSeek8.最新研究与技术进展9.未来趋势猫哥说1.多头潜在注意力（MLA）(1)定义“多头潜在注意力（Multi-HeadLatentAttention,MLA）”是一种基于注意力机制的深度学习方法，旨在通过多个注意力头（Multi-HeadAttention）对潜在空间
  • 共享内存的数据结构 ——循环队列+信息量 ——互斥锁、多进程的消费者模型 源码模型 测试代码 C++ sevenysq 数据结构c++centoslinux
    前言：简单来说，共享内存不能自动扩展，申请多少就是多少，而且只能用C++内置的数据类型。也不能用STL容器，例如vector会自动扩展，容易造成内存泄漏，越界等问题。移动语义也不能用。要想实现多进程的生产/消费者模型只能采用循环队列。循环队列类值得一提的是这里面头尾指针的移动算法：（指针+1）取最大长度的余数。其他都很简单。#include#include#include#include#incl
  • Linux 基于共享内存的循环队列实现 打工人你好 Linux网络linux服务器
    Linux基于共享内存的循环队列实现Linux基于共享内存的循环队列实现一、共享内存与循环队列基础1.1共享内存特性1.2循环队列优势二、系统关键技术分析2.1共享内存操作APIshmget()创建共享内存shmat()映射共享内存2.2模板类设计要点三、循环队列核心方法实现3.1初始化方法3.2入队操作3.3出队操作四、共享内存实践要点4.1使用流程4.2关键注意事项五、进程同步问题解决方案5.
  • 企业使用统一终端管理(UEM)工具提高端点安全性 ManageEngine卓豪 统一终端管理终端管理端点安全统一终端管理UEM
    什么是统一终端管理(UEM)统一终端管理(UEM)是一种从单个控制台管理和保护企业中所有端点的方法，包括智能手机、平板电脑、笔记本电脑、台式机和IoT设备。UEM解决方案为IT管理员提供了一个集中式平台，用于跨所有作系统和设备类型部署、配置、管理和保护端点。统一终端管理(UEM)对企业有哪些好处使用UEM的企业可以简化跨各种作系统和设备类型的端点管理，而无需依赖多种工具，从而提高效率。随着整个IT
  • DeepSeek大模型本地化部署与实践指南 星辰@Sea 人工智能人工智能DeepSeekAInlp
    前言在数据隐私要求严苛或网络环境受限的场景中，本地化部署大模型成为企业AI落地的关键需求。本文将手把手教你如何实现DeepSeek大模型的本地化部署，并提供完整的实践案例代码。部署准备硬件要求配置项推荐规格最低要求GPUNVIDIAA10080Gx4RTX309024GCPUIntelXeonSilver4314i7-12700K内存512GBDDR464GBDDR4存储2TBNVMeSSD512
  • RocketMQ 消息堆积了怎么解决 星辰@Sea 消息队列Javarocketmq
    目录引言消息堆积的原因RocketMQ的基本架构解决消息堆积的方法4.1扩大消费者规模4.2调整消息优先级4.3优化消费逻辑4.4消息重试与死信队列4.5监控与报警机制实现解决堆积的步骤5.1扩大消费者规模的配置5.2调整消息优先级的配置5.3优化消费逻辑的示例5.4消息重试与死信队列的配置5.5监控与报警机制的实现应用场景性能与扩展性考虑常见问题与解决方案总结参考资料1.引言在分布式系统中，消息
  • Netty如何优雅地解决TCP粘包、拆包问题 星辰@Sea 系统架构Javatcp/ip网络网络协议Netty
    引言在TCP/IP协议族中，TCP（传输控制协议）是一个面向连接的、可靠的、基于字节流的传输层协议。TCP协议确保了数据能够可靠地从一个端点传输到另一个端点，但它并没有提供消息边界的概念。这意味着，当数据被发送时，可能会出现“粘包”（数据包被合并）或“拆包”（数据包被分割）的问题。这对开发人员来说是一个挑战，因为如果不正确处理这些问题，可能导致应用程序的逻辑错误或性能问题。在本文中，我们将深入探讨
  • 必看！同步磁阻电机控制下，转子零位异常破局之法 物联高科 单片机嵌入式硬件生活创业创新物联网
    在现代自动化与电力电子的迅猛发展下，同步磁阻电机（SRM）因其结构简单、成本低廉及高效能等优点而受到了广泛应用。然而，传统的同步磁阻电机控制技术，特别是在转子零位检测与控制领域，依然面临诸多挑战。转子零位的准确定位直接影响电机性能、控制精度以及系统可靠性。一、同步磁阻电机的工作原理同步磁阻电机通过利用转子不同磁极之间的磁阻差来实现转动。其转子的结构设计通常是由磁性材料和非磁性材料交替组成，借此增加
  • 电机难题：同步磁阻电机转子零位调节异常咋解决？ 物联高科 人工智能单片机stm32嵌入式硬件前端
    随着现代工业和科技的不断进步，电机作为核心驱动装置，其性能的优劣直接影响到设备的整体效率和可靠性。特别是在高精度、高性能应用场景中，同步磁阻电机因其优越的调速特性和控制精度，逐渐受到广泛关注。一、同步磁阻电机的基本原理同步磁阻电机（SRM）是一种无需励磁且具有自励能力的电机，其工作原理基于电机转子与定子之间的磁场相互作用。与传统永磁电机不同，SRM的转子没有励磁绕组，而是通过转子结构的设计，使得其
  • 如何通过文件协作共享提升团队效率？ 项目管理
    文件协作共享已成为现代企业提升团队效率的关键工具。随着数字化转型的深入，越来越多的团队意识到高效的文件协作对于项目成功的重要性。本文将深入探讨如何充分利用文件协作共享技术，以实现团队效率的显著提升。选择合适的文件协作平台选择适合团队需求的文件协作平台是提升效率的第一步。市场上有众多选择，其中ONES研发管理平台以其强大的功能和用户友好的界面脱颖而出。在选择平台时，需考虑以下几个关键因素：安全性：确
  • 销售易NeoCRM与Salesforce：优势特色大比拼 saas
    在当今竞争激烈的CRM市场中，销售易NeoCRM作为国产CRM的代表，与全球领先的Salesforce展开了激烈的竞争。本文将从功能、用户体验、价格、市场评价以及适用场景等方面对这两款CRM系统进行对比总结和盘点。一、功能对比销售易NeoCRM：销售管理：提供从线索获取、商机管理到订单成交的完整销售漏斗管理，实现销售过程的标准化管理。客户管理：提供全方位的客户画像功能，记录和追踪客户的所有互动历
  • 2025年智算中心的建设成本及优化策略，以DeepSeek为鉴 数据中心运维高级工程师 运维大数据ai大数据
    引言近期DeepSeek的爆火引发了行业对智算中心建设的重新思考。据行业数据显示，目前国内智算中心的机房出租率普遍较低，算力资源过剩现象严重。在这种背景下，如何在控制成本的同时，实现智算中心的高效建设和可持续运营，成为行业亟待解决的问题。本文将详细探讨智算中心的建设成本及优化策略，涵盖适用范围、遵循标准、智算中心定义、成本关键组成部分、影响成本的因素、2025年建设A智算中心的成本估算及优化策略，
  • SaaS+AI工具推荐：最适合智能化转型的解决方案 saas
    不论是传统软件还是SaaS，其核心目标始终如一——帮助企业解决问题、提升效率。然而，随着技术的飞速发展，SaaS正在超越传统模式，尤其是在与AI（人工智能）的深度融合中展现出了强大的潜力。这种“智能化”的转型不仅让企业获得了更具针对性和效率的服务，还让解决问题的方式更加灵活和高效。下面我们将从“更好的解决方案”和“智能化技术应用”两个层面，探讨SaaS在企业问题解决中的新路径。SaaS+AI：智能
  • 乐企数字开放平台几个概念及操作手册 戊寅戊子 乐企其他
    一、能力改造和订阅、沙箱测试能力是指乐企平台提供的处理涉税业务的开放规则集合。乐企自用通过在其自有信息系统中嵌入相关规则，将对应涉税业务与自有业务进行系统联动集成，实现涉税业务的多场景、规模化、合规化、自动化处理。其中，公用基础能力无需提交开通请求，具有特殊行业或领域经营资格的直连单位可提交非公用基础能力开通请求。开票能力主要有：基础版，光伏收购、农产品收购、铁路客票电子发票等特定要素开票能力；用
  • vertx 三笠爷 vert.x
    vert.x是reactive(响应式编程),是一种思想,特点:事件驱动(发挥单台机器的性能):单台机器上,用少量线程处理大量并发异步处理请求(多个服务间通信阻塞较少,响应时间降低):https://vertx.io/官网基于netty的、运行在jvm之上的、支持多种编程语言的高性能异步、非阻塞、响应式全栈javaweb框架eclipse软件基金会顶级java开源项目之一在techempower.
  • 【Elasticsearch】`nested`字段和`join`字段的区别 risc123456 Elasticsearchelasticsearch
    `nested`字段和`join`字段都是Elasticsearch中用于处理复杂数据结构的高级数据类型，但它们在设计目标、使用场景和实现方式上存在显著差异。以下是它们的主要区别：---1.设计目标•`nested`字段：•目标：用于处理单个文档中的嵌套数组，将数组中的每个对象独立索引，使其可以独立于其他对象进行查询。•场景：适用于需要在数组中独立查询每个对象的场景，例如博客文章中的评论、订单中的
  • 如何构建高效的 Vue 3 前端项目结构 东锋1.3 vue.jsvue.js前端javascript
    假如你正在深入开发一个Vue项目，起初一切感觉顺畅简单。但随着应用的增长，你的文件夹开始泛滥，组件变得混乱，寻找文件就像大海捞针。听起来熟悉吗？其实你并不孤单。一个有组织的文件结构是可扩展、可维护和高效前端开发的支柱。但关键问题是：没有一种放之四海而皆准的结构。完美的设置取决于你的项目规模、复杂性和团队动态。那么，如何开始呢？如何平衡简单性和可扩展性？在这篇文章中，我将分解Vue3项目的最优文件结
  • 销售易NeoCRM与Salesforce：优势特色大比拼 saas
    在当今竞争激烈的CRM市场中，销售易NeoCRM作为国产CRM的代表，与全球领先的Salesforce展开了激烈的竞争。本文将从功能、用户体验、价格、市场评价以及适用场景等方面对这两款CRM系统进行对比总结和盘点。一、功能对比销售易NeoCRM：销售管理：提供从线索获取、商机管理到订单成交的完整销售漏斗管理，实现销售过程的标准化管理。客户管理：提供全方位的客户画像功能，记录和追踪客户的所有互动历
  • 仓库可视化管理有哪几个点： wms系统
    在现代仓库管理的广阔议题中，仓库可视化无疑是一个无法绕过的关键话题。无论是对现场管理进行深度优化，还是在数字化系统的选择上，企业都致力于实现仓库整体运营数据的直观展现与高效管理，以推动仓库管理水平的全面提升。仓库可视化的内涵丰富，主要包括以下几个方面：仓库运营可视化：通过智慧大屏的融入，仓库的动态数据得以生动呈现。这包括但不限于已处理订单数量、待处理订单数量、实时库存等核心运营指标。库存可视化：这
  • w214多媒体素材库的设计与实现 栗豆包 javaspringboot后端javaspringmaven
    作者简介：多年一线开发工作经验，原创团队，分享技术代码帮助学生学习，独立完成自己的网站项目。代码可以查看文章末尾⬇️联系方式获取，记得注明来意哦~赠送计算机毕业设计600个选题excel文件，帮助大学选题。赠送开题报告模板，帮助书写开题报告。作者完整代码目录供你选择：《Springboot网站项目》400套《ssm网站项目》800套《小程序项目》300套《App项目》500套《Python网站项目
  • 在Spring Boot中使用Flyway迁移数据库 梦想画家 工具软件flyway数据库版本控制脚本迁移数据库迁移
    在SpringBoot中使用Flyway迁移数据库第一次总不会是完美的。新系统的数据库结构满足应用，但随着应用深入，需要满足新的需求并增加新的特性。Flyway是实现对数据库结构改变实现版本控制的工具，让你很容易、可靠地迁移至新的版本。本文我们学习在SpringBoot中如何管理数据库的变化。我们新建示例应用进行说明，SpringBoot应用使用MySQLDatabase&SpringDataJP
  • 掌握好这几个模块，进大厂就稳了！！多个大厂SSP选手超详细分享 后端
    作者介绍浙江大学软件工程硕士生淘天后端研发工程师秋招斩获阿里、字节、快手、京东、美团等多个大厂研发ssp/sp持续分享秋招经验分享、高频八股问题、最新大厂面经、硬核技术干货……全网同号，欢迎关注本文罗列了后端研发进入大厂或者拿大厂SSP的几个重要模块‼️，供大家自检～关注【码间烟火录】，可以获取最新的技术干货！1、学历与奖项重要程度：学历与奖项是进入大厂的敲门砖，面试过程中依然看的是展现出来的技术
  • (pandas)常用版本和重要更新 Marst·Zhang 第三方库pandas
    前言记录每次pandas库的重要更新，记录每次版本的变化内容.尽可能的记录函数的删改。每次从别人的项目中汲取经验时,难免会遇到不顺利的地方。为方便自己查阅，记录遇到的问题.目录Pandas库历史版本的主要更新和函数变化的示例Pandas库历史版本的主要更新和函数变化的示例Pandas0.23.0（2018年5月发布）：引入了Nullable整数数据类型（pd.NA）。引入了新的字符串方法，如str
  • Spring的注解积累 yijiesuifeng spring注解
    用注解来向Spring容器注册Bean。   需要在applicationContext.xml中注册： <context:component-scan base-package=”pagkage1[,pagkage2,…,pagkageN]”/>。 如：在base-package指明一个包    <context:component-sc
  • 传感器 百合不是茶 android传感器
    android传感器的作用主要就是来获取数据,根据得到的数据来触发某种事件   下面就以重力传感器为例;   1,在onCreate中获得传感器服务   private SensorManager sm;// 获得系统的服务 private Sensor sensor;// 创建传感器实例 @Override protected void
  • [光磁与探测]金吕玉衣的意义 comsci
          这是一个古代人的秘密:现在告诉大家       信不信由你们:       穿上金律玉衣的人,如果处于灵魂出窍的状态,可以飞到宇宙中去看星星       这就是为什么古代
  • 精简的反序打印某个数 沐刃青蛟 打印
    以前看到一些让求反序打印某个数的程序。 比如：输入123，输出321。   记得以前是告诉你是几位数的，当时就抓耳挠腮，完全没有思路。   似乎最后是用到%和/方法解决的。   而今突然想到一个简短的方法，就可以实现任意位数的反序打印（但是如果是首位数或者尾位数为0时就没有打印出来了）   代码如下： long num, num1=0;
  • PHP：6种方法获取文件的扩展名 IT独行者 PHP扩展名
      PHP：6种方法获取文件的扩展名   1、字符串查找和截取的方法   1 $extension = substr ( strrchr ( $file ,  '.' ), 1); 2、字符串查找和截取的方法二   1 $extension = substr
  • 面试111 文强chu 面试
    1事务隔离级别有那些 ，事务特性是什么（问到一次） 2 spring aop 如何管理事务的，如何实现的。动态代理如何实现，jdk怎么实现动态代理的，ioc是怎么实现的，spring是单例还是多例，有那些初始化bean的方式，各有什么区别（经常问） 3 struts默认提供了那些拦截器 （一次） 4 过滤器和拦截器的区别 （频率也挺高） 5 final，finally final
  • XML的四种解析方式 小桔子 domjdomdom4jsax
    在平时工作中，难免会遇到把 XML 作为数据存储格式。面对目前种类繁多的解决方案，哪个最适合我们呢？在这篇文章中，我对这四种主流方案做一个不完全评测，仅仅针对遍历 XML 这块来测试，因为遍历 XML 是工作中使用最多的（至少我认为）。 　　预 备 　　测试环境： 　　AMD 毒龙1.4G OC 1.5G、256M DDR333、Windows2000 Server
  • wordpress中常见的操作 aichenglong 中文注册wordpress移除菜单
    1 wordpress中使用中文名注册解决办法   1)使用插件   2)修改wp源代码      进入到wp-include/formatting.php文件中找到       function sanitize_user( $username, $strict = false
  • 小飞飞学管理-1 alafqq 管理
    项目管理的下午题，其实就在提出问题（挑刺），分析问题，解决问题。 今天我随意看下10年上半年的第一题。主要就是项目经理的提拨和培养。 结合我自己经历写下心得 对于公司选拔和培养项目经理的制度有什么毛病呢？ 1，公司考察，选拔项目经理，只关注技术能力，而很少或没有关注管理方面的经验，能力。 2，公司对项目经理缺乏必要的项目管理知识和技能方面的培训。 3，公司对项目经理的工作缺乏进行指
  • IO输入输出部分探讨 百合不是茶 IO
     //文件处理  在处理文件输入输出时要引入java.IO这个包； /* 1，运用File类对文件目录和属性进行操作 2，理解流，理解输入输出流的概念 3，使用字节/符流对文件进行读/写操作 4，了解标准的I/O 5，了解对象序列化 */   //1，运用File类对文件目录和属性进行操作   //在工程中线创建一个text.txt
  • getElementById的用法 bijian1013 element
            getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。        返回具有指定ID属性值的第一个对象的一个引用。        语法： &n
  • 励志经典语录 bijian1013 励志人生
    经典语录1:   哈佛有一个著名的理论：人的差别在于业余时间，而一个人的命运决定于晚上8点到10点之间。每晚抽出2个小时的时间用来阅读、进修、思考或参加有意的演讲、讨论，你会发现，你的人生正在发生改变，坚持数年之后，成功会向你招手。不要每天抱着QQ/MSN/游戏/电影/肥皂剧……奋斗到12点都舍不得休息，看就看一些励志的影视或者文章，不要当作消遣；学会思考人生，学会感悟人生
  • [MongoDB学习笔记三]MongoDB分片 bit1129 mongodb
    MongoDB的副本集(Replica Set)一方面解决了数据的备份和数据的可靠性问题，另一方面也提升了数据的读写性能。MongoDB分片(Sharding)则解决了数据的扩容问题，MongoDB作为云计算时代的分布式数据库，大容量数据存储，高效并发的数据存取，自动容错等是MongoDB的关键指标。 本篇介绍MongoDB的切片(Sharding)   1.何时需要分片 &nbs
  • 【Spark八十三】BlockManager在Spark中的使用场景 bit1129 manager
    1. Broadcast变量的存储，在HttpBroadcast类中可以知道 2. RDD通过CacheManager存储RDD中的数据，CacheManager也是通过BlockManager进行存储的 3. ShuffleMapTask得到的结果数据，是通过FileShuffleBlockManager进行管理的，而FileShuffleBlockManager最终也是使用BlockMan
  • yum方式部署zabbix ronin47 yum方式部署zabbix
    安装网络yum库#rpm -ivh http://repo.zabbix.com/zabbix/2.4/rhel/6/x86_64/zabbix-release-2.4-1.el6.noarch.rpm 通过yum装mysql和zabbix调用的插件还有agent代理#yum install zabbix-server-mysql zabbix-web-mysql mysql-
  • Hibernate4和MySQL5.5自动创建表失败问题解决方法 byalias J2EEHibernate4
    今天初学Hibernate4，了解了使用Hibernate的过程。大体分为4个步骤： ①创建hibernate.cfg.xml文件 ②创建持久化对象 ③创建*.hbm.xml映射文件 ④编写hibernate相应代码 在第四步中，进行了单元测试，测试预期结果是hibernate自动帮助在数据库中创建数据表，结果JUnit单元测试没有问题，在控制台打印了创建数据表的SQL语句，但在数据库中
  • Netty源码学习-FrameDecoder bylijinnan javanetty
    Netty 3.x的user guide里FrameDecoder的例子，有几个疑问： 1.文档说：FrameDecoder calls decode method with an internally maintained cumulative buffer whenever new data is received. 为什么每次有新数据到达时，都会调用decode方法？ 2.Dec
  • SQL行列转换方法 chicony 行列转换
    create table tb(终端名称 varchar(10) , CEI分值 varchar(10) , 终端数量 int) insert into tb values('三星' , '0-5' , 74) insert into tb values('三星' , '10-15' , 83) insert into tb values('苹果' , '0-5' , 93)
  • 中文编码测试 ctrain 编码
    循环打印转换编码 String[] codes = { "iso-8859-1", "utf-8", "gbk", "unicode" }; for (int i = 0; i < codes.length; i++) { for (int j
  • hive 客户端查询报堆内存溢出解决方法 daizj hive堆内存溢出
    hive> select * from t_test where ds=20150323 limit 2; OK Exception in thread "main" java.lang.OutOfMemoryError: Java heap space   问题原因： hive堆内存默认为256M   这个问题的解决方法为： 修改/us
  • 人有多大懒，才有多大闲 (评论『卓有成效的程序员』) dcj3sjt126com 程序员
      卓有成效的程序员给我的震撼很大，程序员作为特殊的群体，有的人可以这么懒，  懒到事情都交给机器去做 ，而有的人又可以那么勤奋，每天都孜孜不倦得做着重复单调的工作。   在看这本书之前，我属于勤奋的人，而看完这本书以后，我要努力变成懒惰的人。 不要在去庞大的开始菜单里面一项一项搜索自己的应用程序，也不要在自己的桌面上放置眼花缭乱的快捷图标
  • Eclipse简单有用的配置 dcj3sjt126com eclipse
    1、显示行号  Window -- Prefences -- General -- Editors -- Text Editors -- show line numbers   2、代码提示字符 Window ->Perferences，并依次展开 Java -> Editor -> Content Assist，最下面一栏 auto-Activation
  • 在tomcat上面安装solr4.8.0全过程 eksliang Solrsolr4.0后的版本安装solr4.8.0安装
    转载请出自出处： http://eksliang.iteye.com/blog/2096478       首先solr是一个基于java的web的应用，所以安装solr之前必须先安装JDK和tomcat，我这里就先省略安装tomcat和jdk了         第一步：当然是下载去官网上下载最新的solr版本，下载地址
  • Android APP通用型拒绝服务、漏洞分析报告 gg163 漏洞androidAPP分析
    点评：记得曾经有段时间很多SRC平台被刷了大量APP本地拒绝服务漏洞，移动安全团队爱内测（ineice.com）发现了一个安卓客户端的通用型拒绝服务漏洞，来看看他们的详细分析吧。  0xr0ot和Xbalien交流所有可能导致应用拒绝服务的异常类型时，发现了一处通用的本地拒绝服务漏洞。该通用型本地拒绝服务可以造成大面积的app拒绝服务。  针对序列化对象而出现的拒绝服务主要
  • HoverTree项目已经实现分层 hvt 编程.netWebC#ASP.ENT
    HoverTree项目已经初步实现分层，源代码已经上传到 http://hovertree.codeplex.com请到SOURCE CODE查看。在本地用SQL Server 2008 数据库测试成功。数据库和表请参考：http://keleyi.com/a/bjae/ue6stb42.htmHoverTree是一个ASP.NET 开源项目，希望对你学习ASP.NET或者C#语言有帮助，如果你对
  • Google Maps API v3: Remove Markers 移除标记 天梯梦 google maps api
    Simply do the following:   I. Declare a global variable: var markersArray = [];   II. Define a function: function clearOverlays() { for (var i = 0; i < markersArray.length; i++ )
  • jQuery选择器总结 lq38366 jquery选择器
      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
  • 基础数据结构和算法六：Quick sort sunwinner AlgorithmQuicksort
    Quick sort is probably used more widely than any other. It is popular because it is not difficult to implement, works well for a variety of different kinds of input data, and is substantially faster t
  • 如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作 刘星宇 htmlWeb
    今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。 让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。 方法如下：
  • Mybatis实用Mapper SQL汇总示例 wdmcygah sqlmysqlmybatis实用
    Mybatis作为一个非常好用的持久层框架，相关资料真的是少得可怜，所幸的是官方文档还算详细。本博文主要列举一些个人感觉比较常用的场景及相应的Mapper SQL写法，希望能够对大家有所帮助。 不少持久层框架对动态SQL的支持不足，在SQL需要动态拼接时非常苦恼，而Mybatis很好地解决了这个问题，算是框架的一大亮点。对于常见的场景，例如：批量插入/更新/删除，模糊查询，多条件查询，联表查询，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他