沐浴 清风
沐浴 清风

js---移动端触摸事件

触摸事件

1.触屏touch事件

touch对象代表一个触摸点,触摸点可能是一根手指,或者一根触摸笔,触屏事件可响应用户手指或者触屏笔对屏幕或者触控板操作;

//触屏touch事件
//手指触摸到一个DOM元素时触发
touchstart;
//手指在一个DOM元素上滑动时触发
touchmove;
//手指从一个DOM元素上移开时触发
touchend;

2.触摸事件对象(touchEvent)

//触摸列表
//1.正在触摸屏幕所有手指的一个列表
touchs;
//2.正在触摸当前DOM元素上的手指的一个列表
targetTouchs;
//3.手指状态发生改变的列表,从无到有,从有到无变化
changedTouchs;

3.移动端拖动元素

1.touchstart, touchmove, touchend可以实现拖动元素;

2.但是拖动元素需要当前手指的坐标值,可以使用targetTouchs[0]里面的pageX和pageY;

3.移动端拖动的原理:手指移动中,计算出手指移动的距离,然后用盒子原来的位置+手指移动的距离;

4.手指移动的距离:手指滑动中的位置 - 手指刚开始的位置;

拖动元素三步:

1.触摸元素touchstart : 获取手指初始坐标,同时获得盒子原来的位置;

2.移动手指touchmove: 计算手指的移动距离,并且移动盒子;

3.离开手指touchend

拖动元素案例 :必须在移动端,必须在移动端,必须在移动端

   //必须在移动端,拖动元素案例 
	div {
     
            position: absolute;
            left: 0;
            top: 0;
            width: 50px;
            height: 50px;
            background-color: green;
            border-radius: 50%;
        } 	 
<body>
    <div></div>
	<script>
    // 1.触摸元素  touchstart:  获取元素手指初始坐标,同时获得和儿子原来位置
    // 2.移动手指 touchmove 计算手指的滑动距离
    // 3.离开手指  touchend
    var div = document.querySelector('div');
    var startX = 0;  //获取手指初始坐标
    var startY = 0;  
    //盒子原来的位置
    var x = 0;
    var y = 0;
    div.addEventListener('touchstart',function(e){
     
        //获取手指的位置
        startX = e.targetTouches[0].pageX;
        startY = e.targetTouches[0].pageY;
        x = this.offsetLeft;
        y = this.offsetTop;
    })
    div.addEventListener('touchmove',function(e){
     
        //计算手指移动的距离 : 手指移动之后的坐标减去手指初始的坐标
        var moveX = e.targetTouches[0].pageX - startX;
        var moveY = e.targetTouches[0].pageY - startY;
        // 移动我们的盒子  盒子原来的位置 + 手指移动的距离
        this.style.left = x + moveX + 'px';
        this.style.top = y + moveY + 'px';
        e.preventDefault(); //阻止屏幕滚动的默认行为
    })
</script>
</body>

4.classList属性

classList属性是H5新增的一个属性,返回元素的类名,ie10以上支持;

//1.添加类
element.classList.add('类名');
//2.移除类
element.classList.remove('类名');
//3.切换类
element.classList.toggle('类名');

