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>

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

  • react+antd Table实现列拖拽，列拉宽，自定义拉宽列 搬砖的小编 react.jsjavascript前端
    主要插件Resizable，dnd-kit/core，dnd-kit/sortable，dnd-kit/modifiers其中官网有列拖拽，主要结合Resizable实现列拉宽，isResizingRef很重要防止拖拽相互影响1.修改TableHeaderCellconstisResizingRef=useRef(false);constTableHeaderCell=props=>{const{
  • OpenDataV：开源 拖拽式 低代码数据可视化开发平台 ❀͜͡傀儡师 低代码信息可视化
    OpenDataV是一个拖拽式、#低代码数据#可视化开发平台。它允许用户通过拖拽组件到画布上，快速搭建各种炫酷的数据可视化大屏。不仅内置了丰富的组件库，还支持用户开发自己的组件并将其接入平台，从而满足多样化的业务需求。GitHub：https://github.com/AnsGoo/openDataV官方文档：https://ansgoo.github.io/docs/项目特性：拖拽式操作简单易用
  • 低代码平台架构设计 LINGYI_WEN 低代码前端开发语言
    1.整体架构概述1.1技术栈选择前端：React+Redux/Vue+Vuex后端：Node.js+Express/SpringBoot数据库：MySQL/PostgreSQL/MongoDB云服务：AWS/Azure/GoogleCloud容器化：Docker+Kubernetes1.2模块划分前端模块：可视化编辑器：用于拖拽和配置组件预览器：实时预览页面效果发布器：将设计好的页面发布到生产环境
  • Excel数据匹配合并工具 摆渡搜不到你 excel
    Excel数据匹配合并工具一个功能强大的WPF应用程序，专门用于合并和匹配Excel文件中的数据。该工具支持多工作表处理、灵活的字段映射、数据筛选和配置管理等功能。主要功能文件管理多格式支持：支持.xlsx和.xls格式的Excel文件密码保护：支持加载带密码保护的Excel文件拖拽操作：支持文件拖拽到指定区域快速加载实时预览：文件加载后实时显示工作表和数据预览工作表处理多工作表选择：支持同时选择
  • 移动端 uniapp 写一个可自由拖拽的小键盘 赫卡夹 移动端uni-appjavascriptandroid
    写之前要考虑：键盘展开后，不能超过手机边缘在底部展开键盘，键盘应出现在展开按钮上方；以此类推重复点击展开按钮，关闭键盘效果：代码如下，有些按键逻辑还需要优化键盘{{key.name}}exportdefault{data(){return{btnLeft:100,//按钮初始位置btnTop:100,startX:0,//触摸起始位置startY:0,isDragging:false,//是否正在
  • SSVEP Next：现代化的 SSVEP 可视化 Web 快速实现 框架主义者 web脑机接口
    SSVEPNext：现代化的SSVEP可视化Web快速实现在线使用|GithubSSVEP-Next是一个基于React、TypeScript和Vite构建的单页面应用（SPA），用于快速设计和运行稳态视觉诱发电位（SSVEP）实验的视觉刺激界面。该项目继承自quick-ssvep的核心科学算法，并在架构和交互体验上进行了全面升级。主要特性包括：拖拽式可视化设计：用户可通过拖拽和属性面板，直观地在
  • 新手向:代码编写工具推荐 nightunderblackcat 基础环境配置notepad++pycharmpythonintellij-ideajavac++c#
    开发者兵器谱：我的高效编码六大神器深度解析在软件开发的世界里，得心应手的工具如同侠客手中的利剑。经过多年的项目锤炼，我精心打磨了一套开发工具链，它们各有所长，助我在不同战场上游刃有余。下面就来深度剖析这六位“数字战友”：一、轻骑兵：Notepad++——闪电编辑与文本处理的王者核心定位：超轻量级文本/代码编辑器，启动如闪电，资源占用极低。看家本领：列编辑模式：Alt+鼠标拖拽或Alt+Shift+
  • HarmonyOS实战：List拖拽位置交换的多种实现方式 IT小码哥丶 HarmonyOSlist数据结构harmonyosandroid华为
    背景在最近日常工作中，遇到需要实现拖拽列表中的元素进行位置交换的需求。第一时间翻看了鸿蒙官方文档，发现官方只给Grid提供了Item交换位置的实现方式，然而List并没有提供，于是需要自己动手去实现。本篇文章详细介绍了两种不同的方式去实现List的位置交换。技术实现方式一使用列表的手势事件实现位置交换。先实现List的onItemDragStart方法。该方法表示拖拽列表元素时触发。.onItem
  • VTJ.PRO：打破次元壁！AI驱动 + 双向代码自由穿梭，重新定义Vue高效开发！ 前端人工智能vue3
    “既要低代码的速度，又要手写代码的自由？”——现在，无需妥协！VTJ.PRO革命性推出“双向代码转换引擎”，让开发者在可视化设计与源码编辑间无缝切换，真正实现“设计即代码，代码即设计”的终极工作流！✨核心黑科技：双向自由转换可视化设计→纯净源码拖拽生成的界面，一键转换为高质量Vue3组件代码，无冗余、无黑盒！支持导出标准.vue文件，无缝嵌入现有工程，源码100%自主可控！手写代码→可视化编辑将已
  • 【HarmonyOS NEXT】使用半模态实现动态高度底部弹窗 奔跑的露西 鸿蒙HarmonyOSwindowslinux服务器
    一、背景在开发过程中，底部弹窗是一种常见的交互方式，下面总结如何实现高度根据内容动态调整的底部弹窗，并提供两种实现方案常见场景：当弹窗内容由动态数据驱动时（比如商品详情、任务列表、评论区等），内容高度可能随数据量变化数据少时弹窗矮一点数据多时弹窗高一点（但不超过屏幕80%）支持拖拽收起、点击空白关闭头部/底部可能有固定高度的模块（如标题栏、操作按钮）二、实现步骤第一步：创建基础底部弹窗推荐使用半模
  • JavaScript基础-常见网页特效案例 咖啡の猫 javascript开发语言ecmascript
    一、前言在前端开发中，实现网页特效（如轮播图、下拉菜单、Tab切换、拖拽效果等）是提升用户体验和页面交互性的关键手段之一。这些特效不仅能增强用户对网站的粘性，也是衡量一个前端开发者能力的重要标准。JavaScript是实现网页特效的核心技术之一，结合HTML和CSS，可以轻松构建丰富的交互效果。本文将带你深入了解：常见网页特效的实现原理；如何使用原生JavaScript实现经典特效；每个案例附带完
  • 炫酷3D圆环动态照片墙：打造个性化展示新体验 姚芝舒
    炫酷3D圆环动态照片墙：打造个性化展示新体验【下载地址】3D圆环动态照片墙HTML文件本资源提供了一个精美的3D圆环动态照片墙HTML文件，用户可以通过鼠标自由拖拽照片墙，实现动态展示效果。该文件在某社交平台爆火，内置了30张高质量的JPG图片，用户只需在浏览器中直接打开即可体验，操作简单易上手。效果精致，适合用于个人展示或简单玩乐项目地址:https://gitcode.com/open-sou
  • rules写成动态 会点法律的程序员 前端javascriptvue.js
    拖拽排序和必填校验联动(rules写到computed里)computed:{rules(){construles={};this.form.feedList.forEach((item,idx)=>{rules[`feedList.${idx}`]=[{required:true,message:`路线评价动态${idx+1}待填写，请填写完毕提交`,trigger:'change'}];});
  • Vue 实现拖拉拽组件 vue-draggable-plus 清风细雨_林木木 Vue其他vue.js前端javascript
    vue-draggable-plus是一个基于Sortable.js的Vue拖拽组件库，是vuedraggable的升级替代品，支持Vue2和Vue3，功能更强，类型更完善，维护更活跃。特点同时支持Vue2和Vue3完整类型支持（TypeScript）拖拽排序、嵌套列表、拖入拖出基于原生Sortable.js，功能丰富支持v-model双向绑定安装npminstallvue-draggable-p
  • 鸿蒙5开发宝藏案例分享---自由流转的拖拽多屏联动
    【干货预警】鸿蒙开发宝藏案例大揭秘！手把手教你玩转常用功能大家好呀～今天在扒拉鸿蒙文档的时候，突然发现官方竟然藏了一堆超实用的开发案例！之前总觉得鸿蒙生态资料少，结果这些案例简直就是“新手村外挂”啊！立马熬夜整理了一波，全是真实开发中高频用到的功能，附带代码+讲解，看完直接起飞！案例一：3行代码实现页面跳转（带参数）场景：点击按钮跳转到详情页，并传递用户ID//当前页面按钮点击事件Buttonbu
  • Android杂谈（一）：悬浮球 人生游戏牛马NPC1号 androidkotlin
    目录1.概述1.1什么是悬浮球（FloatingBall）1.1.1悬浮球的定义1.1.2悬浮球的基本概念1.1.3悬浮球的常见作用1.2悬浮球的应用场景与优势1.2.1悬浮球的常见应用场景1.2.2悬浮球带来的便利与优势悬浮球带来的便利与优势1.2.3设计建议1.3Android中悬浮球的实现方式简介2.悬浮球基础实现2.1创建悬浮球布局（XML设计）2.2悬浮球的显示与隐藏控制2.3悬浮球拖拽
  • 技术派低代码的破局之路：OneCode 如何用硬核技术重构开发范式 低代码老李 领域设计DDD低代码低代码重构
    在低代码赛道狂奔的十年里，行业始终面临着一道「效率与控制」的二元悖论：纯可视化拖拽的工具让业务人员快速搭建应用，却在复杂逻辑面前举步维艰；强调代码生成的平台试图兼顾开发效率，却因「生成即失控」的代码黑箱让技术团队望而却步。当多数低代码平台沉迷于「可视化噱头」时，OneCode选择了一条截然不同的破局之路——以AI原生编译为核，构建「全代码可编程」的技术体系，用硬核技术重新定义低代码的企业级价值。一
  • Langflow：这个拖拽式AI工作流神器正在颠覆传统编程
    Langflow是一个用于构建和部署由大语言模型（LLMs）驱动的AIAgent和逻辑流程（Workflows）的可视化工具。它不仅提供了类似积木搭建式的可视化界面来快速创建Agent，还提供一套完整的API系统，使每个Agent都能轻松集成进任意技术栈的应用中。你可以将它看作是AI世界的前端工程图板：可视化+可部署+模块配置自由。Stars数77,217Forks数6,889主要特点可视化流程搭
  • cherry-pick除了使用命令，有没有什么工具可以使用，或者更高效的方法 啃火龙果的兔子 开发DEMOgit
    除了直接使用gitcherry-pick命令，还有一些更高效的方式和工具可以帮助你更方便地进行代码移植，特别是在需要处理多个提交或复杂场景时。以下是几种推荐的方法和工具：1.GitGUI工具（可视化操作）许多Git图形化工具支持拖拽式cherry-pick，比命令行更直观：（1）GitKraken操作方式：打开提交历史，右键目标提交→Cherry-Pick。支持批量选择多个提交进行cherry-p
  • 使用 Vue 3 实现图片拖拽上传功能 JJCTO袁龙 Vuevue.js前端javascript
    使用Vue3实现图片拖拽上传功能前端开发中，用户体验是至关重要的，图像上传是许多web应用中经常需要的功能之一。为了提升用户的交互体验，拖拽上传功能可以减少用户的操作步骤，让用户能够更加直观地上传文件。本文将介绍如何使用Vue3和其新的CompositionAPI(setup语法糖)实现一个简单的图片拖拽上传功能。项目准备首先，你需要安装VueCLI。确保你已经安装了Node.js和npm，然后可
  • vue3单张图片放大缩小拖拽功能 ikun在线敲打 vue.js前端javascript
    此篇为单张，多张请移步多张实现的文章话不多说直接上代码import{ref,onMounted,onBeforeUnmount}from'vue'constboxRef=ref(null)constimgRef=ref(null)letx=0lety=0letisDragging=false//确保元素存在后再操作constgetImgElement=()=>{if(!imgRef.value){
  • vue实现拖拽，增加等功能 王之蔑视. vue.js前端javascript
    一、直接上代码：样式如下#安装拖拽依赖vuedraggablenpminstallvuedraggable二、示例代码搜索重置新增复制批量删除{{deptNames[scope.row.deptId]||'未知部门'}}详细修改删除删除0":total="total":page.sync="queryParams.pageNum":limit.sync="queryParams.pageSize"
  • vue+sortable实现多张图片拖拽排序 weixin_44698992 vue+elementui+sortablevue.jselementui排序
    vue+sortable实现图片可拖拽换位，并且数据跟着改变文章目录vue+sortable实现图片可拖拽换位，并且数据跟着改变前言一、实现效果二、使用步骤总结前言本人实现的方式是通过引入的方式实现，如果用脚手架的方式应该也差不多一、实现效果二、使用步骤1、获取到展示图片的最外层节点，我的最外层节点为ref=“foo”2、如下图代码实现的方法实际上就是对数组的一个操作，oldIndex是移动之前的
  • Vue实现选中多张图片一起拖拽功能 枫叶&情缘 前端Vuevue.jsjavascript前端
    Vue图片框选拖拽功能*{box-sizing:border-box;margin:0;padding:0;}body{font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);color:#333;min-height:100v
  • 若依框架二次开发——若依前后端分离版集成 UReport2 报表工具 bjzhang75 项目开发实践若依UReport2报表工具
    文章目录一、UReport2简介二、解决方案1、后端配置1.1引入UReport2依赖1.2启动类配置1.3配置文件1.4修改安全配置2、前端配置2.1配置Vue.js代理2.2创建设计器页面2.3新增菜单运行结果一、UReport2简介UReport2是一款开源的Java报表工具，广泛应用于各类企业管理系统中，具有以下特点：功能强大支持报表设计、数据源配置、报表预览和导出。可视化设计提供拖拽式报
  • Trae CN IDE 中 Python 开发的具体流程和配置总结 咖啡续命又一天 TraeCNIDEidepython开发语言AI编程
    以下是TraeCNIDE中Python开发的具体流程和配置总结，结合实例说明，帮助开发者快速上手：一、环境准备1.安装TraeCNIDE下载地址：访问Trae官网下载对应操作系统的安装包（Windows.exe/macOS.dmg/Linux.tar.gz）。安装步骤：Windows：双击.exe文件，选择“创建桌面快捷方式”，按向导完成安装。macOS：将.dmg文件拖拽至Application
  • three.js实现3D全景看房 井朦敏Thora
    three.js实现3D全景看房three.js实现3D全景看房本资源文件提供了使用three.js实现3D全景看房（移动端）的完整代码和相关教程。通过本资源，您可以学习到three.js的基本使用方法，包括如何创建3D场景、加载全景图像、实现自动展示以及手动拖拽滑动控制房屋方向角度等功能项目地址:https://gitcode.com/open-source-toolkit/d4812资源描述本
  • 智能图片拼接---纯html 辣香牛肉面 工具类图片拼接html
    功能说明这个图像拼接工具提供以下功能：1.图像上传与管理拖放或点击上传多个图像可视化图像列表拖拽排序调整位置删除不需要的图像2.智能拼接自动识别横版/竖版图像可选择自动、垂直或水平拼接方向调整图像间距和缩放比例实时预览拼接效果3.序列播放播放上传的图像序列调整播放速度（非常慢到非常快）显示当前播放进度缩略图导航4.序列下载一键下载所有序列图片保留原始文件名格式批量下载功能使用说明1.上传图片：点击
  • 扣子开发平台 Agent 开发教程（一） univerbright 扣子开发平台Agent开发教程人工智能扣子cozeAgent智能体
    第1章扣子平台概述1.1什么是扣子（Coze）平台？Coze（扣子）平台是由字节跳动推出的一款智能Agent构建平台，旨在帮助用户通过自然语言快速创建可执行任务的智能体（Agent）。用户无需掌握复杂的编程技能，仅需通过“拖拽组件+编排流程+配置插件”或使用自然语言提示，即可构建出具备对话能力、工具调用能力、上下文记忆能力的AI助手。Coze是国内首批支持“大模型+插件调用+对话流编排”的一站式A
  • 【Qt实用技巧】深入理解鼠标事件重写机制：如何优雅地控制用户交互 小徐不徐说 qtc++界面设计鼠标交互事件重写
    在使用Qt进行GUI开发时，鼠标是最常见的交互方式之一。你可能希望让用户点击一个区域进行绘图、拖拽一个图形，或者在不同区域触发不同响应。这一切的基础，就是鼠标事件的重写机制。本文将带你从Qt鼠标事件的基本概念开始，逐步理解其重写原理、调用逻辑、控制方式，并附带实用代码案例，帮助你写出更灵活、更优雅的交互系统。一、Qt中的鼠标事件有哪些？Qt将用户的鼠标操作抽象为多个事件，主要包括：事件函数名触发时
  • 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其他