zhenyu5211314
zhenyu5211314

HTML5 如何实现拖拽效果

    最近有一个项目，需要做一个页面效果，就是将页面中的图片元素拖拽到指定的位置并进行保存，页面加载后自动载人上次拖拽的位置（比如页面中有一医院的平面简图，现在想把某一温度传感器设备的简图放到指定的房间），开始的时候想用Flex或者Flash做，可惜这两个都不会，在网上找了几个实现拖拽的例子，终于可以拖拽图片啦，但是在与数据库交互时，如何存储并再次显示图片的坐标犯了难。


    这两天在看HTML5，发现HTML5可以直接实现拖拽，这样相比Flash，既不需要插件支持，也不需要在于数据库交互时发生问题。

    

    这是在W3School上看到的实现拖拽的教程 点击打开链接


    这是W3School上面可运行的例子 拖拽例子


    上面的例子实现的是在两个<div>中实现拖拽图片，其实实现拖拽效果只需要以下几步：

    1. 设置被拖拽元素属性为可拖放，draggable = "true"

    2. 设置拖动时响应的事件，即拖动时元素效果，ondragstart = "drag(event)" ，下面的函数dataTransfer.setData设置拖拽元素的数据类型和值

    function drag(ev)
    {
        ev.dataTransfer.setData("Text",ev.target.id);
    } 

   3. 设置div允许其他元素放到上面，ondragover="allowDrop(event)"

    function allowDrop(ev)
    {
        ev.preventDefault();
    }

    4. 设置元素放到div上的响应事件，ondrop="drop(event)"

    function drop(ev)
    {
         ev.preventDefault();
         var data=ev.dataTransfer.getData("Text");
         ev.target.appendChild(document.getElementById(data));
    }

    其实就是把元素设置成div的子元素


下面是完整的代码：

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
#div1, #div2
{float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;}
</style>
<script type="text/javascript">
function allowDrop(ev)
{
ev.preventDefault();
}


function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
}


function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>


<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
  <img src="/i/w3school_logo_black.gif" draggable="true" ondragstart="drag(event)" id="drag1" />
</div>
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>


</body>
</html>

    只要把每个屋子设置成可以将元素拖拽上去的div就行啦，下次加载的时候直接将元素设置成该div的子元素，可是还有重复拖拽，覆盖等情况需要考虑。