你可能感兴趣的:(JavaScript,触屏touch事件,移动拖拽元素,classList属性)

  • JavaScript设计模式 -- 状态模式 鎈卟誃筅甡 javascript设计模式状态模式
    在软件开发中，很多对象的行为会随着其内部状态的变化而改变。如果将所有状态逻辑写在一个类中，代码不仅臃肿而且难以维护。**状态模式（StatePattern）**正是为了解决这个问题而设计的。通过将对象的状态封装成独立的状态类，并将状态相关的行为转移到这些状态类中，状态模式让对象在内部状态发生变化时自动切换行为，达到了将状态转换与行为实现分离的目的。本文将详细介绍状态模式的核心思想、基本结构与优缺点
  • 红队视角出发的k8s敏感信息收集——Kubernetes API 扩展与未授权访问 周周的奇妙编程 kubernetes容器云原生
    针对Kubernetes第三方组件与Operator的详细攻击视角分析，涵盖ServiceMesh、HelmReleases和DatabaseOperators的潜在风险及利用方法。攻击链示例1.攻击者通过未授权的Tiller服务部署恶意HelmChart→2.创建后门Pod并横向移动至Istio控制平面→3.提取Envoy配置发现未加密的数据库服务→4.通过MySQLOperator创建管理员账
  • ORACLE错误编码大全 妙趣生花 BUG数据库oracle
    ORA-00001:违反唯一约束条件(.)ORA-00017:请求会话以设置跟踪事件ORA-00018:超出最大会话数ORA-00019:超出最大会话许可数ORA-00020:超出最大进程数()ORA-00021:会话附属于其它某些进程；无法转换会话ORA-00022:无效的会话ID；访问被拒绝ORA-00023:会话引用进程私用内存；无法分离会话ORA-00024:单一进程模式下不允许从多个进程
  • Vue2 与 Vue3 中 Computed 计算属性详解 阿贾克斯的黎明 前端vue.js前端javascript
    目录Vue2与Vue3中Computed计算属性详解一、Vue2中的Computed计算属性1.简单写法2.get和set写法二、Vue3中的Computed计算属性1.简单写法2.get和set写法三、总结在Vue开发中，计算属性（computed）是一个非常重要的特性，它可以对数据进行二次计算，为我们的开发带来了很大的便利。本文将结合Vue2和Vue3的特点，深入探讨computed计算属性，
  • 数据结构：图；邻接矩阵和邻接表 muxue178 数据结构算法
    邻接矩阵：1.概念：邻接矩阵是图的存储结构之一，通过二维数组表示顶点间的连接关系。2.具体例子：一.无向图邻接矩阵示例：示例图（顶点：A、B、C，边：A-B、B-C）：邻接矩阵：ABCA010B101C010特点：矩阵对称，主对角线为0（无自环边）。顶点B的度为2，对应第2行/列非零元素数量。非零元素总数=边数×2（无向图双向性）。二、有向图邻接矩阵示例示例图（顶点：V1→V2、V2→V3、V3→
  • vue h函数 月下第一风流 vue.jsjavascript前端
    在Vue.js中，h函数是用于在渲染函数中创建虚拟DOM元素的主要工具。但是，除了h函数之外，还有其他一些辅助函数和工具可以用于渲染函数和组件开发。以下是一些常见的工具和函数：createApp:用于创建Vue应用程序的实例。在Vue3中，这是启动应用的主要方法。defineComponent:用于定义一个组件。在Vue3中，这是一种定义组件的选项式API的替代方法。resolveComponen
  • Shiro 框架详解 大家都说我身材好 Java高级springjavashiro
    Shiro是一款轻量级的Java安全框架，提供了身份认证、授权、加密和会话管理等功能。它可以集成到任何JavaWeb应用程序中，并且易于使用和扩展。Shiro的设计理念是简洁而灵活，不仅可以应用于Web应用程序，还可以应用于命令行、移动设备和分布式系统等各种应用场景。1.Shiro的概述Shiro是一个开源的Java安全框架，由Apache开发和维护。Shiro可以帮助开发人员快速实现安全特性，包
  • Spring依赖注入 优人ovo springjavajunit
    引言Spring最核心的可以说是依赖注入，本文将详细阐述bean注入的两大方法基于XML配置1.检查Bean定义在applicationContext.xml文件中，设置我们想要注入的Bean定义。通常，一个Bean定义的格式如下：在上述示例中，id属性指定了Bean的名称为student，class属性指定了该Bean对应的Java类的全限定名。2.确保配置文件被加载要保证application
  • python-web session LennyZzz
    #session-为了应对HTTP协议的无状态性-用来保存用户比较敏感的信息-属于request的一个属性,其实在数据库中常用操作：-request.session.get(key,value)-request.session.clear()-request.session[key]=value-request.session.flush()删除当前会话，清楚会话的cookie-delreques
  • 【蓝桥杯C/C++】彻底理解双指针算法 不会喷火的小火龙 #蓝桥杯算法与数据结构算法数据结构c++
    目录学习目标什么是双指针？双指针的分类核心思想模板写法经典例题移除元素双指针法分析题意具体代码最长连续不重复子序列输入格式输出格式数据范围输入样例：输出样例：核心思路数组元素的目标和输入格式输出格式数据范围输入样例：输出样例：核心思路总结一下学习目标了解双指针算法是什么以及分类理解双指针算法的原理会用代码编写双指针算法在实际题目中灵活运用双指针在数组的开章中我们提到了这个算法，如果没有看的话可以学
  • 电脑录屏软件 班迪录屏 Bandicam v8.0 注册版 下载与使用说明 2401_89543598 电脑windows
    Bandicam是一款电脑录屏软件。主要功能：多模式录制：支持录制屏幕、游戏画面以及设备内容（如HDMI输入和摄像头）。自由调整录制区域：你可以选择全屏录制，也可以自定义录屏分辨率，满足多种需求。鼠标追随功能：录制时可追随鼠标移动，聚焦特定操作区域。重复捕捉功能：支持反复录制屏幕内容，方便制作教程或解说视频。快捷键设置：自定义快捷键，录制操作更加便捷高效。双音频混合录制：提供同时录制系统音效和麦克
  • 输出所有可能的出栈顺序 魔法少女小严 java开发语言
    abc的所有可能的出栈顺序递归三部曲:1.确定返回值和参数的类型:无返回值要入栈元素的下标n栈Stack字符串out记录出栈路径要入栈的字符串Stringtemp2.确定递归结束条件当n==temp.length时表示字符串都入栈了当栈为空时表示之前入栈的字符都出栈了递归结束条件:n==temp.length()&&stk.isEmpty()3.确定单层逻辑入栈,将下标为n的元素入栈,入栈元素下标
  • Python中的Session和Cookie详解 闲人编程 进阶算法案例python开发语言cookiesession网络爬虫
    目录Python中的Session和Cookie详解引言一、Cookie1.1Cookie的基本概念1.2Cookie的工作原理1.3Cookie的基本属性1.4Python中Cookie的实现1.4.1Cookie实现代码1.5使用案例二、Session2.1Session的基本概念2.2Session的工作原理2.3Session的优点2.4Python中Session的实现2.4.1Sess
  • elementuiPlus日期范围选择el-date-picker动态禁用时间选择 瑶琴AI前端 vue.jsjavascript前端elementui
    记录项目中的一个小需求：使用elementuiPlus日期选择组件时，需要动态禁用可选择的日期，禁止选中今天之后的日期，且选中的日期范围不饿能超过30天。饿了么组件的plus版本去掉了v2版本的配置项picker，改用@calendar-change事件来代替，使用disabled-date属性和@calendar-change事件就可以完成动态禁用日期的行为。代码如下：constcurDay=r
  • springboot之https服务器(生成keystore证书库及转cer证书) Biu→Biu丶 springboothttpsjavahttps
    一.生成自签名证书打开cmd输入命令生成证书：keytool-genkeypair-aliastomcat_https-keypass123456-keyalgRSA-keysize1024-validity365-keystore./https-java.keystore-storepass123456属性说明：-alias别名-keypass指定生成密钥的密码-keyalg指定密钥使用的加密算
  • dialog element 删掉标题_ElementUI 销毁Dialog数据(简单粗暴) 鸿宇太子哥 dialogelement删掉标题
    在使用element开发通过之中使用Dialog弹窗创建数据或者数据回显在经常不过了。而且数据创建和数据编辑正常都是使用同一组件。出现的问题：title="提示弹窗":visible.sync="dialogVisible"width="30%"destroy-on-close>使用dialog提供的属性destroy-on-close也并不能实现实时的dialog销毁，进行创建和编辑数据正常的切
  • ARIMA差分自回归移动平均模型--时间序列预测 别团等shy哥发育 数据挖掘与机器学习回归python数据挖掘时间序列分析机器学习
    ARIMA差分自回归移动平均模型1、ARIMA模型理论基础2、ARIMA建模步骤3、ARIMA建模实战3.1导入模块3.2加载数据3.3平稳性检验3.4单位根检验3.4白噪声检验3.5模型定阶3.6参数估计3.7模型的显著性检验3.8模型预测3.8模型拟合效果展示参考文献论文：文章：1、ARIMA模型理论基础  ARIMA是差分自回归移动平均模型的引文缩写，其中AR表示的是自回归模型，MA表示的是
  • 在JS中如何转换时间格式 豆豆（前端开发+ui设计） javascript开发语言ecmascript
    在JavaScript中，如果你想要转换时间格式，通常涉及到的是日期对象的操作。JavaScript的Date对象提供了许多方法来处理和格式化日期和时间。以下是一些常用的方法来转换时间格式：1、获取日期和时间组件使用Date对象的方法来获取年、月、日、时、分、秒等组件，然后按照你需要的格式拼接字符串。letdate=newDate();letyear=date.getFullYear();//获取
  • 共享内存的数据结构 ——循环队列+信息量 ——互斥锁、多进程的消费者模型 源码模型 测试代码 C++ sevenysq 数据结构c++centoslinux
    前言：简单来说，共享内存不能自动扩展，申请多少就是多少，而且只能用C++内置的数据类型。也不能用STL容器，例如vector会自动扩展，容易造成内存泄漏，越界等问题。移动语义也不能用。要想实现多进程的生产/消费者模型只能采用循环队列。循环队列类值得一提的是这里面头尾指针的移动算法：（指针+1）取最大长度的余数。其他都很简单。#include#include#include#include#incl
  • 力扣LeetCode: 120 三角形最小路径和 不想编程小谭 LeetCodeleetcode算法c++动态规划
    题目：给定一个三角形triangle，找出自顶向下的最小路径和。每一步只能移动到下一行中相邻的结点上。相邻的结点在这里指的是下标与上一层结点下标相同或者等于上一层结点下标+1的两个结点。也就是说，如果正位于当前行的下标i，那么下一步可以移动到下一行的下标i或i+1。示例1：输入：triangle=[[2],[3,4],[6,5,7],[4,1,8,3]]输出：11解释：如下面简图所示：234657
  • vertx 三笠爷 vert.x
    vert.x是reactive(响应式编程),是一种思想,特点:事件驱动(发挥单台机器的性能):单台机器上,用少量线程处理大量并发异步处理请求(多个服务间通信阻塞较少,响应时间降低):https://vertx.io/官网基于netty的、运行在jvm之上的、支持多种编程语言的高性能异步、非阻塞、响应式全栈javaweb框架eclipse软件基金会顶级java开源项目之一在techempower.
  • 使用 HTML CSS 和 JAVASCRIPT 的黑洞动画 谏君之 javascriptcsshtmljavascript
    使用HTMLCSS和JAVASCRIPT的黑洞动画BlackHoleAnimationbody{margin:0;overflow:hidden;background:radial-gradient(ellipseatcenter,black,#1a1a1a);height:100vh;display:flex;justify-content:center;align-items:center;}
  • (学习总结24)Linux 基本命令2 瞌睡不来 linux学习
    Linux基本命令2操作文件或目录命令更改文件或目录访问权限命令chmod修改文件的所有者和所属组命令chown修改文件或目录的所属组命令chgrp更改文件或目录的属性命令chattr创建文件和目录时的默认权限掩码命令umask判断文件类型命令file显示文件或文件系统状态命令stat树状结构显示目录和文件命令tree文件添加行号命令nl统计文件行数、字数和字节数命令wc文件压缩和解压命令gzip
  • 算法刷题--哈希表--字母异位词和两个数组的交集 Bruce Jue LeetCode刷题算法散列表哈希算法
    哈希表概念哈希表是根据关键码的值而直接进行访问的数据结构。直白来讲数组就是一种哈希表。那么哈希表能解决什么问题呢，一般哈希表都是用来快速判断一个元素是否出现集合里。那么一般都是将一个集合里面的元素映射为哈希表的索引。那么设计哈希表的时候需要考虑以下原则：均匀性，尽可能让不同key均匀分布到哈希表中；高效性；覆盖性，确保所有key都能映射到哈希表范围内。当多个元素映射到同一个索引时，这种现象叫做哈希
  • MTTK Vue Wrap 项目介绍 MTTKbelinda VUEWrapvue.js前端javascript
    关键字:Vue3,配置开发,快速开发,组件封装关于本项目概述MttkVueWrap是一个基于Vue3的组件封装工具，核心目标是通过纯JavaScript/TypeScript替代传统的单文件组件（SFC）开发模式，同时兼容与SFC的混合使用.它允许开发者通过类似JSON的配置对象或动态生成的脚本快速构建Vue组件，涵盖模板、双向绑定（v-model）、属性、事件、插槽等核心功能.项目起源在前端开发
  • 对于简单的HTML、CSS、JavaScript前端，我们可以通过几种方式连接后端 昨今 前端htmlcss
    1.使用FetchAPI发送HTTP请求（最简单的方式）：//home.html//示例：提交表单数据到后端constsubmitForm=async(formData)=>{try{constresponse=awaitfetch('http://your-backend-url/api/submit',{method:'POST',headers:{'Content-Type':'applic
  • 网络安全常识 网络安全-老纪 web安全安全
    随着互联网和移动互联网的持续火热，人们的生活也越来越离不开网络，网络安全，在这个信息化时代显得尤为重要，那么网络攻击和安全，这一攻守之间，主要涵盖哪些要点呢，下面我们就来对此进行抽丝剥茧，逐条解析。XSS（跨站脚本攻击）最常见的是cookie劫持，简单来说就是我们用浏览器登录一个网站，主要是用存在客户端浏览器里的cookie来保存客户唯一标识的令牌，在Java写就的网站里，是一个jsessioni
  • 《vue.js前端框架技术》 韩靓. 前端框架vue.jsflutter
    一、引言在当今快速发展的互联网时代，前端开发技术不断推陈出新，众多框架和工具如雨后春笋般涌现，而Vue.js凭借其独特的优势，在前端开发领域中占据了重要的一席之地。它以简洁的语法、高效的性能和灵活的扩展性，为开发者提供了一种便捷且强大的方式来构建各类交互式的用户界面。无论是简单的企业展示网站、小型的移动应用，还是复杂的大型单页面应用（SPA），Vue.js都展现出了卓越的适应性和实用性，能够满足不
  • 进程令牌：Windows 安全架构中的关键元素 vortex5 安全架构安全
    一、进程令牌概述进程令牌（ProcessToken）是Windows操作系统中一个重要的安全机制，它包含了与进程安全上下文相关的详细信息。每个进程在执行时都会关联一个进程令牌，令牌用于确定该进程可以访问哪些资源以及能执行哪些操作。通过对进程令牌的管理，操作系统确保了对系统资源的访问控制，并且可以精确地指定哪些用户或进程可以进行哪些操作。进程令牌不仅仅是标识用户身份的工具，它还直接影响着进程权限、访
  • 深入解析 Vert.x 的关键特性、架构及其在异步编程中的应用 不是二师兄的八戒 架构Vert.x
    下面将对Vert.x进行更深入的解读，从其底层架构、事件驱动模型、线程模型、集群模式、以及与现代微服务体系的深度集成等方面来进行拓展，以便全面理解Vert.x作为一个异步非阻塞框架的优势和复杂性。1.Vert.x底层架构详解1.1多反应器架构(Multi-ReactorPattern)Vert.x的核心是基于多反应器模式（Multi-ReactorPattern），这使得它可以有效地处理大量的并发
  • Java序列化进阶篇 g21121 java序列化
            1.transient         类一旦实现了Serializable 接口即被声明为可序列化，然而某些情况下并不是所有的属性都需要序列化，想要人为的去阻止这些属性被序列化，就需要用到transient 关键字。
  • escape()、encodeURI()、encodeURIComponent()区别详解 aigo JavaScriptWeb
    原文：http://blog.sina.com.cn/s/blog_4586764e0101khi0.html   JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：,decodeURI,decodeURIComponent 。 下面简单介绍一下它们的区别 1 escape()函
  • ArcgisEngine实现对地图的放大、缩小和平移 Cb123456 添加矢量数据对地图的放大、缩小和平移Engine
    ArcgisEngine实现对地图的放大、缩小和平移:  个人觉得是平移，不过网上的都是漫游，通俗的说就是把一个地图对象从一边拉到另一边而已。就看人说话吧.  具体实现: 一、引入命名空间    using ESRI.ArcGIS.Geometry;    using ESRI.ArcGIS.Controls; 二、代码实现.
  • Java集合框架概述 天子之骄 Java集合框架概述
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • 旗正4.0页面跳转传值问题 何必如此 javajsp
    跳转和成功提示 a)        成功字段非空forward 成功字段非空forward，不会弹出成功字段，为jsp转发，页面能超链接传值,传输变量时需要拼接。接拼接方式list.jsp?test="+strweightUnit+"或list.jsp?test="+weightUnit+&qu
  • 全网唯一:移动互联网服务器端开发课程 cocos2d-x小菜 web开发移动开发移动端开发移动互联程序员
        移动互联网时代来了！     App市场爆发式增长为Web开发程序员带来新一轮机遇，近两年新增创业者，几乎全部选择了移动互联网项目！传统互联网企业中超过98%的门户网站已经或者正在从单一的网站入口转向PC、手机、Pad、智能电视等多端全平台兼容体系。据统计，AppStore中超过85%的App项目都选择了PHP作为后端程
  • Log4J通用配置|注意问题 笔记 7454103 DAOapachetomcatlog4jWeb
    关于日志的等级 那些去 百度就知道了！ 这几天 要搭个新框架  配置了 日志 记下来 ！做个备忘！ #这里定义能显示到的最低级别,若定义到INFO级别,则看不到DEBUG级别的信息了~! log4j.rootLogger=INFO,allLog # DAO层 log记录到dao.log 控制台 和 总日志文件 log4j.logger.DAO=INFO,dao,C
  • SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager darkranger sqlcwindowsSQL ServerXP
    当你安装完之后,连接数据库的时候可能会发现你的TCP/IP 没有启动.. 发现需要启动客户端协议 : TCP/IP  需要打开 SQL Server Configuration Manager... 却发现无法打开 SQL Server Configuration Manager..?? 解决方法:  C:\WINDOWS\system32目录搜索framedyn.
  • [置顶] 做有中国特色的程序员 aijuans 程序员
    从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有些技术书读得可
  • document.domain 跨域问题 avords document
    document.domain用来得到当前网页的域名。比如在地址栏里输入：javascript:alert(document.domain); //www.315ta.com我们也可以给document.domain属性赋值，不过是有限制的，你只能赋成当前的域名或者基础域名。比如：javascript:alert(document.domain = "315ta.com");
  • 关于管理软件的一些思考 houxinyou 管理
    工作好多看年了,一直在做管理软件,不知道是我最开始做的时候产生了一些惯性的思维,还是现在接触的管理软件水平有所下降.换过好多年公司,越来越感觉现在的管理软件做的越来越乱. 在我看来,管理软件不论是以前的结构化编程,还是现在的面向对象编程,不管是CS模式,还是BS模式.模块的划分是很重要的.当然,模块的划分有很多种方式.我只是以我自己的划分方式来说一下. 做为管理软件,就像现在讲究MVC这
  • NoSQL数据库之Redis数据库管理(String类型和hash类型) bijian1013 redis数据库NoSQL
    一.Redis的数据类型 1.String类型及操作         String是最简单的类型，一个key对应一个value，string类型是二进制安全的。Redis的string可以包含任何数据，比如jpg图片或者序列化的对象。         Set方法：设置key对应的值为string类型的value
  • Tomcat 一些技巧 征客丶 javatomcatdos
    以下操作都是在windows 环境下 一、Tomcat 启动时配置 JAVA_HOME 在 tomcat 安装目录，bin 文件夹下的 catalina.bat 或 setclasspath.bat 中添加 set JAVA_HOME=JAVA 安装目录 set JRE_HOME=JAVA 安装目录/jre 即可； 二、查看Tomcat 版本 在 tomcat 安装目
  • 【Spark七十二】Spark的日志配置 bit1129 spark
    在测试Spark Streaming时，大量的日志显示到控制台，影响了Spark Streaming程序代码的输出结果的查看(代码中通过println将输出打印到控制台上)，可以通过修改Spark的日志配置的方式，不让Spark Streaming把它的日志显示在console   在Spark的conf目录下，把log4j.properties.template修改为log4j.p
  • Haskell版冒泡排序 bookjovi 冒泡排序haskell
    面试的时候问的比较多的算法题要么是binary search，要么是冒泡排序，真的不想用写C写冒泡排序了，贴上个Haskell版的，思维简单，代码简单，下次谁要是再要我用C写冒泡排序，直接上个haskell版的，让他自己去理解吧。     sort [] = [] sort [x] = [x] sort (x:x1:xs) | x>x1 = x1:so
  • java 路径 配置文件读取 bro_feng java
    这几天做一个项目，关于路径做如下笔记，有需要供参考。 取工程内的文件，一般都要用相对路径，这个自然不用多说。 在src统计目录建配置文件目录res,在res中放入配置文件。 读取文件使用方式： 1. MyTest.class.getResourceAsStream("/res/xx.properties") 2. properties.load(MyTest.
  • 读《研磨设计模式》-代码笔记-简单工厂模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 个人理解：简单工厂模式就是IOC; * 客户端要用到某一对象，本来是由客户创建的，现在改成由工厂创建，客户直接取就好了 */ interface IProduct {
  • SVN与JIRA的关联 chenyu19891124 SVN
    SVN与JIRA的关联一直都没能装成功，今天凝聚心思花了一天时间整合好了。下面是自己整理的步骤： 一、搭建好SVN环境，尤其是要把SVN的服务注册成系统服务 二、装好JIRA，自己用是jira-4.3.4破解版 三、下载SVN与JIRA的插件并解压，然后拷贝插件包下lib包里的三个jar，放到Atlassian\JIRA 4.3.4\atlassian-jira\WEB-INF\lib下，再
  • JWFDv0.96 最新设计思路 comsci 数据结构算法工作企业应用公告
                       随着工作流技术的发展，工作流产品的应用范围也不断的在扩展，开始进入了像金融行业(我已经看到国有四大商业银行的工作流产品招标公告了)，实时生产控制和其它比较重要的工程领域，而
  • vi 保存复制内容格式粘贴 daizj vi粘贴复制保存原格式不变形
        vi是linux中非常好用的文本编辑工具，功能强大无比，但对于复制带有缩进格式的内容时，粘贴的时候内容错位很严重，不会按照复制时的格式排版，vi能不能在粘贴时，按复制进的格式进行粘贴呢？ 答案是肯定的，vi有一个很强大的命令可以实现此功能 。     在命令模式输入:set paste，则进入paste模式，这样再进行粘贴时
  • shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法 dongwei_6688 shell脚本
    出现原因：windows上写的脚本，直接拷贝到linux系统上运行由于格式不兼容导致 解决办法： 1. 比如文件名为myshell.sh，vim myshell.sh 2. 执行vim中的命令 : set ff?查看文件格式，如果显示fileformat=dos，证明文件格式有问题 3. 执行vim中的命令 :set fileformat=unix 将文件格式改过来就可以了，然后:w
  • 高一上学期难记忆单词 dcj3sjt126com wordenglish
    honest 诚实的；正直的 argue 争论 classical 古典的 hammer 锤子 share  分享；共有 sorrow 悲哀；悲痛 adventure 冒险 error 错误；差错 closet 壁橱；储藏室 pronounce 发音；宣告 repeat 重做；重复 majority 大多数；大半   native 本国的，本地的，本国
  • hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性 frankco POJOhibernate查询DTO
          DTO-数据传输对象；pojo-最纯粹的java对象与数据库中的表一一对应。       简单讲：DTO起到业务数据的传递作用，pojo则与持久层数据库打交道。         有时候我们需要查询返回DTO对象，因为DTO
  • Partition List hcx2013 partition
    Given a linked list and a value x, partition it such that all nodes less than x come before nodes greater than or equal to x. You should preserve the original relative order of th
  • Spring MVC测试框架详解——客户端测试 jinnianshilongnian
    上一篇《Spring MVC测试框架详解——服务端测试》已经介绍了服务端测试，接下来再看看如果测试Rest客户端，对于客户端测试以前经常使用的方法是启动一个内嵌的jetty/tomcat容器，然后发送真实的请求到相应的控制器；这种方式的缺点就是速度慢；自Spring 3.2开始提供了对RestTemplate的模拟服务器测试方式，也就是说使用RestTemplate测试时无须启动服务器，而是模拟一
  • 关于推荐个人观点 liyonghui160com 推荐系统关于推荐个人观点
        回想起来，我也做推荐了3年多了，最近公司做了调整招聘了很多算法工程师，以为需要多么高大上的算法才能搭建起来的，从实践中走过来，我只想说【不是这样的】     第一次接触推荐系统是在四年前入职的时候，那时候，机器学习和大数据都是没有的概念，什么大数据处理开源软件根本不存在，我们用多台计算机web程序记录用户行为，用.net的w
  • 不间断旋转的动画 pangyulei 动画
    CABasicAnimation* rotationAnimation; rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; rotationAnimation.toValue = [NSNumber numberWithFloat: M
  • 自定义annotation sha1064616837 javaenumannotationreflect
    对象有的属性在页面上可编辑，有的属性在页面只可读，以前都是我们在页面上写死的，时间一久有时候会混乱，此处通过自定义annotation在类属性中定义。越来越发现Java的Annotation真心很强大，可以帮我们省去很多代码，让代码看上去简洁。 下面这个例子 主要用到了 1.自定义annotation：@interface，以及几个配合着自定义注解使用的几个注解 2.简单的反射 3.枚举
  • Spring 源码 up2pu spring
    1.Spring源代码 https://github.com/SpringSource/spring-framework/branches/3.2.x 注：兼容svn检出 2.运行脚本 import-into-eclipse.bat 注：需要设置JAVA_HOME为jdk 1.7 build.gradle compileJava { sourceCompatibilit
  • 利用word分词来计算文本相似度 yangshangchuan wordword分词文本相似度余弦相似度简单共有词
    word分词提供了多种文本相似度计算方式： 方式一：余弦相似度，通过计算两个向量的夹角余弦值来评估他们的相似度 实现类：org.apdplat.word.analysis.CosineTextSimilarity 用法如下： String text1 = "我爱购物"; String text2 = "我爱读书"; String text3 =
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他