JS拖拽

拖拽原理
    a, 被拖拽物体绝对定位
    b, 按下时记录鼠标在拖拽物体上的位置，拖拽时鼠标在拖拽物体上的位置保持不变
    c, 鼠标移动时改变拖拽物体位置

 

1，简易拖拽

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>拖拽原型</title>

<script type="text/javascript" src="js/EventUtil.js"></script>

<style type="text/css">

    div,body{

        margin: 0px;

        padding: 0px;

    }

    #div1{

        position: absolute;

        width: 150px;

        height: 150px;

        background-color: #ff0;

    }

</style>

</head>

<body>

    <div id="div1">

    </div>

</body>

<script type="text/javascript">

    var dragDiv = document.getElementById("div1");

    EventUtil.addHandler(window, "load", function(){

        

       var disX = 0; //鼠标的x方向距拖拽左边框长度

        var disY = 0; //鼠标的y方向距拖拽上边框长度

        

        var moveHandler =  function(event){

            var evt = event || window.event;

            

            dragDiv.style.left = evt.clientX - disX + "px";

            dragDiv.style.top  = evt.clientY - disY + "px";

            document.title = "clientX:" + evt.clientX + ";clientY:" + evt.clientY;

        };

        

        var mouseupHandler = function(){

            EventUtil.removeHandler(document, "mousemove", moveHandler);

            EventUtil.removeHandler(document, "mouseup", mouseupHandler);

        };

        

        EventUtil.addHandler(dragDiv, "mousedown", function(event){

           var evt = event || window.event;

            

           //鼠标按下记录鼠标在拖拽物体上的位置

            disX = evt.clientX - dragDiv.offsetLeft;

           disY = evt.clientY - dragDiv.offsetTop;

            

           EventUtil.addHandler(document, "mousemove", moveHandler);

           EventUtil.addHandler(document, "mouseup", mouseupHandler);

            

        });    

        

    });

</script>

</html>

2，边界限制

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>拖拽原型</title>

<script type="text/javascript" src="js/EventUtil.js"></script>

<style type="text/css">

    div,body{

        margin: 0px;

        padding: 0px;

    }

    #div1{

        position: absolute;

        width: 150px;

        height: 150px;

        background-color: #ff0;

    }

</style>

</head>

<body>

    <div id="div1">

    </div>

</body>

<script type="text/javascript">

    var dragDiv = document.getElementById("div1");

    EventUtil.addHandler(window, "load", function(){

        

       var disX = 0; //鼠标的x方向距拖拽左边框长度

        var disY = 0; //鼠标的y方向距拖拽上边框长度

        

        var moveHandler =  function(event){

            var evt = event || window.event;

            

            var leftDis = evt.clientX - disX ;

            //左边临界判断

             leftDis = leftDis < 0 ? 0 : leftDis;

            //右边临界判断

             var maxLeft = document.documentElement.clientWidth - dragDiv.offsetWidth;

            leftDis = leftDis > maxLeft ? maxLeft : leftDis;

            

            

            var topDis  = evt.clientY - disY;

            //上边临界判断

             topDis = topDis < 0 ? 0 : topDis;

            //下边临界判断

             var maxTop = document.documentElement.clientHeight - dragDiv.offsetHeight;

            topDis = topDis > maxTop ? maxTop : topDis;

            

            dragDiv.style.left = leftDis + "px";

            dragDiv.style.top  = topDis + "px";

            document.title = "clientX:" + evt.clientX + ";clientY:" + evt.clientY;

        };

        

        var mouseupHandler = function(){

            EventUtil.removeHandler(document, "mousemove", moveHandler);

            EventUtil.removeHandler(document, "mouseup", mouseupHandler);

        };

        

        EventUtil.addHandler(dragDiv, "mousedown", function(event){

            var evt = event || window.event;

            

            //鼠标按下记录鼠标在拖拽物体上的位置

             disX = evt.clientX - dragDiv.offsetLeft;

            disY = evt.clientY - dragDiv.offsetTop;

            

            EventUtil.addHandler(document, "mousemove", moveHandler);

            EventUtil.addHandler(document, "mouseup", mouseupHandler);

            

        });    

        

    });

</script>

</html>

