丶Serendipity丶
丶Serendipity丶

html-拖拽释放(Drag and drop) API

html-拖拽释放(Drag and drop) API_第1张图片

前言

　　本文总结一下html5 新增的元素拖拽功能的使用。

正文

　　1、H5之前的拖拽功能实现方法

　　JS 拖 拖 拽 功 能 的 实 现首先是三个事件，分别是 mousedown，mousemove，mouseup 当鼠标点击按下的时候，需要一个 tag 标识此时已经按下，可以执行mousemove 里面的具体方法。clientX，clientY 标识的是鼠标的坐标，分别标识横坐标和纵坐标，并且我们用 offsetX 和 offsetY 来表示元素的元素的初始坐标，移动的举例应该是：鼠标移动时候的坐标-鼠标按下去时候的坐标。也就是说定位信息为：鼠标移动时候的坐标-鼠标按下去时候的坐标+元素初始情况下的 offetLeft.还有一点也是原理性的东西，也就是拖拽的同时是绝对定位，我们改变的是绝对定位条件下的 left 以及 top等等值。

　　2、H5的拖拽方法介绍

        H5中拖拽属性：draggable： auto | true | false
        拖动事件：
        - dragstart 在元素开始被拖动时触发
        - dragend 在拖动操作完成时触发
        - drag 在元素被拖动时触发
        释放事件：
        - dragenter 被拖动元素进入到释放区所占据得屏幕空间时触发
        - dragover 当被拖动元素在释放区内移动时触发
        - dragleave 当被拖动元素没有放下就离开释放区时触发
        - drop 当被拖动元素在释放区里放下时触发

        （1）将元素设置为可以拖动

        draggable="true"

        （2）拖动什么 - ondragstart 和 setData()

        ondragstart="drag(event)"设置拖放触发的函数
        event.dataTransfer.setData("Text",event.target.id);设置拖放的数据类型和值，Text 是一个 DOMString 表示要添加到 drag object 的拖动数据的类型。值是可拖动元素的 id ("drag1")。

        （3）放到何处 - ondragover

        该时间规定拖动元素放置在何处，默认无法将数据/元素放置在其他元素中，如果需要设置允许放置，必须阻止对元素的默认处理方式ev.preventDefault();

        （4）进行放置 - ondrop

        调用 preventDefault() 来避免浏览器对数据的默认处理（drop 事件的默认行为是以链接形式打开）
        通过 dataTransfer.getData("Text") 方法获得被拖的数据。该方法将返回在 setData() 方法中设置为相同类型的任何数据。
        被拖数据是被拖元素的 id ("drag1")
        把被拖元素追加到放置元素（目标元素）中

　　3、使用拖拽实现小功能

<style>
    .wrap {
      width: 300px;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }
    .wrap1 {
      width: 100px;
      height: 310px;
      border: 1px solid red;
    }
    .wrap1:hover {
      box-shadow: 4px 4px 5px 3px #999;
    }
    .wrap2 {
      width: 100px;
      height: 310px;
      border: 1px solid red;
    }
    .wrap2:hover {
      box-shadow: 4px 4px 5px 3px #999;
    }
    img {
      width: 100px;
      height: 100px;
      cursor: move;
    }
    img:hover {
      box-shadow: 4px 4px 5px 3px #999;
    }
  style>
