zxc123e
zxc123e

html5拖拽

一. 页面内元素拖放

属性draggable，设置为true，元素可以拖放。

拖放事件

拖拽元素事件：事件对象为被拖拽元素

  • dragstart，拖拽前触发
  • drag，拖拽前到拖拽结束之间连续触发
  • dragend，拖拽结束触发

目标元素事件：事件对象为目标元素
- dragenter，进入目标元触发
- dragover，进入目标到离开目标之间连续触发
- dragleave，离开目标元素触发
- drop，在目标元素上释放鼠标触发
火狐下必须设置dataTransfer对象的setData方法才可以拖拽除图片外的其他标签

dataTransfer对象

setData()：设置数据key和value（必须是字符串）
getData()：获取数据，根据key值，获取对应的value
effectAllowed：设置光标样式（none,copy,copyLink,copyMove,link,linkMove,move,all和uninitialized）
setDragImage：三个参数：指定的元素，坐标X，坐标Y

<style> #ul1 {list-style:none;} #ul1 li {width:100px; height:20px;background:gray; display:block; margin:10px;} #div1 {width:100px;height:100px; background:pink;margin:100px auto;} </style>
 <body>

 <ul id ="ul1">
    <li draggable="true">a</li>
    <li draggable="true">b</li>
    <li draggable="true">c</li>
 </ul>
 <div id = "div1">
 </div>
 <script> var oUl = document.getElementById("ul1"); var oli = document.getElementsByTagName("li"); var oDiv = document.getElementById("div1"); for(var i = 0; i < oli.length; i++) { oli[i].index = i; oli[i].ondragstart = function(ev) { var ev = ev || window.event; this.style.background = "blue"; for(var i = 0; i < oli.length; i++) { oli[i].index = i; } console.log(this.index); ev.dataTransfer.setData("index", this.index); } var num = 0; oli[i].ondrag = function() //在开始和结束之间一直执行 { document.title = num++; } oli[i].ondragend = function() { this.style.background = "gray"; } } oDiv.ondragenter = function() { this.style.background = "red"; } oDiv.ondragover = function(ev) { var ev = ev||window.event; //要想触发drop事件，必须在dragover中阻止默认事件 ev.preventDefault(); } oDiv.ondragleave = function() { this.style.background = "pink"; } oDiv.ondrop = function(ev) { ev = ev || window.event; this.style.background = "pink"; alert(ev.dataTransfer.getData("index")); if(oUl.hasChildNodes()) //当ul下还存在子节点时 { oUl.removeChild(oli[ev.dataTransfer.getData("index")]); } } </script>
 </body>

二. 外部文件拖放

dataTransfer对象的files

获取外部拖拽的文件，返回一个filesList列表，filesList下有个type属性，返回文件的类型。

FileReader(读取文件信息)

  • readAsDataURL:参数为要读取的文件对象，将文件读取为DataUrl
  • onload
    当读取文件成功完成的时候触发
    this.result，来获取读取的文件数据，如果是图片，将返回base64格式的图片数据
 <style type="text/css"> #div1{ width: 200px; height: 200px; margin: 100px auto; background: red; } </style>
 <body>
    <div id="div1">将文件拖放至此区域</div>
    <ul id="ul1"></ul>
    <script type="text/javascript"> var oDiv = document.getElementById("div1"); var oUl = document.getElementById("ul1"); oDiv.ondragenter = function() { this.innerHTML = "鼠标可以释放"; } oDiv.ondragleave = function() { this.innerHTML = "将文件拖放至此区域"; } oDiv.ondragover = function(ev) { var ev = ev || window.event; ev.preventDefault(); } oDiv.ondrop = function(ev) { var ev = ev || window.event; ev.preventDefault(); var fs = ev.dataTransfer.files; alert(fs[0].type); var fd = new FileReader(); fd.readAsDataURL(fs[0]); fd.onload = function() { // alert(this.result); var li = document.createElement("li"); var img = document.createElement("img"); img.src = this.result; li.appendChild(img); oUl.appendChild(li); } } </script>
 </body>

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

  • 如何正确定位前后端bug？ ℡52Hz★ 前后联调总结bugvue.js前端vue
    在平时的开发过程中，正确定位前后端bug是提高开发效率和项目质量的关键。以下是一些实用的方法。一、前后端bug特征前端主要负责显示数据，后端主要负责处理数据、存储数据，前后端主要通过接口进行数据交换。1.前端bug特征界面显示类问题：如文字大小不一，控件颜色不搭，控件不整齐，静态界面错误；页面布局类问题：文字排版没有统一，行间距大小、重叠、显示不全；页面交互类问题：没有点击，拖拽，基本都是JS的问
  • Python 中 PIL 构建图片裁剪工具 winfredzhang pythoncrop
    概述这篇博客将为您展示如何使用wxPython和PIL库开发一个图片裁剪工具。本工具能够加载图片，允许用户通过拖拽选择框裁剪图片，并保存裁剪后的结果。以下是完整代码和实现步骤。C:\pythoncode\new\cropimageandsave.py功能特性图片加载：支持加载JPG和PNG格式的图片。动态裁剪：通过鼠标绘制矩形选择框进行裁剪。缩放适配：图片会根据面板大小自动缩放显示。保存裁剪结果：
  • Visio 2021 常用快捷键总结 八年。。 笔记学习
    下标：【“Ctrl”+“=”】上标：【“Ctrl”+“shift”+“=”】斜体：【“Ctrl”+“i”】加粗：【“Ctrl”+“b”】下划线：【“Ctrl”+“u”】删除本段光标之后所有内容：【“Ctrl”+“Delete”】删除本段光标之钱所有内容：【“Ctrl”+“Backspace”】另保存：【“F12”】复制：【“Ctrl”+鼠标拖拽】水平\垂直移动：【“Shift”+鼠标拖拽】放大缩小
  • 当父级元素设置了flex 布局 ，两个子元素都设置了flex :1, 但是当子元素放不下的时候会溢出父元素怎么解决 （css 样式问题） IT 牛马 css前端
    一、问题遇到个样式问题，当父级元素设置了flex布局，两个子元素都设置了flex:1,但是当子元素放不下的时候会溢出父元素怎么解决（拖拽浏览器使页面变小）二、解决方法.father{min-height:600px;width:100%;display:flex;gap:12px;&-left{flex:1;min-width:0;//关键代码设置最小宽度和最大宽度可以防止子元素溢出max-wid
  • 电商效率提升实战：看板工具如何优化任务可视化与进度追踪 androidios小程序
    在电商行业，尤其是面对旺季订单量激增和多部门协作的复杂场景，看板工具能够显著提升团队的协作效率和项目管理能力。以下是如何使用看板工具提升效率的具体方法，以板栗看板为例：一、任务管理与进度跟踪电商运营涉及多个环节，如商品上架、促销活动策划、订单处理和客户服务等。通过板栗看板，团队可以将这些任务以卡片形式展示在看板上，帮助团队成员清晰了解任务的状态、优先级和负责人。通过拖拽任务卡片，团队成员可以直观地
  • 2024年最全selenium UI使用小技巧集合_python selenium 中 2401_84692253 程序员seleniumuipython
    al=driver.switch_to.alertal.send_keys(“口罩太贵了”)al.accept()#确认对话框time.sleep(3)driver.quit()###鼠标事件用selenium做自动化，有时候会遇到需要模拟鼠标操作才能进行的情况，比如单击、双击、点击鼠标右键、拖拽等等。而selenium给我们提供了一个类来处理这类事件——ActionChainsActionCha
  • Python从0到100（七十三）：Python OpenCV-OpenCV实现手势虚拟拖拽 是Dream呀 pythonopencv开发语言
    前言：零基础学Python：Python从0到100最新最全教程。想做这件事情很久了，这次我更新了自己所写过的所有博客，汇集成了Python从0到100，共一百节课，帮助大家一个月时间里从零基础到学习Python基础语法、Python爬虫、Web开发、计算机视觉、机器学习、神经网络以及人工智能相关知识，成为学习学习和学业的先行者！欢迎大家订阅专栏：零基础学Python：Python从0到100最新
  • 一款开源免费的数据可视化大屏 JimuBI，低代码与 AI 结合产品
    简介JimuBI是一个JAVA语言的低代码数据可视化大屏BI产品，将大屏、仪表盘、移动面板、图表或页面元素封装为基础组件，无需编写代码即可完成业务需求。这是JeecgBoot团队出品的另外一款报表产品，积木报表已经成为业内报表首先，预测该大屏即将覆盖全行业。酷炫大屏轻松设计，通过拖拽完成大屏设计，80多种组件及20多种边框装饰满足您的设计需求。智能仪表盘简单易用，拖拽式操作自由布局，页面自适应；支
  • R语言 | vscode R plot 不弹出图形窗口，看不到图怎么办？ biomooc Rwin10r语言vscode开发语言
    原因未知。现在可以逐行执行了，但是要在浏览器查看图片：#install.packages("httpgd")library(httpgd)hgd()httpgd::hgd_url()#把输出的url复制到浏览器，查看接下来的绘图#同样打开设置面板，搜索r.plot.usehttpgd，勾选开启即可。x=seq(0,3*pi,by=0.1)plot(x,sin(x),type="l")支持拖拽改变长
  • 在electron中实现一个桌面悬浮球
    概要在electron+vue3搭建的应用中实现了一个桌面悬浮球/mini窗口的功能，支持任意拖拽、丝滑的菜单折叠展开动画效果。在实现过程中需要关注的一些点：1、管理悬浮球窗口创建以及配置：需要一个透明的窗口来承载视图。2、解决electron拖拽和点击事件冲突（核心）：因为使用-webkit-app-region:drag样式的方式会导致拖拽和点击事件冲突，所以需要通过渲染进程和主进程的通信来解
  • Text2SQL的三种实现方法 AI科技分享 算法线性回归回归深度学习rnn
    传统BI工具通常分为数据接入层、分析工具层和基于该工具平台的各种行业应用层面，大模型可以在这些环节发挥作用。在数据处理层面，大模型可以帮助传统的ETL过程简化难度，提高实时交互效率。在数据分析层面，大模型可以替代拖拽交互方式，让业务用户用更简单、更高效的方式以自然语言形式与底层数据交互，构建需要的报表和看板。在行业应用层面，大模型可以真正发挥对行业知识的理解能力，与具体数据结合，形成具针对客户、特
  • 家政公司的得力助手：这些团队管理工具你值得拥有 团队协同
    家政团队管理工具是为了帮助家政公司更高效地管理员工、优化服务流程而精心设计的。以下是一些常见的家政团队管理工具及其特点：一、综合型管理工具板栗看板功能：板栗看板是一款以看板为核心的综合型团队协作工具。它提供了直观的任务管理和进度跟踪功能，支持团队成员通过拖拽任务卡片来实时更新任务状态。此外，板栗看板还支持文件共享、在线讨论和多种视图切换，方便团队成员从多个角度了解项目进展。适用场景：家政公司可利用
  • 基于 Vue 的拖拽缩放卡片组件：实现思路、方法及使用指南 Jiaberrr javascript前端vue.js前端框架
    引言在前端开发中，实现可交互的组件能够极大地提升用户体验。本文将介绍一个基于Vue封装的可缩放卡片组件，从实现思路、代码具体实现以及使用方法等方面进行详细阐述，帮助开发者更好地理解和运用这一组件。项目源码地址：https://gitcode.com/Jiaberrr/vue3-pc-template实现思路定位与布局：通过position:absolute对卡片进行定位，利用left、top、ri
  • vue3中用MutationObserver加hook方式实现视频不可拖拽功能&效能工具（六）一键提交git代码bat脚本
    github完整代码：https://github.com/shuirongshuifu/vue3-echarts5-example需求描述项目中有视频播放功能采取的是开源组件，西瓜视频的开源组件点击去官网xgplayer大致需求就是若视频没有播放完毕，就不允许拖拽跳着观看当然会有一个字段记录视频有没有播放完毕关于西瓜视频xgplayer的配置项使用，可以参照笔者之前的文章：https://seg
  • 实现列表拖拽排序功能，可新增，可删除，拖住排序，draggable，dragstart，dragend，dragover，利用好这几个事件，完美实现拖拽功能 Sherry Tian javascriptjavascript前端
    你好呀，我是爱编程的Sherry，很高兴在这里遇见你！我是一名拥有十多年开发经验的前端工程师。这一路走来，面对困难时也曾感到迷茫，凭借不懈的努力和坚持，重新找到了前进的方向。我的人生格言是——认准方向，坚持不懈，你终将迎来辉煌！欢迎关注我，我将在这里分享工作中积累的经验和心得，希望我的分享能够给你带来帮助。文章目录前言效果展示功能说明新增：删除：拖拽排序：关键点：代码实现html（结构）css（样
  • 【拖拽】自定义拖拽图标 风露_
    一、知识点设置被拖拽的元素draggable为true(HTML5新特性)关键方法：voiddataTransfer.setDragImage(img,xOffset,yOffset);注意点：Note:Ifthe[Element]isanexisting[HTMLElement],itneedstobevisibleintheviewportinordertobeshownasadragfeed
  • vue 表格左右拖拽调整列宽_vue中实现拖动调整左右两侧div的宽度的示例代码 weixin_40008969 vue表格左右拖拽调整列宽
    写在最前最近在使用vue的时候，遇到一个需求，实现左右div可通过中间部分拖拽调整宽度，类似于这样这是我最终的实现效果还是老话，因为我不是专业的前端工程师，只是兼职写一些简单的前端，所以这个功能的实现得益于以下博客，《vue拖动调整左右两侧div的宽度》、《vuejs中拖动改变元素宽度实现宽度自适应大小》，而我只是针对于他们提供的代码，加了亿点点自己所需要的细节。实现原理如上图所示，我们需要将要实
  • vue3 - element-plus表格组件el-table实现鼠标拖曳排序功能，vue3 Table表格拖拽排序，表格每行使用鼠标拖动进行排序功能，表格拖拽排序实现（详细示例代码，一键复制开箱即用 街尾杂货店& 前端组件与功能(开箱即用)elementPlusvue3el-tableTable表格拖动时动态排序表格组件鼠标拖拽排序示例代码树型tree复杂表格拖曳排序element表格行可拖动排序
    效果图在vue3+elementPlus网站开发中，详细完成el-table表格的鼠标拖拽/拖曳/拖动排序，vue3使用elementplus表格组件进行表格每行的拖动换位置排序功能（支持一键开启和关闭鼠标是否可拖动排序，代码易改造灵活），稍加改造可支持【树形复杂表格的排序】！详细示例源代码，复制运行稍微改下就能用了。准备开始首先，
  • 写一个图片裁剪的js，JavaScript图片裁剪插件PlusCropper 微特尔普拉斯 javascriptnodevuejavascript开发语言ecmascript
    在前端开发中，图片裁剪是一个常见的需求。本文将深入解析一个功能完善的JavaScript图片裁剪插件——PlusCropper，带你一步步了解其实现原理和使用方法。一、插件概述PlusCropper是一个轻量级的JavaScript插件，它允许用户在网页上交互式地裁剪图片。它提供了以下功能：可拖拽和缩放的裁剪框:用户可以通过鼠标或触摸操作来调整裁剪区域的大小和位置。图片旋转:支持图片的顺时针和逆时
  • Qt控件提升为自定义类 虾米小小小 Qt
    今天在提升QLabel控件为自定义控件时，发现弹出的对话框里没有直接出现我的新Label类，后来手动填写自定义类名才添加上去，后边还出现“Notused”，吓我一跳，不过还好能识别。像QtCreator中UI界面中的奇葩问题也还遇到过几个，比如在UI界面拖拽控件调整位置时，有时控件会突然隐藏，不管怎么选都选不中，不过右侧列表中还有控件名称，直接剪切复制也就出来了，Crtl+Z都不行，你说气不气；还
  • 如何恢复删除的文件？4个实用恢复方法全解析 分享者花花 数据恢复数据恢复软件文件恢复androidpdf数据库电脑智能手机笔记本电脑开源软件
    文件丢失是个大问题，但别担心，我们有办法帮你找回！大家好，欢迎来到今天的教程。在数字时代，我们每天都在与手机、电脑等电子设备打交道，但如果不小心误删除了重要文件，该怎么办呢？别担心，今天我们就来教你如何恢复删除的文件。首先，我们要了解一些常见的情况。有时候我们会把文件拖拽到回收站里，然后清空回收站；有时我们会使用shift+delete组合键直接删除文件，这样文件会被彻底删除，无法通过回收站还原；
  • 相当流畅的js拖拽排序实现 晨曦_子画 javascript开发语言ecmascript
    01拖拽排序是一种在网页设计和应用程序中常见的交互方式，允许用户通过鼠标或触摸操作来重新排列页面或界面上的元素。这种交互方式对于提升用户体验和操作效率具有重要意义。在拖拽排序中，用户可以用鼠标或手指按住某个元素，然后将其拖动到新的位置，从而实现对元素的重新排列。这种操作直观且灵活，使得用户可以根据自己的需求随时调整页面或界面的布局，提升了个性化体验。同时，拖拽排序也增加了用户的参与度和粘性，用户可
  • 全面的弹出框提示框插件资源指南 BOBO爱吃菠萝
    本文还有配套的精品资源，点击获取简介：在IT领域，用户界面设计中的弹出框和提示框是关键元素，它们能够有效传达信息与引导用户。本资源汇集了多种类型的弹出框和提示框插件，如artDialog、ymprompt4.0、thickbox、poshytip和colortips，提供给开发者在网页或应用程序中实现多样化交互体验的工具。这些插件各有特色，包括自定义样式、拖拽功能、全屏展示、定位提示以及色彩展示等
  • 低代码开发：业务与技术的完美融合 BPM_宏天低代码 低代码
    正文：随着数字化转型的加速，企业对应用软件的需求日益增长。然而，传统的开发方式往往费时费力，难以满足市场的快速变化。在此背景下，低代码开发平台应运而生，它们正逐步改变我们的工作方式，让业务人员和技术人员能够携手合作，共同推动业务发展。何谓低代码开发？低代码开发是一种新兴的软件开发方法，它通过图形化的用户界面和拖拽式组件快速构建应用程序，旨在降低应用程序开发的复杂性。这种简化开发流程的方法使得非技术
  • 【网易低代码】第2课，页面表格查询功能 Karle_ 网易低代码低代码
    你好！这是一个新课程CodeWave网易低代码通过自然语言交互式智能编程，同时利用机器学习，帮助低代码开发者进一步降低使用门槛、提高应用开发效率【网易低代码】第2课，页面表格查询功能1.拖拽表格组件到页面布局中2.服务端逻辑编写3.绑定表格数据源4.调用服务端逻辑5.课程预告1.拖拽表格组件到页面布局中2.服务端逻辑编写拖拽数据查询逻辑添加查询对象添加分页对象拖转分页变量page和size添加输出
  • CSS学习16--CSS高级技巧：用户界面样式、精灵技术、字体图标、滑动门 乌鸦不像写字台 css学习css学习前端
    CSS高级技巧一、用户界面样式1.鼠标样式cursor2.轮廓outline3.防止拖拽文本域resize4.vertical-align垂直对齐5.去除图片底侧空白缝隙6.溢出文字隐藏二、精灵技术sprite1.精灵技术产生背景2.精灵技术的本质3.精灵技术的使用4.制作精灵图三、字体图标1.字体图标优点2.字体图标使用流程3.追加新图标四、滑动门1.滑动门的背景2.核心技术3.技术实现一、用户
  • Antv G6 拖拽生成节点 德育处主任
    本文简介点赞+关注+收藏=学会了AntVG6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。本文主要讲解使用AntVG6实现拖拽生成节点的功能，如下图所示。file本文使用Vue3做基础框架，配合G6实现上图效果。分析在动手编码之前需要先对使用场景做一个分析。需要考虑的情景1、画布可能不是全屏的在真实项目中，使用G6做的拓扑图，画布有可能不是全屏的，很大可能有左侧
  • 6. Fabric 拖拽元素到画布 Lanwarf-前端开发 Fabricfabric前端javascript
    监听元素是否被下放到画布上canvas.on('drop',elt=>{//画布元素距离浏览器左侧和顶部的距离letoffset={left:canvas.getSelectionElement().getBoundingClientRect().left,top:canvas.getSelectionElement().getBoundingClientRect().top}//鼠标坐标转换成画
  • web前端 ios性能问题 zhenryx 前端
    1.禁止用户拖拽标签-webkit-user-drag:none;2.禁止用户选择标签user-select:none;//-webkit-touch-callout:none;///*系统默认菜单被禁用*/-webkit-user-select:none;/*webkit浏览器*/-khtml-user-select:none;/*早期浏览器*/-moz-user-select:none;/*火
  • Linux系统搭建思维导图软件Simple Mind Map并实现无公网IP远程访问 老秦包你会 linuxtcp/ip运维
    文章目录1.Docker一键部署思维导图2.本地访问测试3.Linux安装Cpolar4.配置公网地址5.远程访问思维导图6.固定Cpolar公网地址7.固定地址访问SimpleMindMap是一个可私有部署的web思维导图工具。它提供了丰富的功能和特性，包含插件化架构、多种结构类型（逻辑结构图、思维导图、组织结构图等）、节点内容支持文本、图片、图标、超链接等，支持拖拽、导入导出功能、快捷键等。c
  • Spring4.1新特性——综述 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Schema与数据类型优化 annan211 数据结构mysql
    目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。 在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出 很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。 选择优化的数据类型 1 更小的通常更好 更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
  • 第一节 HTML概要学习 chenke htmlWebcss
    第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 打开记事本 输入一下内
  • MyEclipse里部分习惯的更改 Array_06 eclipse
    继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->      Activation triggers for java的右侧“.”就可以改变常用的快捷键 选中 Text
  • 近一个月的面试总结 cugfy 面试
    本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言       打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 
  • HTML5一个小迷宫游戏 357029540 html5
         通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"
  • 10步教你上传githib数据 张亚雄 git
    官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。 操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录 （继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”） （查看文件
  • MongoDB常用操作命令大全 adminjun mongodb操作命令
    成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。 一
  • bat调用jar包并传入多个参数 aijuans
    下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）  如：   String ip =args[0];          String user=args[1];       &nbs
  • Java中对类的主动引用和被动引用 ayaoxinchao java主动引用对类的引用被动引用类初始化
      在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
  • 导出数据库 提示 outfile disabled BigBird2012 mysql
    在windows控制台下，登陆mysql，备份数据库：   mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。 注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
  • Javascript 中的 && 和 || bijian1013 JavaScript&&||
            准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith",
  • [Zookeeper学习笔记之四]Zookeeper Client Library会话重建 bit1129 zookeeper
    为了说明问题，先来看个简单的示例代码：   package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat
  • 【Scala十一】Scala核心五：case模式匹配 bit1129 scala
    package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)
  • 运维的一些面试题 yuxianhua linux
    1、Linux挂载Winodws共享文件夹   mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win    
  • Java lang包-Boolean BrokenDreams boolean
             Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable,
  • 读《研磨设计模式》-代码笔记-命令模式-Command bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
  • matlab下GPU编程笔记 cherishLC matlab
    不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP
  • SVN安装过程 crabdave SVN
    SVN安装过程   subversion-1.6.12   ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
  • sql　行列转换 daizj sql行列转换行转列列转行
    行转列的思想是通过case when 来实现 列转行的思想是通过union all 来实现 下面具体例子： 假设有张学生成绩表(tb)如下: Name Subject Result 张三 语文　　74 张三 数学　　83 张三 物理　　93 李四 语文　　74 李四 数学　　84 李四 物理　　94 */ /* 想变成 姓名   &
  • MySQL--主从配置 dcj3sjt126com mysql
    linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1  : 192.168.100.1    //master mysq
  • 关于yii 数据库添加新字段之后model类的修改 dcj3sjt126com Model
    rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被
  • sublime text3 中文乱码解决 dyy_gusi Sublime Text
    sublime text3中文乱码解决 原因：缺少转换为UTF-8的插件 目的：安装ConvertToUTF8插件包 第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
  • 概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM geeksun PHP
    CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
  • Git push 报错 "error: failed to push some refs to " 解决 hongtoushizi git
    Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。 由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。 解决方案： 1： git pull    2：
  • 第四章 Lua模块开发 jinnianshilongnian nginxlua
    在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
  • java.lang.reflect.Proxy liyonghui160com
      1.简介   Proxy 提供用于创建动态代理类和实例的静态方法 （1）动态代理类的属性 代理类是公共的、最终的，而不是抽象的 未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留 代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口
  • Java中getResourceAsStream的用法 pda158 java
    1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 　　2. Class.getClassLoader.get
  • spring 包官方下载地址（非maven） sinnk spring
    SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:   http://repo.springsource.org/libs-release-local/org/springframework/spring/   s
  • Oracle学习笔记(7) 开发PLSQL子程序和包 vipbooks oraclesql编程
        哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！      这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！     编程时使用的工具是PLSQL
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他