你可能感兴趣的:(js拖拽)

  • 相当流畅的js拖拽排序实现 晨曦_子画 javascript开发语言ecmascript
    01拖拽排序是一种在网页设计和应用程序中常见的交互方式，允许用户通过鼠标或触摸操作来重新排列页面或界面上的元素。这种交互方式对于提升用户体验和操作效率具有重要意义。在拖拽排序中，用户可以用鼠标或手指按住某个元素，然后将其拖动到新的位置，从而实现对元素的重新排列。这种操作直观且灵活，使得用户可以根据自己的需求随时调整页面或界面的布局，提升了个性化体验。同时，拖拽排序也增加了用户的参与度和粘性，用户可
  • HTML5原生的Drag和Drop,H5原生拖放(Drag and Drop)demo以及浏览器兼容性处理 晴-LQ
    H5原生拖放(DragandDrop)demo以及浏览器兼容性处理这篇文章发布于2020/08/22，归类于JavaScript标签：js拖拽，原生js拖放，js拖放，js拖放浏览器兼容性，HTML5拖放，dragstart，drop一般在网页中，如果需要实现拖放，首先要有两个元素可拖动的元素，元素draggable="true"属性就是可拖放，如果设置为false就是不可拖放可以放置的区域，注意
  • vue3+echarts可视化——记录我的2023编程之旅 yma16 web站点echartsjavascriptvue32023编程之旅pythonai前端
    文章目录⭐前言⭐2023我在csdn的旅途痕迹node系列文章vue3系列文章python系列文章react系列文章js拖拽相关文章小程序系列文章uniapp系列文章在csdn的收获⭐可视化布局git数据的提取⭐echarts页面vue3封装折线图分布组件vue3封装柱状图分布组件vue3封装饼图分布组件inscode代码块⭐总结2024展望⭐结束⭐前言大家好，我是yma16，本文分享关于vue3
  • Vue2 _ 实现拖拽功能 雨季mo浅忆 前端Vue前端
    老项目重构，其中有一些拖拽功能，不过用的是两个开源JS拖拽文件实现的效果，版本太老了，所以需要换代了，然后就查阅了能够用Vue来简单快速实现拖拽的功能实现方法：目录一、HTML拖放二、Vue.Draggable（强烈推荐）三、vue-grid-layout一、HTML拖放首先我们可以使用HTML5本身自带的拖放功能：官方文档：HTML5拖放HTML拖放实例下列是关于拖放的简单例子：实例：funct
  • sortablejs拖拽后新增和删除行时顺序错乱 King_960725 vue.js
    问题描述：如下图所示，使用sortablejs拖拽后，在序号2后新增行会出现新增行跑到第一行的错误顺序。解决：在进行拖拽后，对表格数据进行清空重新赋值。
  • el-table实现拖拽效果 行走在胖子边缘 elementuijsjavascriptvue.js前端
    一、概述Sortable.js是一款优秀的js拖拽库，支持IE9及以上版本IE浏览器和现代浏览器，也可以运行在移动触摸设备中，不依赖jQuery，支持AngularJS、React、Vue框架和任何CSS库，如bootstrap、elementUI，可以用来拖拽div、table等元素。二、安装插件npmi-Svuedraggablevuedraggable依赖Sortable.js，我们可以直接
  • vue的el-table实现拖拽排序效果（vuedraggable、Sortable.js） HD243608836 vuevueel-table拖拽vuedraggableSortable
    一、概述Sortable.js是一款优秀的js拖拽库，支持IE9及以上版本IE浏览器和现代浏览器，也可以运行在移动触摸设备中，不依赖jQuery，支持AngularJS、React、Vue框架和任何CSS库，如bootstrap、elementUI，可以用来拖拽div、table等元素。二、安装插件npmi-Svuedraggablevuedraggable依赖Sortable.js，我们可以直接
  • js拖拽功能 别来无恙_ly
    //获取到box元素varbox=document.querySelector('.box');//调用拖拽功能drag(box);//将拖拽功能封装到drag函数中，以便多次调用//参数：开启拖拽的元素functiondrag(obj){//点击box移动box的位置obj.onmousedown=function(event){//设置box捕获所有鼠标按下的事件，只有ie支持obj.setC
  • 纯js拖拽div 浩瀚_null
    functiontesting(){letdrag=document.getElementById('zxTempateShowArea');drag.onmousedown=function(e){letdiffX=e.clientX-drag.offsetLeft;letdiffY=e.clientY-drag.offsetTop;if(typeofdrag.setCapture!=='und
  • Element el-table表格表头拖拽、行拖拽组件封装详细教程【简单粗暴】 全栈小定 Element-UI前端前端vue.jsel-tableelementuisortablejs
    文章目录简介安装2.使用3.解析及常见问题3.1行拖拽3.2表头列拖拽简介el-table+Sortable.js实现表头拖拽、行拖拽Sortable.jsSortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Boots
  • vue通过draggable实现拖拽功能 寒墨茗殇 vuevue.jsjavascript
    1.官方文档2.安装```yarnaddvuedraggablenpmi-Svuedraggable```3.其他组件：sortablejs.js拖拽非官网文档npm install sortablejs --save4.属性说明属性名称说明group:group=“name”，相同的组之间可以相互拖拽或者{name:“…”,pull:[true,false,‘clone’,array,funct
  • el-table + textarea输入 + sortablejs +删除+添加 实现拖拽排序 的研究！ Web·强 实用组件前端csshtml5
    作品效果喜欢的下拉别忘记给作者点赞❤前言工作中有这样的需求：用户要在表格中输入某步骤的方法且要求此表格可以满足步骤顺序的移动(也就是拖拽功能)还要求能增加步骤的条数当然也会有删除，那么今天我将给大家用最简单的写法实现一个实用的小demo来实现这些需求！一、sortablejs是什么？Sortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中
  • vue-element el-table 使用sortablejs拖拽排序 cnmone JavaScriptvuesortablejselementuiel-tabletable排序vue
    需求描述vue-element-admin开发过程中需要对el-table行进行排序（即每一行可以上下移动），然后将排序后的数据传给后台更新数据。该表格无分页。问题分析方法一：可以采用在每条数据中加两个上下移动的按钮，每次移动一行。该方法实现简单，不过要连续移动的时候需要多次调用接口，交互效果不太好。方法二：可以采用table的拖拽功能实现行的一次性拖拽。该方法可以实现拖拽后调用接口，任意移动多行
  • element-ui el-table 拖拽排序 鞋子菜菜 elementuielementui前端javascriptvue.js
    vue3elementui-plustable拖拽排序在vue3中elementui-plus表格拖拽排序，我使用的是sortablejs实现的表格拖拽排序前言当使用elementel-table表格组件，需要完成拖拽排序时，可以使用一个强大的js拖拽库SortableJS更详细的使用文档sortable.js中文文档该js拖拽库配置很简单，同样也很容易上手，官网提供了很多拖拽demo效果图一、安
  • 浅谈js拖拽 lanberts
    前言本文依据半年前本人的分享《浅谈js拖拽》撰写，算是一篇迟到的文章。基本思路虽然现在关于拖拽的组件库到处都是，HTML5也把拖放纳入了标准。但考虑到兼容问题，我们还是从最古老的方式开始讲起。onmousedown：模拟开始拖拽事件。鼠标按键按下即发生onmousedown事件。获取鼠标位置，获取被拖拽元素的位置，记录两者之间的纵横坐标的差值。对document元素绑定onmousemove,on
  • vue实现拖拽排序 视图猿人 VUEvue.js前端javascript
    在业务中列表拖拽排序是比较常见的需求，常见的JS拖拽库有Sortable.js，Vue.Draggable等，大多数同学遇到这种需求也是更多的求助于这些JS库，其实，使用HTML原生的拖放事件来实现拖拽排序并不复杂，结合Vue的transition-group,还能快速的给排序添加过渡动画。HTML5拖放api1.设置元素为可拖放为了使元素可拖动，把draggable属性设置为true：能被拖放的
  • vue+element-ui 表格/列表的拖拽排序 --- sortablejs 包 新时代农民工Top javaScriptjavascript前端开发语言
    关于拖拽排序这个功能常见于手机端，例如，支付宝选择优先付款…在做公司新项目的时候，提的新需求，原本定义的是点击箭头对列表进行排序，后来更改UI式样的时候要求做成拖拽排序…接下来简单介绍一个拖拽排序的包sortablejs简介：Sortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持Meteor、AngularJS
  • 拖拽排序需求 -- sortable在vue中的使用 wanshuai QwQ sortablevuevuejavascript
    什么是sortableSortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Bootstrap、ElementUI。你可以用来拖拽div、table等元素。sortable.js中文文档.需求场景需要对表格数据进行拖拽排
  • JS拖拽div 魔王HG
    //获取元素vardv=document.getElementById('dv');varx=0;vary=0;varl=0;vart=0;varisDown=false;//鼠标按下事件dv.onmousedown=function(e){//获取x坐标和y坐标x=e.clientX;y=e.clientY;//获取左部和顶部的偏移量l=dv.offsetLeft;t=dv.offsetTop;
  • sortablejs 拖拽排序部分情况动态禁用拖拽 你是不是在坐飞机 vueJavaScript前端javascriptcss3
    创建sortablejs拖拽排序{{item.title}}importSortablefrom"sortablejs";exportdefault{name:"sortablejs",data(){return{dataList:[{id:0,title:"11111111111111111111111111111",},{id:1,title:"222222222222222222222222
  • HTML5拖放的详解以及实例分享 千锋H5
    提到拖拽，我们都很熟悉，那么拖放呢？一字之差，代表的意义是不一样的，拖拽就是拉着走，拖放就是有拖，有放，我们都知道原生JS拖拽效果的缺点：1.代码相对复杂与冗余2.仅限于在浏览器内的元素间拖放3、不能实现跨页面的拖放所以H5就出现了拖放技术，与JS原生相比HTML5拖放的优势：H5拖放技术，drag&drop，对于浏览器的支持性：InternetExplorer9、Firefox、Opera12、
  • js拖拽元素互换位置 岳小弟
    *{margin:0;padding:0;}body,ul,li{margin:0;padding:0;}ul{list-style:none;}body{font:13px/1.5Tahoma;}box{position:relative;width:435px;height:580px;margin:10pxauto;padding:10px5px10px10px;border:1pxsoli
  • js拖拽 MACHENIKE
    假设我们把物体1拖拽到物体2的地方，此刻可以知道拖拽的步骤是：先鼠标左键点到物体1然后移动到物体2的地方，松开左键，完成拖拽当点击的时候，可以通过事件源e.pagaX或者e.pageY获取到鼠标点击的位置，然后通过脚本化css可以获取到物体距离边界的top值和left值。假设物体1的深蓝线条点击处距离物体上边界disY，距离物体左边界为disX，即：disX=e.pageX-box.offsetL
  • 前端项目中常用的工具包（拖拽排序表格、打印导出表格、文本复制等）【持续更新~~~】 凌晨两点的月亮 工具库vue.jsjavascripthtml5
    表格类：cdn库cdnvxe-table[开源的多功能表格]简介一个基于vue的PC端表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等…码云地址官方API官方带示例的APIsortable[功能强大的JavaScript拖拽库]简介：Sortable.js是一款优秀的js拖拽库，支持
  • 【组件】前端js拖拽插件 VUE 我是Superman丶 前端技术vuejshtmljavascriptplugin
    【组件】前端js拖拽插件VUEVueDraggable-Vue拖拽组件王者Vuedragresize-轻量级，无依赖，可缩放Vuesmoothdnd-简单动效，上下拖拽排序，涵盖多场景V-drag-最简单的可拖拽执行方案VueEasyDnD-简洁快捷，上下拖拽场景适用Awednd-基于vue2.x拖放排序组件，元素和图片拖拽通用vue.draggable中文文档-itxst.comvue.drag
  • 全网为数不多清晰可行的在VUE中使用sortable.js实现动态拖拽排序的教程！ 桂亭亭 HTMLVuevue.js前端javascript
    目录0写在前面的1依赖安装2手写简单标签演示3要点4效果0写在前面的首先批评以下文章(10条消息)sortable.js实现拖拽_sortablejs_花铛的博客-CSDN博客(10条消息)sortablejs拖拽排序功能（vue）_C_fashionCat的博客-CSDN博客他们写出的东西都是不经过验证的！！！你们这态度，请不要随便发表博客！！进入正题1依赖安装环境说明：Vue2环境安装命令：n
  • 非 Vue 相关技术总结 何日成熟 前端备忘前端cssjavascript
    文章目录优秀参考资料非Vue相关技术总结JS文件操作参考上传下载预览JS操纵剪切板文本文件(图片)js拖拽上传文件ngrok内网穿透两个iFrame标签包裹Vue项目互相传值使用element-resize-detector监控div的resize正则校验webStorm全局搜索显示全部匹配结果邮箱校验电话校验正则匹配非注释非console的中文转载:[正则表达式匹配"非"，以及"非"字符串的匹配
  • JS拖拽元素排序 忆丶安然
    使用：Sortable.js官网地址：http://www.sortablejs.com/官网有demo
  • js拖拽事件详解 萧寂173 jsjavascript前端html
    拖放事件拖放是由拖动与释放两部分组成，拖放事件也分为被拖动元素的相关事件，和容器的相关事件。被拖动元素的相关事件如下所示：事件描述dragstart用户开始拖动元素时触发drag元素正在拖动时触发dragend用户完成元素拖动后触发容器相关事件如下所示：事件描述dragenter当被鼠标拖动的对象进入目标容器时触发此事件dragover当被拖动的对象在目标容器范围内拖动时触发此事件dragleav
  • vuedraggable 实战各种小技巧(长期更新) sunxiaochuan
    前言vuedraggable是一个基于Sortable.js库的Vue.js拖拽功能组件。资料npm地址下载量还是蛮高的github地址star数还是蛮多的官网在线示例Sortable.js库github地址简单的安装与使用安装yarnaddvuedraggable#ornpmi-Svuedraggable使用（源码出处custom-clone）Draggable1{{element.name}}
  • 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其他