<body>
  <div class="wrap">
    <div class="wrap1" ondragover="dragOver(event)" ondrop="drop(event,this)">
      <img src="./img/feiji1.png" draggable="true" ondragstart="dragStart(event)" id="drag1" />
      <img src="./img/feiji3.png" draggable="true" ondragstart="dragStart(event)" id="drag3" />
    div>
    <div id="wrap2" class="wrap2" ondragenter="dragEnter(event)" ondragover="dragOver(event)" ondrop="drop(event,this)">
      <img src="./img/feiji2.png" draggable="true" ondragstart="dragStart(event)" id="drag2" />
    div>
  div>
  <script>
    var dragOffSetY;// 鼠标点击下的位置相对于选择元素的y轴长度
    function dragStart(event) {
      // 设置拖放的数据类型和值
      console.log("event.offsetY", event.offsetY);
      dragOffSetY = event.offsetY
      event.dataTransfer.setData("Text", event.target.id);
    }
    function dragOver(event) {
      event.preventDefault();
    }
    function dragEnter(event) { }
    function drop(event, thisEle) {
      event.preventDefault();
      var data = event.dataTransfer.getData("Text");
      if (thisEle.children.length * 100 - 50 > event.offsetY - dragOffSetY) {
        console.log("插入");
        // 判断覆盖元素的前半部分
        console.log("event.offsetY - dragOffSetY", event.offsetY, dragOffSetY);
        var offY = event.offsetY - dragOffSetY// 拖拽元素的起点位置
        console.log("拖拽元素的起点位置", offY);
        var count = Math.round(offY / 100)// 当前拖拽元素覆盖在的元素为第几个
        console.log("当前覆盖元素", thisEle.children[count]);
        // 前部分
        if (count * 100 + 50 > offY) {
          thisEle.insertBefore(document.getElementById(data), thisEle.children[count]);
        } else {
          thisEle.insertBefore(document.getElementById(data), thisEle.children[count + 1]);
        }
      } else {
        console.log("追加");
        event.target.appendChild(document.getElementById(data));
      }
    }
  script>

　　运行结果如下：

html-拖拽释放(Drag and drop) API_第2张图片

写在最后

　　以上就是本文的全部内容，希望给读者带来些许的帮助和进步，方便的话点个关注，小白的成长之路会持续更新一些工作中常见的问题和技术点。

 

html-拖拽释放(Drag and drop) API_第3张图片

 


