js插件-简单拖拽

　　前端开发的时候，有好多地方用到拖拽效果,当然 http://jqueryui.com/draggable/  是个不错的选择,but 我是个打破砂锅问到底的人，抽点时间用js小小的实现了类似的插件，话不多说。

  1. 　first:　html和css 
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        #div1 {
            position: absolute;
            width: 100px;
            height: 100px;
            cursor: move;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="div1">
    </div>
</body>
</html>

    js插件-简单拖拽_第1张图片

  2. now,先把主要算法实现一下： 
     <script>
        window.onload = function () {
            //获取需要拖拽的div
            var div1 = document.getElementById("div1");
            //添加鼠标按下事件
            div1.onmousedown = function (evt) {
                var oEvent = evt || event;
                //获取按下鼠标到div left  top的距离
                var distanceX = oEvent.clientX - div1.offsetLeft;
                var distanceY = oEvent.clientX - div1.offsetTop;
                //添加doc滑动时间
                document.onmousemove = function (evt) {
                    var oEvent = evt || event;
                    //重新计算div的left top值
                    var left = oEvent.clientX - distanceX;
                    var top = oEvent.clientY - distanceY;

                    //left  当小于等于零时，设置为零 防止div拖出document之外
                    if (left <= 0) {
                        left = 0;
                    }
                    //当left 超过文档右边界  设置为右边界
                    else if (left >= document.documentElement.clientWidth - div1.offsetWidth) {
                        left = document.documentElement.clientWidth - div1.offsetWidth;
                    }
                    if (top <= 0) {
                        top = 0;
                    }
                    else if (top >= document.documentElement.clientHeight - div1.offsetHeight) {
                        top = document.documentElement.clientHeight - div1.offsetHeight;
                    }

                    //重新给div赋值
                    div1.style.top = top + "px";
                    div1.style.left = left + "px";
                }
                //添加鼠标抬起事件
                div1.onmouseup = function () {
                    //清空事件
                    document.onmousemove = null;
                    div1.onmouseup = null;
                }
            }
        }

    </script>


     

  3. yeah,使用面向对象实现一下 
    <style>
        * {
            margin:0;
            padding:0;
        }
        #div1 {
            width: 100px;
            height: 100px;
            background-color: red;
        }
        #div2 {
            background-color:yellow;
            width:100px;
            height:100px;
        }
    </style>

<div id="div1"></div>
<div id="div2"></div>

    js Draggle class:

     function Drag(id) {
            this.div = document.getElementById(id);
            if (this.div) {
                this.div.style.cursor = "move";
                this.div.style.position = "absolute";
            }

            this.disX = 0;
            this.disY = 0;
            var _this = this;

            this.div.onmousedown = function (evt) {
                _this.getDistance(evt);

                document.onmousemove = function (evt) {
                    _this.setPosition(evt);
                }

                _this.div.onmouseup = function () {
                    _this.clearEvent();
                }
            }
        }

        Drag.prototype.getDistance = function (evt) {
            var oEvent = evt || event;
            this.disX = oEvent.clientX - this.div.offsetLeft;
            this.disY = oEvent.clientY - this.div.offsetTop;
        }

        Drag.prototype.setPosition = function (evt) {
            var oEvent = evt || event;
            var l = oEvent.clientX - this.disX;
            var t = oEvent.clientY - this.disY;
            if (l <= 0) {
                l = 0;
            }
            else if (l >= document.documentElement.clientWidth - this.div.offsetWidth) {
                l = document.documentElement.clientWidth - this.div.offsetWidth;
            }
            if (t <= 0) {
                t = 0;
            }
            else if (t >= document.documentElement.clientHeight - this.div.offsetHeight) {
                t = document.documentElement.clientHeight - this.div.offsetHeight;
            }
            this.div.style.left = l + "px";
            this.div.style.top = t + "px";
        }

        Drag.prototype.clearEvent = function () {
            this.div.onmouseup = null;
            document.onmousemove = null;
        }

    at last：最终实现：

      window.onload = function () {
            new Drag("div1");
            new Drag("div2");
        }

    效果如下:
    js插件-简单拖拽_第2张图片