你可能感兴趣的:(html5,教程,拖拽)

  • win32汇编环境,网络编程入门之十三 一品人家 win32汇编网络编程入门教程汇编
    ;win32汇编环境,网络编程入门之十三;在这一教程里，我们学习一下如何利用HttpQueryInfo函数,测试一下所访问的网页是否存在;一般情况下，返回404错误即意味着没有该网页，我们可以用这个HTTP的返回状态码来测试链接是否存在;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.386.modelfla
  • 如何用3个月零基础入门网络安全？_网络安全零基础怎么学习 白帽黑客啊一 学习web安全安全python网安入门
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包前言写这篇教程的初衷是很多朋友都想了解如何入门/转行网络安全，实现自己的“黑客梦”。文章的宗旨是：1.指出一些自学的误区2.提供客观可行的学习表3.推荐我认为适合小白学习的资源.大佬绕道哈！基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包一、自学网络安全学习的误区和陷阱1.不要试图先成为一名程序员（以编程为基础的学习）
  • Flask REST API 清洁架构实践教程 倪炎墨
    FlaskRESTAPI清洁架构实践教程flask_restapi_clean_architectureACleanArchitecturePracticewithFlaskRESTAPI项目地址:https://gitcode.com/gh_mirrors/fl/flask_restapi_clean_architecture1、项目介绍flask_restapi_clean_architect
  • Web安全攻防入门教程——hvv行动详解 白帽子黑客罗哥 web安全安全学习网络网络安全
    Web安全攻防入门教程Web安全攻防是指在Web应用程序的开发、部署和运行过程中，保护Web应用免受攻击和恶意行为的技术与策略。这个领域不仅涉及防御措施的实现，还包括通过渗透测试、漏洞挖掘和模拟攻击来识别潜在的安全问题。本教程将带你入门Web安全攻防的基础概念、常见攻击类型、防御技术以及一些实战方法。一、Web安全基础Web应用安全的三大核心目标（CIA三原则）机密性(Confidentialit
  • python train 函数_Python之并行--基于joblib weixin_39786850 pythontrain函数
    Python的并行远不如Matlab好用。比如Matlab里面并行就直接把for改成parfor就行（当然还要注意迭代时下标的格式），而Python查一查并行，各种乱七八糟的方法一大堆，而且最不爽的一点就是只能对函数进行并行。当然，这点困难也肯定不能就难倒我们，该克服也得克服，毕竟从本质上讲，也就只是实现的方式换一换而已。大名鼎鼎的sklearn里面集成了很方便的并行计算，这在之前的机器学习教程里
  • mac开发环境准备工作 TomatoMomo macos
    Mac开发环境准备工作作者：TomatoMomo对于新入手的macos环境的电脑，很多原win开发环境下的程序员会显得无从下手，不知道从哪里做起。以下是一些推荐的必备的环境配置。网络代理环境配置软件包管理还有docker等诸多环境如果没有优质的外网环境，目前可以说是举步维艰，不分win还是mac还是linux开发环境，对于程序员来说几乎是必需品。这篇文章不提供代理配置教程。安装brew对于程序员来
  • Python爬虫：Feapder 的详细使用和案例 数据知道 2025年爬虫和逆向教程python爬虫开发语言
    更多内容请见：爬虫和逆向教程-专栏介绍和目录文章目录1.Feapder概述1.1Feapder介绍1.2Feapder核心特点1.3Feapder主要组件1.4Feapder的安装2.基础爬虫编写2.1创建爬虫2.2运行爬虫3.数据采集案例3.1新闻网站采集3.2电商商品采集3.3使用Spider类创建更强大爬虫4.高级功能使用4.1分布式爬虫4.2浏览器渲染4.3文件下载4.4监控与报警5.数据
  • Csharp中使用CEF浏览器 a13219405905 C#C#CEFgooglechrome
    关于C#使用CEF的详解欢迎观赏此教程如何快速集成CefSharp到项目？如何使用初始运行简单的项目？进阶版：一.网页右键菜单`：IContextMenuHandler`进阶版：二.网页操作回调`：ILifeSpanHandler`进阶版：三.操作Cookies`：ICookieManager`进阶版：四.Request的回调`：IRequestHandler`结尾欢迎观赏此教程这是一篇帮助萌新进
  • MYSQL学习心得 没有网名L MYSQL学习笔记数据库mysqlmariadb
    安装mysql首先找到免安装版的mysql包，之后书写一个.ini文件进行初始化配置，可参考csdn网址MySql的配置——详细教程_二哈喇子！的博客-CSDN博客_配置mysql在控制台输入mysql直接进入mysql操作界面，首先需要找到mysql的目录，如C:\Users\wei\Desktop\mysql-5.7.26-winx64，后在环境变量中的系统变量添加变量名：MYSQL_HOME
  • 是时候反思下 Web 前端了
    我以往写的技术类文章，绝大部分是问题反思、方法论之类的，极少有某个具体技术或工具的介绍与使用教程——除非是我创造的。眼看着曾经经常针对前端领域问题进行有价值思考与讨论的前辈、大佬、同行们接连退隐或沉默，这块儿的高价值新产出内容越来越少。因此，我打算自告奋勇地正式接下「对前端领域问题进行思考并尽量产出高价值内容」这个生态位的接力棒。需要特别说明的是，「前端领域」不局限于以HTML、CSS、JavaS
  • 22、web前端开发之html5（三） 跟着汪老师学编程 前端html5
    六.离线存储与缓存在网络环境不稳定或需要优化资源加载速度的场景下，离线存储与缓存技术显得尤为重要。HTML5引入了多种离线存储和缓存机制，帮助开发者提升用户体验。本节将详细介绍ApplicationCache、localStorage、sessionStorage以及IndexedDB等技术，帮助你理解如何在不同场景下选择合适的存储和缓存策略。1、ApplicationCacheApplicati
  • Python||JSON文件 VS. json模块一文读懂异与同 the_time_runner #小白学Pythonjson模块JSON编码格式json.loads()json.dumps()
    JSON(JavaScriptObjectNotation)是一种文件编码格式。python中json是一个模块(官方文档菜鸟教程),用于解析或编码JSON文件。importjson#将python格式编码成JSON数据格式json.dumps([1,2,3,{'4':5,'6':7}],separators=(',',':'))#'[1,2,3,{"4":5,"6":7}]'>>>将JSON数据
  • Vala编成语言教程-构造函数和析构函数 __XYZ vala教程开发语言c#c语言c++后端
    构造函数Vala支持两种略有不同的构造方案：我们将重点讨论Java/C#风格的构造方案，另一种是GObject风格的构造方案。Vala不支持构造函数重载的原因与方法重载不被允许的原因相同，这意味着一个类不能有多个同名构造函数。但这并不构成问题，因为Vala支持命名构造函数。如果您需要提供多个构造函数，可以为它们添加不同的名称后缀：publicclassButton:Object{  publicB
  • InDesign软件下载：附最新安装包+详细图文教程（win/mac） 戴宣千Red
    InDesign软件下载：附最新安装包+详细图文教程（win/mac）InDesign软件下载附最新安装包详细图文教程winmac项目地址:https://gitcode.com/Resource-Bundle-Collection/66d07软件简介AdobeInDesign是一款由Adobe公司开发的专业级排版设计软件，广泛应用于杂志、书籍、广告等多种印刷材料以及数字出版物的制作。它以其高效的
  • PyTorch量化技术教程：第一章 PyTorch基础入门 船长@Quant Python量化基础pythonpytorchTA-Lib量化交易机器学习深度学习
    PyTorch量化技术教程：PyTorch基础入门本教程旨在为读者提供一套全面且深入的PyTorch技术在量化交易领域应用的知识体系。系统涵盖PyTorch基础入门、核心组件详解、模型构建与训练，以及在A股市场中的实战应用。采用理论与实战深度融合的讲解模式，详细剖析如何运用PyTorch打造量化交易系统全流程。从数据处理的精细操作，到模型训练的优化技巧，再到交易信号生成的精准逻辑，以及风险管理的严
  • 如何在网页编辑器中使用KindEditor导入Excel文件？ 2501_90699640 编辑器excelumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
    要求：开源，免费，技术支持编辑器：KindEditor前端：vue2,vue3,react,vue-cli,html5,后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows
  • 2025最新docker教程（八） 嘿rasa 2025最新教程系列docker容器运维
    什么是Dockerfile？Dockerfile是一个用来构建镜像的文本文件，文本内容包含了一条条构建镜像所需的指令和说明。使用Dockerfile定制镜像这里仅讲解如何运行Dockerfile文件来定制一个镜像，具体Dockerfile文件内指令详解，将在下一节中介绍，这里你只要知道构建的流程即可。1、下面定制一个nginx镜像（构建好的镜像内会有一个/usr/share/nginx/html/
  • AppML 下载指南 wjs2024 开发语言
    AppML下载指南引言AppML是一款功能强大的移动应用开发工具，它旨在简化移动应用的开发流程，提高开发效率。本文将为您详细介绍AppML的下载方法、安装步骤以及注意事项，帮助您快速上手这款优秀的应用开发工具。AppML简介AppML是一款基于人工智能技术的移动应用开发平台，它允许开发者通过简单的拖拽操作，快速构建出具有丰富功能的移动应用。AppML支持多种平台，包括iOS、Android和Win
  • “网页编辑器新技能：UMEDITOR的WORD、PDF导入解决方案？“ weixin_52041354 编辑器wordpdfumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • 给Web开发者的HarmonyOS指南01-文本样式
    给Web开发者的HarmonyOS指南01-文本样式本系列教程适合HarmonyOS初学者，为那些熟悉用HTML与CSS语法的Web前端开发者准备的。本系列教程会将HTML/CSS代码片段替换为等价的HarmonyOS/ArkUI代码。页面结构HTML与ArkUI在Web开发中，HTML文档结构由、和等标签组成，其中标签包含了页面中所有可见的内容。而在HarmonyOS的ArkUI框架中，使用@E
  • 鸿蒙特效教程09-深入学习animateTo动画
    鸿蒙特效教程09-深入学习animateTo动画本教程将带领大家从零开始，一步步讲解如何讲解animateTo动画，并实现按钮交互效果，使新手也能轻松掌握。效果演示通过两个常见的按钮动画效果，深入学习HarmonyOSNext的animateTo动画，以及探索最佳实践。缩放按钮效果抖动按钮效果一、基础准备1.1理解ArkUI中的动画机制HarmonyOS的ArkUI框架提供了强大的动画支持，常见有
  • 鸿蒙特效教程10-卡片展开/收起效果
    鸿蒙特效教程10-卡片展开/收起效果在移动应用开发中，卡片是一种常见且实用的UI元素，能够将信息以紧凑且易于理解的方式呈现给用户。本教程将详细讲解如何在HarmonyOS中实现卡片的展开/收起效果，通过这个实例，你将掌握ArkUI中状态管理和动画实现的核心技巧。一、实现效果预览我们将实现一个包含多个卡片的页面，整个交互过程都有平滑的动画效果。每个卡片默认只显示标题，点击右侧箭头按钮后可以展开显示详
  • 鸿蒙特效教程08-幸运大转盘抽奖
    鸿蒙特效教程08-幸运大转盘抽奖本教程将带领大家从零开始，一步步实现一个完整的转盘抽奖效果，包括界面布局、Canvas绘制、动画效果和抽奖逻辑等。1.需求分析与整体设计温馨提醒：本案例有一定难度，建议先收藏起来。在开始编码前，让我们先明确转盘抽奖的基本需求：展示一个可旋转的奖品转盘转盘上有多个奖品区域，每个区域有不同的颜色和奖品名称点击"开始抽奖"按钮后，转盘开始旋转转盘停止后，指针指向的位置即为
  • 鸿蒙特效教程03-水波纹动画效果
    鸿蒙特效教程03-水波纹动画效果本教程适合HarmonyOS初学者，通过简单到复杂的步骤，一步步实现漂亮的水波纹动画效果。最终效果预览我们将实现以下功能：点击屏幕任意位置，在点击处生成一个水波纹触摸并滑动屏幕，波纹会实时跟随手指位置生成波纹从小到大扩散，同时逐渐消失波纹颜色随机变化，增加视觉多样性一、创建基础布局首先，我们需要创建一个基础页面布局。这个布局包含一个占满屏幕的区域，用于展示水波纹动画
  • 鸿蒙特效教程04-直播点赞动画效果实现教程
    鸿蒙特效教程04-直播点赞动画效果实现教程在时下流行的直播、短视频等应用中，点赞动画是提升用户体验的重要元素。当用户点击屏幕时，屏幕上会出现飘动的点赞图标。本教程适合HarmonyOS初学者，通过简单到复杂的步骤，通过HarmonyOS的Canvas组件，一步步实现时下流行的点赞动画效果。效果预览我们将实现的效果是：用户点击屏幕时，在点击位置生成一个emoji表情图标，逐步添加了以下动画效果：向上
  • 鸿蒙特效教程06-可拖拽网格实现教程
    鸿蒙特效教程06-可拖拽网格实现教程本教程适合HarmonyOSNext初学者，通过简单到复杂的步骤，一步步实现类似桌面APP中的可拖拽编辑效果。效果预览我们要实现的效果是一个Grid网格布局，用户可以通过长按并拖动来调整应用图标的位置顺序。拖拽完成后，底部会显示当前的排序结果。实现步骤步骤一：创建基本结构和数据模型首先，我们需要创建一个基本的页面结构和数据模型。我们将定义一个应用名称数组和一个对
  • “百度UM编辑器能否支持粘贴WORD文档并自动上传图片？“ 2501_90646763 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • “百度富文本编辑器（UMEDITOR）如何高效导入WORD内容？“ 2501_90646449 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • “如何通过UMEDITOR将WORD文档中的图片无缝复制到网页？“ 2501_90646449 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • 多图超详细安装flutter&Android Studio开发环境，并配置插件 技术博主狂热者 httpudphttpswebsocket网络安全网络协议tcp/ip
    Flutter开发环境搭建指南Flutter是Google推出的一款跨平台移动应用开发框架，能够帮助开发者快速构建高性能的iOS和Android应用。虽然网上有很多关于Flutter安装的教程，但很多内容已经过时，或者步骤繁琐。本文将分享我从零开始安装Flutter开发环境并成功运行示例Demo的过程，希望能帮助大家少走弯路。第一步：安装FlutterSDK访问Flutter中文网获取最新的Flu
  • 深入浅出Java Annotation(元注解和自定义注解） Josh_Persistence Java Annotation元注解自定义注解
    一、基本概述     　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。   　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
  • mysql优化特定类型的查询 annan211 java工作mysql
    本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。 1 优化count查询 对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看 真正的count()函数的作用到底是什么。 count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。 在统
  • MAC下安装多版本JDK和切换几种方式 棋子chessman jdk
    环境： MAC AIR,OS X 10.10,64位   历史： 过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。 后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。   在终端中输入jav
  • javaScript （1） Array_06 JavaScriptjava浏览器
    JavaScript 1、运算符 　　运算符就是完成操作的一系列符号，它有七类： 　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
  • 国内顶级代码分享网站 袁潇含 javajdkoracle.netPHP
           现在国内很多开源网站感觉都是为了利益而做的                  当然利益是肯定的,否则谁也不会免费的去做网站      &
  • Elasticsearch、MongoDB和Hadoop比较 随意而生 mongodbhadoop搜索引擎
      IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
  • mac os 系统科研软件总结 张亚雄 mac os
    1.1 Microsoft Office for Mac 2011      大客户版，自行搜索。      1.2 Latex （MacTex）:      系统环境：https://tug.org/mactex/     &nb
  • Maven实战（四）生命周期 AdyZhang maven
    1. 三套生命周期     Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
  • Linux下Jenkins迁移 aijuans Jenkins
    1. 将Jenkins程序目录copy过去      源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面            tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
  • request.getInputStream()只能获取一次的问题 ayaoxinchao requestInputstream
    问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据   原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
  • 数据库SQL优化大总结之 百万级数据库优化方案 BigBird2012 SQL优化
    网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。 这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。 1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where
  • jsonObject的使用 bijian1013 javajson
            在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。 JSONUtil.java package com.bijian.json.study; import java.util.ArrayList; import java.util.Date; import java.util.HashMap;
  • [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration bit1129 zookeeper
    Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类     首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher，   /** * Register a watcher for a particular p
  • 【Scala十三】Scala核心七：部分应用函数 bit1129 scala
    何为部分应用函数？ Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
  • Tomcat Error listenerStart 终极大法 ronin47 tomcat
    Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下 Java代码  handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
  • 不用加减符号实现加减法 BrokenDreams 实现
            今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。         分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。    
  • 读《研磨设计模式》-代码笔记-状态模式-State bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类 状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况 把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化 如果在
  • CUDA程序block和thread超出硬件允许值时的异常 cherishLC CUDA
    调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。 以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！ 所以验证结果的正确性很重要！！！ 在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。 以下程序在K5000GPU上跑的。
  • 诡异的超长时间GC问题定位 chenchao051 jvmcmsGChbaseswap
    HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志： 2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
  • maven环境快速搭建 daizj 安装mavne环境配置
    一 下载maven 安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。 maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
  • PHP网站安全，避免PHP网站受到攻击的方法 dcj3sjt126com PHP
    对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
  • yii中给CGridView设置默认的排序根据时间倒序的方法 dcj3sjt126com GridView
    public function searchWithRelated() {         $criteria = new CDbCriteria;         $criteria->together = true; //without th
  • Java集合对象和数组对象的转换 dyy_gusi java集合
        在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。 1、数组对象转换为集合对象     最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
  • nginx同一主机部署多个应用 geeksun nginx
    近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。 1.   在nginx下创建vhosts目录，用以放置vhost文件。 mkdir vhosts   2.   修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件 #
  • ubuntu添加admin权限的用户账号 hongtoushizi ubuntuuseradd
    ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下： 1:useradd    使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。 顾应该如下操作：  
  • 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理 jinnianshilongnian nginxlua
      JSON库   在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
  • Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 yaerfeng1989 timerquartz定时器
    原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm 有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。 1.Java Timer定时 首先继承jav
  • Linux下df与du两个命令的差别？ pda158 linux
    　一、df显示文件系统的使用情况，与du比較，就是更全盘化。 　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。 　　举比例如以下： 　　[root@localhost ~]# df -T 　　Filesystem                   Type &n
  • [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象 ctfzh VOandroidsqlite反射Cursor
    在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。   使用时需要注意： 考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。 表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
  • 该学习笔记用到的Employee表 vipbooks oraclesql工作
        这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。 drop table Employee; -- 员工信息表 create table Employee( -- 员工编号 EmpNo number(3) primary key, -- 姓
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他