你可能感兴趣的:(html-拖拽释放(Drag and drop) API)

  • 使用.NET 8构建高效的时间日期帮助类 黄同学real C#后端开发.net.netc#后端
    使用.NET8构建高效的时间日期帮助类在现代Web应用程序中，处理日期和时间是一个常见的需求。无论是记录日志、生成报告还是进行数据分析，正确处理日期和时间对于确保数据的准确性和一致性至关重要。本文将详细介绍如何使用ASP.NETCore和C#构建一个高效的时间日期帮助类，并展示其使用方法。技术栈.NET8:提供强大的API开发框架。C#:用于编写高效的业务逻辑。代码实现DateTimeHelper
  • synchronized和Lock的区别 codeBrute java
    synchronized和Lock是Java中用于实现线程同步的两种机制，它们之间存在显著的差异。以下是关于synchronized和Lock区别的详细分析：synchronizedLock定义与类型Java中的一个关键字，用于实现线程同步Java中的一个接口，提供了比synchronized更灵活的锁机制，常用实现类有ReentrantLock等加锁方式隐式加锁，无需显式地获取和释放锁显式加锁，
  • K8S中高级存储之PV和PVC 元气满满的热码式 kubernetes容器云原生
    高级存储PV和PVC由于kubernetes支持的存储系统有很多，要求客户全都掌握，显然不现实。为了能够屏蔽底层存储实现的细节，方便用户使用，kubernetes引入PV和PVC两种资源对象。PV（PersistentVolume）PV是Kubernetes中的一个API对象，它代表集群中的一块存储，这块存储已经预先按照某种方式设置好了，并且可以被多个用户使用。PV是集群资源，由Kubernete
  • 温度虽寒，其道犹变：OpenAI接口之温度参数设置为0，为何每次回复仍有不确定性？ 凌漪_ 大模型openai采样
    问题描述调用openaiAPI，使用templature=0，每次返回的内容仍有一些不同>>>client=OpenAI(...api_key=api_key,...base_url=api_base)#第一次尝试>>>response=client.chat.completions.create(model='gpt-3.5-turbo',messages=[{"role":"user","co
  • 【报错解决】使用openai的api时出现APIConnectionError: Connection error.错误 凌漪_ 语言模型python
    openaiapi使用openai包一直更新，升级之后很多接口变了。如果使用1.8版本的openai的话，现在使用api的方式如下：按照官方文档，你需要做以下几步:填写上你的apikey先定义client调用client的chatcompletions.create功能fromopenaiimportOpenAIimportosAPI_KEY="yourkey"client=OpenAI(api_
  • K8s存储之配置存储 Herry_644280825 kubernetesK8s端口&存储技术kubernetes
    1.配置存储配置存储包括ConfigMap和Secrect。1.1ConfigMapConfigMap是K8s中的一种API对象，用于存储非敏感的配置数据，存储简单的键值对或者一组文件。单个ConfigMap的数据量不能超过1MB，适合存储小规模的配置信息‌。（1）配置清单字段说明apiVersion:v1说明:指定ConfigMap的API版本。在这个例子中，我们使用的是KubernetesAP
  • vue el-table 行内拖拽 Sunny vueelementel-tablevue
    1.安装Sortable.jsnpminstallsortablejs--save2.在页面中引入：importSortablefrom‘sortablejs’-->mounted调用mounted(){this.rowDrop();},methods:{//行内拖拽rowDrop(){//此时找到的元素是要拖拽元素的父容器consttbody=document.querySelector(".e
  • 高德地图获取全国充电桩分布数据 又迷茫了 大数据数据可视化python
    key用自己申请的url：https://restapi.amap.com/v3/place/text?city=%E5%8C%97%E4%BA%AC&offset=20&page=10&key=%EF%BC%9F&types=011100|011102|011103|073000|073001|073002&extensions=alldefhandle_detail_and_save_to_c
  • K8S中数据存储之配置存储 元气满满的热码式 kubernetes容器云原生
    配置存储在Kubernetes中，ConfigMap和Secret是两种核心资源，用于存储和管理应用程序的配置数据和敏感信息。理解它们的功能和最佳实践对于提高Kubernetes应用程序的安全性和配置管理的效率至关重要。ConfigMapConfigMap是一种API对象，允许你存储非敏感配置数据，如环境变量、数据库URL等。它以键值对的形式存储数据，便于应用程序访问必要的配置。ConfigMap
  • spring cloud如何实现负载均衡 zzyh123456 springcloud负载均衡spring
    在SpringCloud中，实际上并没有直接支持lb:\\这样的URL前缀来自动解析为负载均衡的服务地址。lb:\\这样的表示可能是在某些特定框架、文档或示例中自定义的，但它并不是SpringCloud官方API或规范的一部分。SpringCloud实现负载均衡的方式通常依赖于服务发现（如Eureka、Consul等）和客户端负载均衡器（如Ribbon、SpringCloudLoadBalance
  • python实现语音转文本 一只程序猿子 Python项目pythonxcode开发语言
    1.介绍本文将介绍Python调用第三方语音识别API实现语音转文本的方法,这里使用到的是百度语音识别API.学习到如何使用该API后,你可以在你的项目中添加语音转文本的功能.文章创作不易,期待你的与⭐!你还可以访问我的主页查看其他文章:一只程序猿子的CSDN博客主页2.准备(1)注册百度智能云账号访问百度智能云主页注册账号或使用百度账号登录.(2)领取免费的语音识别资源(3)创建新应用(4)创建
  • Spring Boot中的 6 种API请求参数读取方式 java后端
    使用SpringBoot开发API的时候，读取请求参数是服务端编码中最基本的一项操作，SpringBoot中也提供了多种机制来满足不同的API设计要求。接下来，就通过本文，为大家总结6种常用的请求参数读取方式。如果你发现自己知道的不到6种，那么赶紧来查漏补缺一下。如果你知道的不止6种，那么告诉大家，一起互相学习一下吧～@RequestParam这是最最最最最最常用的一个了吧，用来加载URL中?之后
  • API 版本控制策略的 4 个最佳实践 程序员后端
    API需要随着时间的推移不断演变，包括添加新功能、修复错误和进行改动。如何在不中断客户端应用程序的情况下引入和跟踪这些更改？答案就是API版本控制。通过对API进行版本控制，可以在不断改进的同时，确保构建一个强大且可扩展的产品。什么是API版本控制？对API进行版本控制是一种跟踪更改和管理各种迭代的过程。本质上，版本控制允许创建多个共存且独立运行的API版本。这种方式使得在添加新功能、进行更新和删
  • 详解AI采集框架Crawl4AI，打造智能网络爬虫 朝阳区靓仔_James 人工智能爬虫神经网络深度学习prompt3d
    使用Crawl4AI构建高效AI爬虫与数据提取工具。1介绍Crawl4AI这个开源Python库，专门用来简化网页爬取和数据提取的工作。它不仅功能强大、灵活，而且全异步的设计让处理速度更快，稳定性更好。无论是构建AI项目还是提升语言模型的性能，Crawl4AI都能帮您简化工作流程。你可以直接在Python项目中使用，或者将其集成到RESTAPI中，实现快速、稳定的数据爬取和处理。这样，无论是数据的
  • 【Linux】Socket编程-TCP构建自己的C++服务器 Zfox_ Linux服务器linuxtcp/ipc++c语言
    个人主页：Zfox_系列专栏：Linux目录一：Socket编程TCPTCPsocketAPI详解多线程远程命令执行网络版计算器（应用层自定义协议与序列化）二：共勉一：Socket编程TCPTCPsocketAPI详解下面介绍程序中用到的socketAPI,这些函数都在sys/socket.h中socket#include#include//创建socket文件描述符(TCP/UDP,客户端+服务
  • .NET 9 增强 OpenAPI 规范，不再内置swagger 沧黎 .net
    在.NET9的更新中，微软增强了原生OpenAPI。这一变化表明.NET正在更加拥抱开放标准，同时让开发者体验更加轻松高效。本文将探讨为何进行这一更改、OpenAPI的优势，以及如何在.NET9中使用OpenAPI。为什么不再内置Swagger？1.标准化的需求Swagger是OpenAPI规范的早期实现，虽然功能强大，但它逐渐被视为工具集的一部分，而非行业标准。转向原生OpenAPI支持意味着.
  • k8s的主要组件以及重要概念 linshuai-on kubernetes容器云原生
    K8S（Kubernetes）是一个用于自动部署、扩展和管理容器化应用程序的开源系统。它采用主从设备模型（Master-Slave架构），其中Master节点负责集群的调度、管理和运维，Slave节点（也被称为WorkerNode节点）负责执行工作负载。Kubernetes（K8s）主要由以下几个核心组件组成：一、Master节点组件APIServer：原理：作为Kubernetes系统的前端控制
  • 菜鸟开发之Stream API中间件 苏白辛 java
    本菜鸟在日常工作时，不是在对集合处理，就是在对集合操作的路上。看破红尘，遁入码门，一切都在修行。那对我来说代码的编写就很重要很重要，可是就是这集合的处理操作让人头疼不已，怎么处理集合会显得更高级，操作更“装逼”呢，下面就是本菜鸟学来在日常慢慢使用的“神器”。Java8新特性中的StreamAPI，便是简洁高效处理集合数据的方式,不仅可读性较高,且特别在数据的过滤、转换、聚合时使得操作更简单方便快捷
  • Python magenta库：一款人工智能生成音乐与艺术的创新工具 程序员喵哥 python人工智能开发语言
    更多Python学习内容：ipengtao.com随着人工智能在创意领域的不断进步，音乐和艺术生成正成为一种新的可能性。Magenta是由Google推出的一个开源项目，它结合了深度学习与艺术创作，为开发者提供了一系列强大的工具，帮助他们创作音乐、绘画等艺术作品。基于TensorFlow，Magenta不仅适用于研究人员，也适合开发者和艺术家，提供了易于上手的API和丰富的模型。安装在使用Mage
  • css粒子效果 HainesFreeman css前端html
    htmlcss:body{height:100vh;background:radial-gradient(ellipseatbottom,#1b27350%,#090a0f100%);overflow:hidden;filter:drop-shadow(0010pxwhite);}@functionrandom_range($min,$max){$rand:random();$random_ran
  • keytool 错误: java.io.IOException: parseAlgParameters failed:ObjectIdentifier() -- data isn‘t an objec 是先生了 Java安卓开发安卓笔记java开发语言
    今天在做安卓开发时，笔者发现了一个问题，就是我们使用百度地图API的时候要进行获取SHA1，用以下命令keytool-list-v-keystoredebug.keystore于是笔者输入该命令之后，直接输入密码android，然后就报错如下：keytool错误:java.io.IOException:parseAlgParametersfailed:ObjectIdentifier()--dat
  • C++——vector和list的比较 Joker Zxc C++C++vectorlistvector和list的比较
    vectorlist底层结构动态顺序表，一段连续空间。带头结点的双向循环链表。随机访问支持随机访问，访问某个元素效率O(1)不支持随机访问，访问某个元素效率O(N)。插入和删除任意位置插入和删除效率低，需要搬移元素，时间复杂度为O(N)，插入时有可能需要增容，增容：开辟新空间，拷贝元素，释放旧空间，导致效率更低。任意位置插入和删除效率高，不需要搬移元素，时间复杂度为O(1)。<
  • JavaScript系列（46）-- WebGL图形编程详解 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascriptwebgl开发语言
    JavaScriptWebGL图形编程详解今天，让我们深入探讨JavaScript的WebGL图形编程。WebGL是一种基于OpenGLES的JavaScriptAPI，它允许我们在浏览器中渲染高性能的2D和3D图形。WebGL基础概念小知识：WebGL直接与GPU通信，使用GLSL着色器语言编写顶点和片段着色器。它提供了底层的图形API，让我们能够充分利用硬件加速进行图形渲染。基本实现//1.W
  • android中jni详细,Android中的JNI使用简介 戒酒硫 android中jni详细
    一、本文说明本文不对Android工程的各种配置做说明，只是简单介绍下开发过程中如何进行C与Java互相调用以及出现异常情况的处理。二、NDK简介AndroidNDK是一套允许您使用C和C++等语言，以原生代码实现部分应用的工具集。在开发某些类型的应用时，这有助于您重复使用以这些语言编写的代码库。三、JNI简介JNI是JavaNativeInterface的缩写，它提供了若干的API实现了Java
  • Babylon.js WebGL与性能优化 天涯学馆 WebGL3D图形图像技术javascriptwebgl3dBabylon.jsThreejs
    目录WebGL基础与Babylon.js底层理解性能监控与优化技巧WebGL基础与Babylon.js底层理解WebGL（WebGraphicsLibrary）是JavaScriptAPI，用于在网页上进行硬件加速的3D图形渲染。它是OpenGL的一个子集，由Web浏览器支持，无需插件。WebGL通过JavaScript与HTML5元素结合，使得开发者能够在浏览器中创建复杂的3D场景。Babylo
  • k8s支持自定义field-selector spec.hostNetwork过滤 安心Smile 云计算dockerlinux运维服务器k8sfield-selector
    好久没写博客啦，年前写一个博客就算混过去啦写一个小功能，对于Pod，在没有label的情况下，支持--field-selectorspec.hostNetwork查询Pod是否为hostNetwork类型，只为了熟悉APIServer是如何构建索引向Etcd查询过程。Kubernetes版本1.17.4的，需要重新编译APIServer。不要怪太老了，高版本代码这块儿没怎么变过，下载代码：gitc
  • PySpark数据处理过程简析 AI天才研究院 Python实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介PySpark是ApacheSpark的PythonAPI，可以用Python进行分布式数据处理，它在内存中利用了ApacheHadoopYARN资源调度框架对数据进行并行处理。PySpark可以直接使用Hadoop文件系统、HDFS来存储数据，也可以通过S3、GCS、ADLS等云存储平台保存数据。因此，在不同的数据源之间移动数据时，只需要复制一次数据就可以完成
  • py之调用百度api实现人脸检测是和识别 我不是程序员~~~~ python实战javascriptc语言
    importrequestsimportbase64importjsonimportosimportsslprint(ssl.OPENSSL_VERSION)print(ssl._ssl.__file__)classCbaiduUnit(object):def__init__(self):#self.AK="bf7BKUMl28G66PZ2HIGIfrTq"#self.SK="tDjlbO6B95
  • PySpark rainyrainbow 大数据hadoop
    1.PySpark的搭建https://blog.csdn.net/qq_36330643/article/details/78429109PySpark是Spark为Python开发者提供的API，位于$SPARK_HOME/bin目录，其依赖于Py4J。在Pycharm中配置使用spark1.在Pycharm中新建python项目，解释器使用的是python3.4File=>Settings切
  • Redis实现分布式锁：原理与示例详解 恩爸编程 redisredis分布式数据库分布式锁redis实现分布式锁redis分布式锁是什么分布式锁是什么
    Redis实现分布式锁：原理与示例详解一、分布式锁简介在分布式系统中，多个进程或服务可能会同时访问共享资源。为了避免数据不一致和竞态条件，需要一种机制来保证同一时刻只有一个进程能够访问共享资源，这就是分布式锁的作用。分布式锁需要满足以下几个特性：互斥性：同一时刻只能有一个客户端获得锁。容错性：在部分节点出现故障时，锁机制仍然能够正常工作。可释放性：获得锁的客户端在完成操作后，必须能够释放锁，以便其
  • 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其他