　　入园子已经三载有余，平时也爱在各位经营的园子溜达汲取知识。之前也有过想开一个自己的园子，但总因为这样那样的事情把这事遗忘了。最近发现身边的@考拉熊http://home.cnblogs.com/u/rccc/好早已经有了这个习惯。人啊，怎么说呢，总是向比自己强的人看起！加油 ，u can @o(∩_∩)o 哈哈

 

你可能感兴趣的:(js插件)

  • 前端通过docx-preview和pdfjs插件实现docx、pdf文件在线预览 NetX行者 前端前端vue.jspdf
    docx文件格式在线预览插件：docx-preview安装：npmidocx-preview使用：创建一个容器标签引入并创建渲染函数import{renderAsync}from"docx-preview";renderDocx(){renderAsync(this.fileData,this.$refs.file,null,{className:"docx",//默认和文档样式类的类名/前缀in
  • 探索 Vue.js 前端开发中的插件系统 大厂前端小白菜 vue.js前端javascriptai
    探索Vue.js前端开发中的插件系统关键词：Vue.js、插件系统、install方法、全局功能、代码复用、生命周期、模块化开发摘要：本文通过乐高积木的比喻，深入浅出地讲解Vue.js插件系统的核心原理。从install方法的工作原理到实战开发全局加载提示插件，揭秘如何通过插件机制实现功能扩展与代码复用，并探讨其在现代前端工程中的最佳实践。背景介绍目的和范围本文旨在帮助开发者理解Vue.js插件系
  • vue 页面常用图表框架 serve the people 日常琐问vue.js前端javascript
    在Vue.js页面中，常见的用于制作图表的框架或库有以下几种：ECharts:官方网站:EChartsECharts是一个功能强大、可扩展的图表库，支持多种图表类型，如柱状图、折线图、饼图等。Vue集成:可以使用vue-echarts插件，方便在Vue项目中使用。Chart.js:官方网站:Chart.js轻量、简单、易于集成，适合简单的图表应用。Vue集成:可以使用vue-chartjs插件。D
  • [JS插件] Swiper：强大的触摸滑动&整屏滚动插件 夏日米米茶 swiper整屏滑动js插件幻灯
    关于Swiper原文地址：http://www.swiper.com.cn/Swiper是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。主要使用于移动端的网站、移动webapps，nativeapps和hybridapps。主要是为IOS而设计的，同时，在Android、WP8系统也有着良好的用户体验，Swiper从3.0开始不再全面支持PC端。因此，如需
  • 前端播放RTSP视频流 努力学习的木子 前端
    在浏览器中请求RTSP视频流，并进行播放时，直接使用原生的浏览器API是行不通的，因为它们不支持RTSP协议。为了解决这个问题，我们通常会选择使用像flv.js这样的库，它专为在浏览器中播放FLV和其他流媒体格式设计。然而，flv.js本身并不直接支持RTSP，这意味着我们需要一个额外的步骤来桥接RTSP和flv.js在Vue中使用flv.js插件播放RTSP视频流的主要原因是浏览器原生的标签并不
  • 苦苦寻找的原生JS甘特图，终于找到啦 adamlee520 甘特图插件原生JSjavascript甘特图前端
    甘特图(ant-gantt)在项目管理中，甘特图的可视化操作界面，可以让项目规划与风险把控更便捷与清晰，同时该插件是一款基于HTML5、javasrcipt的一款js插件，支持在当前主流的前端框架中接入。效果图：如何使用1、下载插件官网地址：https://www.aim.link/h5/KA.html2、导入项目将下载到的sdk拷贝至项目工程目录，如拷贝至：externalSdk/ant-gan
  • html 嵌入word 插件,利用VenoBox插件在网页中悬浮显示word文档 乐正雕漆 html嵌入word插件
    笔者最近在酝酿一个小系统，一个功能就是要将设备手册显示悬浮显示在网页中。点击一下按钮出来了，可以实现在手机端方便查看。但是又不能将手册直接至于html文件中，因为文件文字过于繁多，不利于修改与管理。辗转反侧找到一个jquery插件VenoBox，十分方便就解决笔者的问题。1、当然和其他js插件一样需要应用js和css文件。2、在html文件中，在iframe内插入网页,加入data-type属性。
  • Vue3 配合 fullPage.js 打造高效全屏滚动网页 前端切图仔001 javascript前端vue.js前端框架
    引言在现代网页设计中，整屏滚动（Full-pageScrolling）已成为展示内容的一种流行方式。通过将内容分成若干个全屏页面，并配合流畅的过渡动画，可以为用户带来身临其境的浏览体验。本文将介绍如何使用fullPage.js插件来创建一个专业的整屏滚动网站。效果预览插件介绍fullPage.js是一个简单易用且功能强大的JavaScript库官方网站：中文文档fullPage.js主要特点：支持
  • Grafana将弃用AngularJS-我们该如何迁移 东风微鸣 grafanaangular.js前端
    AngularJS弃用时间线AngularJS支持已在Grafana9中正式弃用。在2024年5月发布的Grafana11中，所有GrafanaCloud和自托管安装默认关闭该功能。到Grafana12版本时，将完全移除对AngularJS的支持，包括配置参数开关angular_support_enabled。AngularJS插件迁移指南以下是分步迁移方案：检测是否使用AngularJS插件：检
  • Grafana将弃用AngularJS-我们该如何迁移
    AngularJS弃用时间线AngularJS支持已在Grafana9中正式弃用。在2024年5月发布的Grafana11中，所有GrafanaCloud和自托管安装默认关闭该功能。到Grafana12版本时，将完全移除对AngularJS的支持，包括配置参数开关angular_support_enabled。AngularJS插件迁移指南以下是分步迁移方案：检测是否使用AngularJS插件：检
  • node-ffi使用指南（转载） CattleDrinkRedWine Electronnode-ff
    在nodejs/elctron中，可以通过node-ffi，通过ForeignFunctionInterface调用动态链接库，俗称调DLL，实现调用C/C++代码，从而实现许多node不好实现的功能，或复用诸多已实现的函数功能。node-ffi是一个用于使用纯JavaScript加载和调用动态库的Node.js插件。它可以用来在不编写任何C++代码的情况下创建与本地DLL库的绑定。同时它负责处理
  • 前端国际化-插件模式 神奇大叔 通用功能前端
    文章目录Webpack插件开发解析中文调用有道翻译API生成JSON语言文件React国际化实现Webpack插件开发创建i18n-webpack-plugin.js插件：在src目录下扫描所有文件使用babel-parser解析JavaScript/JSX代码识别中文文本通过有道翻译API翻译生成locales/en.json（英语）和locales/zh.json（中文）constfs=req
  • 全网最详细！vue中使用flv.js 播放直播监控视频流 抄一下你代码 在vue中使用flv.js播放监控摄像头/直播vue.js
    老规矩，先安装flv.js插件npminstallflv.js在组件中的使用**注意事项放后面我怕你们不看呐！！！！1.必须在dom加载完成后再执行直播视频流的填充方法！2.在一个网页中最多同时容纳6个监控视频播放！第七个绝对加载不出来！3.在离开这个页面的时候必须销毁播放容器，不然会占用TCP个数，导致其他页面的监控也播放不了**importflvjsfrom"flv.js";//页面代码//1
  • node端导出excel-用请求排队来限流 国王不在家 nodejavascriptnode.js
    需求有一个会执行luckySheet脚本并且导出excel的node接口，会在每天凌晨执行，但是文件过大时会内存溢出之前有用worker来实现多线程（主要是避免变量污染），但这样只能保证主线程不卡死，几个子线程合起来占用内存也很大，然后改用流的方式导出来优化占用内存过大的问题。但是exceljs插件用流的方式导出不支持导出图片，所以有图片就用流的方式导出，没图片还是用一开始的方式导出。为了继续优化
  • SpringBoot+Vue前后端分离项目的搭建及简单开发（这次保证看明白~） m0_67265464 前端htmljavascript开发语言ecmascript
    文章目录概述一、搭建SpringBoot后端1.sql脚本2.新建SpringBoot项目3.MP代码生成4.编写Controller二、搭建Vue前端1.IDEA安装Vue.js插件2.IDEA启动Vue项目3.编写Vue代码4.接收后端数据三、ElementUI使用1.简单的数据展示2.Element-ui更多…参看：https://www.bilibili.com/video/BV13741
  • viewer.js插件--图片预览，放大，旋转，镜像翻转，幻灯片播放等功能 十年 lius jsweb前端javascriptviewer
    varviewer=newViewer(document.getElementById('yyzh_img'),{url:'data-original',toolbar:{zoomIn:4,zoomOut:4,oneToOne:false,reset:true,prev:false,play:{show:false,size:'large',},next:false,rotateLeft:true
  • 一起来学习如何写单元测试
    前言如果你写了一个js插件又或者是写了一个组件库，是否还在为如何编写单元测试而苦恼，别担心，这篇文章带你轻松入门单元测试。ps:学完本文，相信你也会向你写的组件库或者插件添加单元测试了。示例以我用typescript实现的轻量高度可配置的消息提示框插件为示例，来详细讲述添加单元测试。市面上有很多测试框架，这里我还是选择比较老牌但也很流行的测试框架jest为示例。核心步骤1:添加相应的依赖首先，我们
  • react常见面试题 helloworld1024fd react.jsjavascript前端
    组件之间传值父组件给子组件传值在父组件中用标签属性的=形式传值在子组件中使用props来获取值子组件给父组件传值在组件中传递一个函数在子组件中用props来获取传递的函数，然后执行该函数在执行函数的时候把需要传递的值当成函数的实参进行传递兄弟组件之间传值利用父组件先把数据通过【子组件】===》【父组件】然后在数据通过【父组件】===〉【子组件】消息订阅使用PubSubJs插件为何React事件要自
  • 前端vue实现导出word文档（包含echarts图表、文本）html-docx-js|FileSaver 初级码农- 插件类前端javascriptvue.jsechartscss
    实现页面中的echarts导出到word并附带文字说明1.安装html-docx-js插件（0.3.1）版本npminstallhtml-docx-js--save2.安装FileSaver插件（2.0.5）版本npminstallhtml-docx-js--save3.导出的图表本文以折线图为例，将折线图的代码以子组件的方式编写，子组件名称为：lineChart，绑定ref值：myLineCha
  • 前端vue实现导出word文档（包含echarts图表、文本）html-docx-jsFileSaver m0_74823933 前端vue.jsword
    实现页面中的echarts导出到word并附带文字说明1.安装html-docx-js插件（0.3.1）版本npminstallhtml-docx-js--save2.安装FileSaver插件（2.0.5）版本npminstallhtml-docx-js--save3.导出的图表本文以折线图为例，将折线图的代码以子组件的方式编写，子组件名称为：lineChart，绑定ref值：myLineCha
  • uniapp实现pdf预览 H30919 uni-apppdfjavascript
    先看效果下载pdf.js插件github下载注意：需要使用魔法★★★http://mozilla.github.io/pdf.js/getting_started/网盘下载通过网盘分享的文件：pdfjs-4.7.76-dist.zip链接:https://pan.baidu.com/s/1hgS0x8joy3ft-x72_U17Ig?pwd=jhfg提取码:jhfg下载后解压得到如下文件：复制插件
  • web端pdf.js实现pdf批注注释编辑（写入保存/高亮/下划线/插入图片/矩形/箭头/圆形/文本/画笔）
    基于pdf.js实现了pdf增加并编辑批注的js插件库，有高亮、下划线、插入图片、矩形、箭头、圆形、文本、画笔等工具，同时支持写入批注到pdf中并保存，为目前纯前端javascript最佳实现方案，仅使用了最新PDF.jsdist版本，可以十分方便的集成到任意web项目中。Demo地址Demo地址在：https://demos.libertynlp.com，下图左边是添加批注和编辑的示例，右边是功
  • Nuxt：利用public-ip这个npm包来获取公网IP 前端白袍 前端学习笔记——Vue篇tcp/ipnpm网络协议
    目录一、安装public-ip包1.在Vue组件中使用2.在Nuxt.js插件中使用public-ip一、安装public-ip包npminstallpublic-ip1.在Vue组件中使用你可以在Nuxt.js的任意组件或者插件中使用public-ip来获取公网IP。下面是在一个Vue组件中如何使用它的例子：你的公网IP是：{{ip}}import{publicIp,publicIpv4,pub
  • 实时监控网页变化，并增加多种提示信息 安替-AnTi 自动化工具linux运维服务器监控网页变化
    文章目录python代码实现优势手动部署下载源码安装依赖初次登录设置Docker部署设置监控chromeJS插件实现插件1背景介绍使用方法插件2参考文献通过订阅本篇文章，您可以实现在任意打开网页情况下，监控网页内指定内容或者全部内容的变化，变化的内容、时间点可以通过邮箱、微信等方式进行提醒。使用场景可以用来监控足球比赛的赔率、京东商品库存、价格等因素，并且可以为订阅用户添加各种定制化的服务。如在订
  • 后端传入文件流，前台pdf展示（pc端和手机端） w001yy 前端javascript
    近日项目用到的用文件流传递pdf文件的情况，后端将数据流传到前端，需要前端进行处理然后再预览下载，总结了一下几点方法，1.PC端一开始想引用pdf.js插件进行实现，但是总是白屏，借鉴的文章是https://www.jianshu.com/p/242525315bf6，用了里面的方法测试了，但是一直是白屏，展示不出pdf，也没有看到错误提示，最后直接用window.open(url),其中url表
  • 使用flv.js + websokect播放rtsp格式视频流 音视频开发老马 流媒体服务器Android音视频开发音视频开发ffmpeg开发语言flv流媒体服务器音视频开发
    1.问题背景在最近的项目中，涉及到海康接入的视频播放的问题，海康这边获取到的视频流是rtsp格式，web端目前没有直接可以播放的组件，于是最开始是后端处理了视频流，返回hls格式的m3u8地址，这样用videojs插件就可以播放了，但是问题就是处理了的m3u8地址播放效果非常差，第一次加载时间较长，且播放过程中很卡，尤其是项目的界面做的是视频监控墙，不止一个视频，导致没办法看了。想着最好的方式还是
  • 前端播放RTSP视频流，使用FLV请求RTSP视频流播放（Vue项目，在Vue中使用插件flv.js请求RTSP视频流播放） 北城笑笑 JavaScriptVueJSjavascriptvue.js
    简述：在浏览器中请求RTSP视频流并进行播放时，直接使用原生的浏览器API是行不通的，因为它们不支持RTSP协议。为了解决这个问题，开发者通常会选择使用像flv.js这样的库，它专为在浏览器中播放FLV和其他流媒体格式设计。然而，flv.js本身并不直接支持RTSP，这意味着我们需要一个额外的步骤来桥接RTSP和flv.js。这里来记录一下详细介绍：在Vue中使用flv.js插件播放RTSP视频流
  • 颜色拾取器 jscolor.js插件中工作中遇到的问题 乱来丶Fack
    jscolor.js在动态加载的弹出层上面，点击选择颜色，会有弹不出来的情况的.1.bootstrap中只需要把弹出层的zIndex:层级改高，应该就没问题了。2.还有就是动态加载的弹框的问题，因为jscolor是个方法，他在js加载的时候，就只走一遍，那个时候弹框还没加载进来，所以，他是找不到这个class的，所以就会造成点击input，jscolor弹不出来的情况。解决方案：动态加载jscol
  • js 预览excel/csv stpzhf 前端javascript
    git地址:https://gitee.com/nulicainiao/analyzing-excel-csv.git一、直接上代码1.下载引入使用xlsx.js插件及cptable.js文件importXLSXfrom'./xlsx'importcptablefrom'./cptable.full'functionfixdata(data){//文件流转BinaryStringvaro="",l
  • redux 简单实现各组件状态管理 暴躁程序员
    一、redux特点1.redux是集中管理共享状态的JS插件库2.store用于存储状态的容器，唯一状态树，即：store的state是一个对象，且是唯一的3.action组件改变store状态时，发布的动作4.reducer纯函数，在不改变store状态的情况下返回最新state状态二、redux主要方法createStore(reducer)创建storestore.getState()获取s
  • ViewController添加button按钮解析。（翻译） 张亚雄 c
    <div class="it610-blog-content-contain" style="font-size: 14px"></div>//  ViewController.m //  Reservation software // //  Created by 张亚雄 on 15/6/2.
  • mongoDB 简单的增删改查 开窍的石头 mongodb
       在上一篇文章中我们已经讲了mongodb怎么安装和数据库/表的创建。在这里我们讲mongoDB的数据库操作       在mongo中对于不存在的表当你用db.表名 他会自动统计 下边用到的user是表明，db代表的是数据库       添加(insert):
  • log4j配置 0624chenhong log4j
    1) 新建java项目 2) 导入jar包，项目右击，properties—java build path—libraries—Add External jar，加入log4j.jar包。 3) 新建一个类com.hand.Log4jTest package com.hand; import org.apache.log4j.Logger; public class
  • 多点触摸(图片缩放为例) 不懂事的小屁孩 多点触摸
    多点触摸的事件跟单点是大同小异的，上个图片缩放的代码，供大家参考一下 import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener
  • 有关浏览器窗口宽度高度几个值的解析 换个号韩国红果果 JavaScripthtml
    1 元素的 offsetWidth 包括border padding  content  整体的宽度。 clientWidth  只包括内容区 padding 不包括border。 clientLeft =  offsetWidth -clientWidth  即这个元素border的值 offsetLeft  若无已定位的包裹元素
  • 数据库产品巡礼：IBM DB2概览 蓝儿唯美 db2
    IBM DB2是一个支持了NoSQL功能的关系数据库管理系统，其包含了对XML，图像存储和Java脚本对象表示（JSON）的支持。DB2可被各种类型的企 业使用，它提供了一个数据平台，同时支持事务和分析操作，通过提供持续的数据流来保持事务工作流和分析操作的高效性。 DB2支持的操作系统 DB2可应用于以下三个主要的平台:   工作站，DB2可在Linus、Unix、Windo
  • java笔记5 a-john java
    控制执行流程： 1，true和false    利用条件表达式的真或假来决定执行路径。例：（a==b）。它利用条件操作符“==”来判断a值是否等于b值，返回true或false。java不允许我们将一个数字作为布尔值使用，虽然这在C和C++里是允许的。如果想在布尔测试中使用一个非布尔值，那么首先必须用一个条件表达式将其转化成布尔值，例如if(a!=0)。 2，if-els
  • Web开发常用手册汇总 aijuans PHP
    一门技术，如果没有好的参考手册指导,很难普及大众。这其实就是为什么很多技术，非常好，却得不到普遍运用的原因。 正如我们学习一门技术，过程大概是这个样子： ①我们日常工作中，遇到了问题，困难。寻找解决方案，即寻找新的技术； ②为什么要学习这门技术？这门技术是不是很好的解决了我们遇到的难题，困惑。这个问题，非常重要，我们不是为了学习技术而学习技术，而是为了更好的处理我们遇到的问题，才需要学习新的
  • 今天帮助人解决的一个sql问题 asialee sql
                今天有个人问了一个问题，如下： type     AD      value          A  
  • 意图对象传递数据 百合不是茶 android意图IntentBundle对象数据的传递
    学习意图将数据传递给目标活动; 初学者需要好好研究的       1,将下面的代码添加到main.xml中    <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:/
  • oracle查询锁表解锁语句 bijian1013 oracleobjectsessionkill
    一.查询锁定的表 如下语句，都可以查询锁定的表 语句一： select a.sid, a.serial#, p.spid, c.object_name, b.session_id, b.oracle_username, b.os_user_name from v$process p, v$s
  • mac osx 10.10 下安装 mysql 5.6 二进制文件［tar.gz］ 征客丶 mysqlosx
    场景：在 mac osx 10.10 下安装 mysql 5.6 的二进制文件。 环境：mac osx 10.10、mysql 5.6 的二进制文件 步骤：[所有目录请从根“/”目录开始取，以免层级弄错导致找不到目录] 1、下载 mysql 5.6 的二进制文件，下载目录下面称之为 mysql5.6SourceDir； 下载地址：http://dev.mysql.com/downl
  • 分布式系统与框架 bit1129 分布式
    RPC框架 Dubbo 什么是Dubbo   Dubbo是一个分布式服务框架，致力于提供高性能和透明化的RPC远程服务调用方案，以及SOA服务治理方案。其核心部分包含:    远程通讯: 提供对多种基于长连接的NIO框架抽象封装，包括多种线程模型，序列化，以及“请求-响应”模式的信息交换方式。    集群容错: 提供基于接
  • 那些令人蛋痛的专业术语 白糖_ springWebSSOIOC
    spring 【控制反转(IOC)/依赖注入(DI)】： 由容器控制程序之间的关系，而非传统实现中，由程序代码直接操控。这也就是所谓“控制反转”的概念所在：控制权由应用代码中转到了外部容器，控制权的转移，是所谓反转。 简单的说：对象的创建又容器(比如spring容器)来执行，程序里不直接new对象。 Web 【单点登录(SSO)】：SSO的定义是在多个应用系统中，用户
  • 《给大忙人看的java8》摘抄 braveCS java8
    函数式接口：只包含一个抽象方法的接口 lambda表达式：是一段可以传递的代码       你最好将一个lambda表达式想象成一个函数，而不是一个对象，并记住它可以被转换为一个函数式接口。 事实上，函数式接口的转换是你在Java中使用lambda表达式能做的唯一一件事。   方法引用：又是要传递给其他代码的操作已经有实现的方法了，这时可以使
  • 编程之美-计算字符串的相似度 bylijinnan java算法编程之美
    public class StringDistance { /** * 编程之美 计算字符串的相似度 * 我们定义一套操作方法来把两个不相同的字符串变得相同，具体的操作方法为： * 1.修改一个字符（如把“a”替换为“b”）; * 2.增加一个字符（如把“abdd”变为“aebdd”）; * 3.删除一个字符（如把“travelling”变为“trav
  • 上传、下载压缩图片 chengxuyuancsdn 下载
    /** * * @param uploadImage --本地路径(tomacat路径) * @param serverDir --服务器路径 * @param imageType --文件或图片类型 * 此方法可以上传文件或图片.txt,.jpg,.gif等 */ public void upload(String uploadImage,Str
  • bellman-ford(贝尔曼-福特)算法 comsci 算法F#
    Bellman-Ford算法(根据发明者 Richard Bellman 和 Lester Ford 命名)是求解单源最短路径问题的一种算法。单源点的最短路径问题是指：给定一个加权有向图G和源点s，对于图G中的任意一点v，求从s到v的最短路径。有时候这种算法也被称为 Moore-Bellman-Ford 算法，因为 Edward F. Moore zu 也为这个算法的发展做出了贡献。 与迪科
  • oracle ASM中ASM_POWER_LIMIT参数 daizj ASMoracleASM_POWER_LIMIT磁盘平衡
    ASM_POWER_LIMIT 该初始化参数用于指定ASM例程平衡磁盘所用的最大权值，其数值范围为0~11，默认值为1。该初始化参数是动态参数，可以使用ALTER  SESSION或ALTER  SYSTEM命令进行修改。示例如下： SQL>ALTER  SESSION  SET   Asm_power_limit=2;
  • 高级排序:快速排序 dieslrae 快速排序
    public void quickSort(int[] array){ this.quickSort(array, 0, array.length - 1); } public void quickSort(int[] array,int left,int right){ if(right - left <= 0
  • C语言学习六指针_何谓变量的地址 一个指针变量到底占几个字节 dcj3sjt126com C语言
    # include <stdio.h> int main(void) { /* 1、一个变量的地址只用第一个字节表示 2、虽然他只使用了第一个字节表示，但是他本身指针变量类型就可以确定出他指向的指针变量占几个字节了 3、他都只存了第一个字节地址，为什么只需要存一个字节的地址，却占了4个字节，虽然只有一个字节， 但是这些字节比较多，所以编号就比较大，
  • phpize使用方法 dcj3sjt126com PHP
    phpize是用来扩展php扩展模块的，通过phpize可以建立php的外挂模块,下面介绍一个它的使用方法,需要的朋友可以参考下 安装（fastcgi模式）的时候，常常有这样一句命令： 代码如下: /usr/local/webserver/php/bin/phpize   一、phpize是干嘛的？ phpize是什么？ phpize是用来扩展php扩展模块的，通过phpi
  • Java虚拟机学习 - 对象引用强度 shuizhaosi888 JAVA虚拟机
    本文原文链接：http://blog.csdn.net/java2000_wl/article/details/8090276 转载请注明出处！ 无论是通过计数算法判断对象的引用数量，还是通过根搜索算法判断对象引用链是否可达，判定对象是否存活都与“引用”相关。 引用主要分为 ：强引用(Strong Reference)、软引用(Soft Reference)、弱引用(Wea
  • .NET Framework 3.5 Service Pack 1（完整软件包）下载地址 happyqing .net下载framework
      Microsoft .NET Framework 3.5 Service Pack 1（完整软件包）  http://www.microsoft.com/zh-cn/download/details.aspx?id=25150 Microsoft .NET Framework 3.5 Service Pack 1 是一个累积更新，包含很多基于 .NET Framewo
  • JAVA定时器的使用 jingjing0907 javatimer线程定时器
    1、在应用开发中，经常需要一些周期性的操作，比如每5分钟执行某一操作等。 对于这样的操作最方便、高效的实现方式就是使用java.util.Timer工具类。 privatejava.util.Timer timer; timer = newTimer(true); timer.schedule( newjava.util.TimerTask() { public void run()
  • Webbench 流浪鱼 webbench
    首页下载地址 http://home.tiscali.cz/~cz210552/webbench.html Webbench是知名的网站压力测试工具，它是由Lionbridge公司（http://www.lionbridge.com）开发。 Webbench能测试处在相同硬件上，不同服务的性能以及不同硬件上同一个服务的运行状况。webbench的标准测试可以向我们展示服务器的两项内容：每秒钟相
  • 第11章 动画效果（中） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • windows下制作bat启动脚本. sanyecao2314 javacmd脚本bat
    java -classpath C:\dwjj\commons-dbcp.jar;C:\dwjj\commons-pool.jar;C:\dwjj\log4j-1.2.16.jar;C:\dwjj\poi-3.9-20121203.jar;C:\dwjj\sqljdbc4.jar;C:\dwjj\voucherimp.jar com.citsamex.core.startup.MainStart
  • Java进行RSA加解密的例子 tomcat_oracle java
    加密是保证数据安全的手段之一。加密是将纯文本数据转换为难以理解的密文；解密是将密文转换回纯文本。 　　数据的加解密属于密码学的范畴。通常，加密和解密都需要使用一些秘密信息，这些秘密信息叫做密钥，将纯文本转为密文或者转回的时候都要用到这些密钥。 　　对称加密指的是发送者和接收者共用同一个密钥的加解密方法。 　　非对称加密(又称公钥加密)指的是需要一个私有密钥一个公开密钥，两个不同的密钥的
  • Android_ViewStub 阿尔萨斯 ViewStub
    public final class ViewStub extends View java.lang.Object android.view.View android.view.ViewStub 类摘要： ViewStub 是一个隐藏的，不占用内存空间的视图对象，它可以在运行时延迟加载布局资源文件。当 ViewSt
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他