雪馨25
雪馨25

【j2ee】div浮动层拖拽

背景：近期项目中需要实现弹出浮层增加数据，并且浮动层可以拖拽

解决步骤：1、浮动层实现  2、拖拽实现

多方查资料，基本实现功能，现做demo，便于以后使用

先上图片大体展示实现效果：

【j2ee】div浮动层拖拽_第1张图片

 

再上代码，展示我的实现思路：

DragAndDrop.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>浮动层拖拽</title>
<script src="DragDiv.js" type="text/javascript" language="javascript"
	charset="UTF-8"></script>
<link href="UploadFile.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
	function openFuCeng() {
		document.getElementById("moveFile").style.display = "block";
		document.getElementById("shadow2").style.display = "block";
	
	}
	function closeDiv() {
		document.getElementById("moveFile").style.display = "none";
		document.getElementById("shadow2").style.display = "none";
	
	}
</script>
</head>
<body>
	<div id="dragAndDrop">
	<!-- 浮层开始‹ -->
		<div id="moveFile" class="moveFile">
			<div class="toolbarHeight" onmousedown="down('moveFile')">
					<label>鼠标拖拽可移动</label>
			</div>
			<div style="width:100%;height:85px; ">
				<p>浮动层</p>
			</div>
			<div class="fucengDiv" >
			<input class="toobarBtn" type="button" value="关闭" onclick="javascript:closeDiv()"/> 
		</div>
		</div>
		<div id="shadow2"></div>
		<!-- 浮层结束 -->
		<div></div>
		<input type="button" value="点击展示浮层" onclick="javascript:openFuCeng()" style="margin-top: 20px;">
		<p>底层页面</p>
	</div>
</body>
</html>

DragDiv.js

/**
 * 浮层拖拽
 */
var px = 0;
var py = 0;
var begin = false;
//是否要开启透明效果
var enableOpacity = false; // 默认不允许
var myDragDiv;
/**
 * 浮层拖拽
 * @param divid 待拖拽对象id
 */
function down(divid) {
	myDragDiv=document.getElementById(divid);//获得被拖拽对象
    begin = true;
    myDragDiv.style.cursor = "hand";
    event.srcElement.setCapture();
    px = myDragDiv.style.pixelLeft - event.x;//pixelLeft
    py = myDragDiv.style.pixelTop - event.y;
}

document.onmousemove=function() {
    if (myDragDiv != null && typeof (myDragDiv) != "undefined") {
        if (begin&&(px + event.x)>10) {
            if (enableOpacity) { myDragDiv.style.filter = "Alpha(opacity=30)"; }  // 滤镜 
            myDragDiv.style.pixelLeft = px + event.x;
            myDragDiv.style.pixelTop = py + event.y;
        }
    }
}

document.onmouseup=function() {
    if (myDragDiv != null && typeof (myDragDiv) != "undefined") {
        begin = false;
        if (enableOpacity) { myDragDiv.style.filter = "Alpha(opacity=100)"; } // 滤镜 
        myDragDiv.style.cursor = "default";
        event.srcElement.releaseCapture();
        myDragDiv = null;
    }
}


UploadFile.css

@CHARSET "UTF-8";
#dragAndDrop{
	margin: 0 auto;
	width: 300px;
	height: 200px;
	margin-top:200px;
	text-align:center;
	background:#98fb98 ;
	border: 2px solid black;
}
/*文件整体大小*/
#shadow2{
	display: none;
	background:white; 
	opacity:0.2; 
	filter:alpha(opacity=20); 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:996;/*z-index position display 共同实现层的浮动 */
	margin: 0 auto;
}
/*移动浮层*/
.moveFile{
	display: none;
	width: 150px;
	height: 160px;
	position: absolute;
	z-index:997;
	border: 2px solid black;
	background:#FFF;
	top:50%;
	margin-top:-50px;
	left:50%;
	margin-left:-50px;
}
.toolbarHeight{
	height: 25px;
	width: 100%;
	border-bottom:#b7e3f2 1px solid;
	background:#98fb98 ;
}
.toobarBtn{
	float: right; 
	margin-right: 10px;
}

.fucengDiv{
	width:100%;
	height: 30px;
	padding-top: 5px;
	border-top:#b7e3f2 1px solid;
}

注：拖拽的实现是在网上查资料找到的，做了一些小的改动，大意了忘记留下学习地址了

以上使用到的代码，看着还是比较简单的，但是你理解吗？至少我还是有问题的

问题：

首次拖拽总是不灵活，需要多晃动几次鼠标才有效，为什么呢？待解决

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

  • HTML静态网页作业(HTML+CSS)——外卖平台主题网页设计制作(8个页面) 2501_90365653 htmlcss学生网页htmlcss前端
    不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码五、源码获取一、作品介绍️本套采用DIV+CSS布局，未使用Javacsript代码，共有8个页面。二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码北京[更换]你好，请登录/注册全部分类全部商家商家入驻关于我们常见问题我要登录用
  • 智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之14 方案再探 之5：知识树三类节点对应的三种网络形式及其网络主机 一水鉴天 人工语言智能制造软件智能人工智能
    本文要点前面讨论过（前面有错这里做了修正），三种簿册归档对应通过不同的网络形式（分布式、对等式和去中心式）。每种网络主机上分别提供：分布式控制脚本、对等式账本和备记手本通过以上讨论，div模型已经涵盖以下内容：从内容提供者（某个AI聊天工具，特定接口）到知识树及其三种节点（通用接口）到网络主机及其三种网络形式（节点专属操作接口）的要求。后面需要进一步为三者设计一个能实现耦合和解耦的程序需要特别说明
  • pytest 通过实例讲清单元测试、集成测试、测试覆盖率 Coding Is Fun pytest单元测试集成测试
    1.单元测试概念定义:单元测试是对代码中最小功能单元的测试，通常是函数或类的方法。目标:验证单个功能是否按照预期工作，而不依赖其他模块或外部资源。特点:快速、独立，通常是开发者最先编写的测试。示例：pytest实现单元测试#功能模块：一个简单的数学函数defadd(x,y):"""加法函数"""returnx+ydefdivide(x,y):"""除法函数，包含除零检查"""ify==0:rais
  • 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
  • YOLOv8改进，YOLOv8检测头融合DiverseBranchBlock，并添加小目标检测层（四头检测），适合目标检测、分割等 挂科边缘 YOLOv8改进YOLO目标检测人工智能计算机视觉深度学习
    摘要一种卷积神经网络（ConvNet）的通用构建模块，以在不增加推理时间成本的情况下提高性能。该模块被命名为多样分支块（DiverseBranchBlock，DBB），通过结合不同尺度和复杂度的多样分支来丰富特征空间，包括卷积序列、多尺度卷积和平均池化，从而增强单个卷积的表示能力。在训练后，DBB可以等效地转换为一个单独的卷积层以进行部署。与新型ConvNet架构的进步不同，DBB在保持宏观架构的
  • 小明，谈谈你对Vue 虚拟dom的理解 程序员
    Vue.js的虚拟DOM（VirtualDOM）是为了提高前端性能和开发体验而引入的一种技术。Vue.js虚拟DOM的大致实现虚拟DOM的定义虚拟DOM是一种JavaScript对象，它用来描述用户界面（UI）的结构和内容。每个虚拟DOM节点（VNode）代表一个真实的DOM元素或组件实例。//VNode示例constvnode={tag:'div',data:{id:'app'},childre
  • 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多种边框装饰满足您的设计需求。智能仪表盘简单易用，拖拽式操作自由布局，页面自适应；支
  • CSS 高效开发秘籍：日常总结与实战技巧-1
    column-gap的影响column-gap属性用来设置元素列之间的间隔大小。在未触发的时候，弹窗是隐藏的，但是column-gap会将其计算在内，导致最后一个div也会产生gap间隙，解决方法就是将拿出来，在外面再套一层div另外，下面这种写法不会对column-gap造成影响，因为它始终保持3个dom根据标签属性判断css:css[]css[]可以匹配带有指定名称的标签div[role="g
  • 【LGR-196-Div.4】洛谷入门赛 #26 题A - H 详细题解--优化思路简洁代码(C++,Python语言描述) 多思考少编码 洛谷入门赛题解算法c++python开发语言
    前言:觉得这个比赛很有意思的，都是暴力题，涉及一些细节，难度比较适合刚学编程语言的，可以很好的锻炼基础还有手速，最后两题也是比较有意思，之后也准备更新atc的比赛题解和洛谷的一些高质量比赛题解（算法网瘾就是想参加各种比赛）如果觉得有帮助，或者觉得我写的好，可以点个赞或关注，也可以看看我的一些其他文章，我之后也会更新一些基础算法详细解释比赛链接:【LGR-196-Div.4】洛谷入门赛#26-洛谷|
  • CSS垂直居中的24种方法(最全最仔细) 兴风键盘侠 前端开发css前端
    在CSS中，垂直居中的方法有很多，具体的实现方式取决于布局的上下文（如是否有父容器、是否是块级元素、是否固定高度等）。以下是最全的CSS垂直居中方法：1.使用line-height(仅用于单行文本)适用于单行文本，并且元素的高度已知。div{height:200px;line-height:200px;/*line-height设置为与容器高度相同*/text-align:center;}2.使用
  • 【Pandas】pandas Series dot liuweidong0802 PandasSeriespandas前端人工智能
    Pandas2.2SeriesBinaryoperatorfunctions方法描述Series.add()用于对两个Series进行逐元素加法运算Series.sub()用于对两个Series进行逐元素减法运算Series.mul()用于对两个Series进行逐元素乘法运算Series.div()用于对两个Series进行逐元素除法运算Series.truediv()用于执行真除法（即浮点数除法
  • C++归并排序算法深度解析 小小的博客 排序算法排序算法算法数据结构c++开发语言
    引言归并排序（MergeSort）是一种常用的排序算法，它采用了分治（DivideandConquer）的策略，将一个待排序的序列分解成若干个小的子序列，分别进行排序，再将这些已经排好序的子序列合并成一个完整的有序序列。归并排序具有很好的稳定性，时间复杂度为O(nlogn)，在实际应用中表现优秀。本文将详细介绍归并排序算法的实现原理、C++代码实现以及在实际应用中的优化策略。归并排序算法原理归并排
  • div中定义局部变量_Java之成员变量和局部变量 人事星球 div中定义局部变量
    Java之成员变量和局部变量，成员变量：在类范围里定义的变量。成员变量又分为实例属性（不用static修饰）和类属性（用static修饰）。类属性和实例属性统称为成员变量。类属性在类的准备阶段开始存在，直到系统销毁这个类，类属性与类的生存范围相同。实例属性从类的实例被创建开始存在，直到系统销毁这个实例，实例属性与对应实例生存范围相同。成员变量无须显式初始化，只要定义了类属性和实例属性，则系统会在这
  • 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样式的方式会导致拖拽和点击事件冲突，所以需要通过渲染进程和主进程的通信来解
  • 利用代理模式实现日志功能 郭亚航 java框架代理日志输出
    场景实现一个类，该类实现了数学四则运算，实现日志功能，每次调用对应的运算时，输出相应的日志基本功能接口packagecom.javase.thread;publicinterfaceArithmetic{publicintadd(inti,intj);publicintsub(inti,intj);publicintmul(inti,intj);publicintdiv(inti,intj);}接
  • 快速排序介绍 max500600 算法算法数据结构排序算法
    快速排序（QuickSort）是种高效的基于比较的排序算法，它采用了分治策略（DivideandConquer）。其基本思想是通过选择一个基准值（pivot），将数组分为两部分，小于基准值的元素放在左边，大于基准值的元素放在右边，然后递归地对这两部分进行排序，最终使整个数组有序。1.算法步骤选择基准值：从数组中选择一个元素作为基准值。通常可以选择数组的第一个元素、最后元素或中间元素等，这里以选择第
  • Text2SQL的三种实现方法 AI科技分享 算法线性回归回归深度学习rnn
    传统BI工具通常分为数据接入层、分析工具层和基于该工具平台的各种行业应用层面，大模型可以在这些环节发挥作用。在数据处理层面，大模型可以帮助传统的ETL过程简化难度，提高实时交互效率。在数据分析层面，大模型可以替代拖拽交互方式，让业务用户用更简单、更高效的方式以自然语言形式与底层数据交互，构建需要的报表和看板。在行业应用层面，大模型可以真正发挥对行业知识的理解能力，与具体数据结合，形成具针对客户、特
  • 家政公司的得力助手：这些团队管理工具你值得拥有 团队协同
    家政团队管理工具是为了帮助家政公司更高效地管理员工、优化服务流程而精心设计的。以下是一些常见的家政团队管理工具及其特点：一、综合型管理工具板栗看板功能：板栗看板是一款以看板为核心的综合型团队协作工具。它提供了直观的任务管理和进度跟踪功能，支持团队成员通过拖拽任务卡片来实时更新任务状态。此外，板栗看板还支持文件共享、在线讨论和多种视图切换，方便团队成员从多个角度了解项目进展。适用场景：家政公司可利用
  • HTML字符实体(Character Entities) fengyuruhui programmingcharacterhtmlunderscorelambdaless
    HTML字符实体(CharacterEntities)有些字符在HTML里有特别的含义，比如小于号大于>>&&符号&&"双引号""其他常用的字符实体(CharacterEntities)显示结果说明EntityNameEntityNumber?版权©©?注册商标®®×乘号××÷除号&divi
  • Sass报错: Using / for division is deprecated Pinia_0819 vuesass前端css
    运行项目时报以下错误：:Using/fordivisionisdeprecatedandwillberemovedinDartSass2.0.0.Recommendation:math.div($px,$screenWidth)Moreinfoandautomatedmigrator:https://sass-lang.com/d/slash-div官方还很贴心做了一个一键迁移的工具，执行下面两行
  • 基于 Vue 的拖拽缩放卡片组件：实现思路、方法及使用指南 Jiaberrr javascript前端vue.js前端框架
    引言在前端开发中，实现可交互的组件能够极大地提升用户体验。本文将介绍一个基于Vue封装的可缩放卡片组件，从实现思路、代码具体实现以及使用方法等方面进行详细阐述，帮助开发者更好地理解和运用这一组件。项目源码地址：https://gitcode.com/Jiaberrr/vue3-pc-template实现思路定位与布局：通过position:absolute对卡片进行定位，利用left、top、ri
  • 11个精美网页——Web前端开发技术课程大作业，期末考试，Dreamweaver简单网页制作 web学生网页设计 web前端web前端网页设计网页设计与制作网页作业
    HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。精彩专栏推荐❤【作者主页——获取更多优质源码】❤【web前端期末大作业——毕设项目精品实战案例(1000套)】文章目录一、网页介绍一、网页效果二、代码展示1.HTML代码2.CSS代
  • vue中在一个页面复用同一个echarts写的组件不能显示的问题，使用ref解决问题及原理分析 比较好记 vueecharts前端
    1.问题：前端vue创建echarts相关组件之后，不能在同一个页面进行多次引入，只能正常显示第一个引入的问题。2.解决办法：将id命名的dom元素改为ref方式。但是自己代码又不能直接用this,this.$ref情况。（可以用this这种情况的请移步直接用this.$ref情况）①在id后面加一个ref标记，用ref来获取div容器。②再创建一个Vue3的响应式引用perChart，其初始值为
  • jQuery（二）jQuery选择器 kong7906928 前端jquery前端javascript
    JQuery选择器选择器：类似于CSS的选择器，可以帮助我们获取元素。例如：id选择器、类选择器、元素选择器、属性选择器等等。jQuery中选择器的语法：$();一、jQuery的选择器（一）基本选择器1.元素选择器语法：$("元素的名称")作用：根据元素名称获取元素对象们。letdivs=$("div");2.id选择器语法：$("#id的属性值")作用：根据ID属性值获取元素对象。letdiv
  • 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（样
  • CSS让div层悬浮在最上方 昨夜今夕 CSS
    效果如下：这里是使得一张div里面的图片悬浮在了地图的上方，css代码如下.tl{width:240px;height:193px;position:absolute;/*这里一定要设置*/z-index:999999;/*这里是该元素与显示屏的距离，据说越大越好，但是我也没有看到效果，因为没有它也是可以的*/margin-top:20%;margin-left:-209px;background
  • css 在div左上角添加类似书签的标记 嗬呜阿花 STYLELISTcss前端html
    效果图html半导体CSS.mark{float:left;margin:06rpx;position:relative;padding:0;width:24px;color:#fff;writing-mode:sideways-rl;text-align:center;}.mark::after{position:absolute;content:"";left:0;top:100%;borde
  • web报表工具FineReport常见的数据集报错错误代码和解释 老A不折腾 web报表finereport代码可视化工具
    在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。   NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码
  • Java的WeakReference与WeakHashMap bylijinnan java弱引用
    首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea
  • Linux——（hostname）主机名与ip的映射 eksliang linuxhostname
    一、 什么是主机名 无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的； 主机名是用于什么的呢？ 答：在一个局域网中，每台机器都有一个主
  • oracle 常用技巧 18289753290
    oracle常用技巧 ①复制表结构和数据   create table  temp_clientloginUser as   select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into  mytable  select  * &nb
  • 使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException 酷的飞上天空 exception
    有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
  • IT系统分析师如何学习大数据 蓝儿唯美 大数据
    我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
  • spring学习——简介 a-john spring
    Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，
  • 自定义颜色的xml文件 aijuans xml
    <?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
  • 运营到底是做什么的？ aoyouzi 运营到底是做什么的？
    文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
  • js面向对象类和对象 百合不是茶 js面向对象函数创建类和对象
    接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似   下面介绍一些js的类和对象的创建的技术   一:类和对
  • web.xml之资源管理对象配置 resource-env-ref bijian1013 javaweb.xmlservlet
    resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类
  • Create a composite component with a custom namespace sunjing
    https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace   When you developed a composite component the namespace you would be seeing would
  • 【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter bit1129 mongodb
     一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a
  • Javascript开发笔记 白糖_ JavaScript
    获取iframe内的元素 通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
  • Web浏览器Chrome打开一段时间后，运行alert无效 bozch Webchormealert无效
    今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。 试了试其他浏览器，发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。   结果就好了，这也太怪异了。难道是cho
  • 编程之美-高效地安排会议 图着色问题 贪心算法 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组
  • 机器学习相关概念和开发工具 chenbowen00 算法matlab机器学习
    基本概念： 机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。 开发工具 M
  • [宇宙经济学]关于在太空建立永久定居点的可能性 comsci 经济
           大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........        所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
  • oracle 11g database control 证书错误 daizj oracle证书错误oracle 11G 安装
    oracle 11g database control 证书错误  win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面 解决办法： 是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
  • Java I/O之用FilenameFilter实现根据文件扩展名删除文件 游其是你 FilenameFilter
    在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
  • C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例 dcj3sjt126com carray
    # include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",
  • PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引 dcj3sjt126com primary
    PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号   INT会员姓名  
  • java集合辅助类 Collections、Arrays shuizhaosi888 CollectionsArraysHashCode
      Arrays、Collections   1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); }      a）Arrays.asL
  • Spring Security（10）——退出登录logout 234390216 logoutSpring Security退出登录logout-urlLogoutFilter
           要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
  • 透过源码学前端 之 Backbone 三 Model 逐行分析JS源代码 backbone源码分析js学习
    Backbone 分析第三部分  Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里， 但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件， 如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
  • SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter 乒乓狂魔 springMVC
    这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate
  • 分布式基础知识和算法理论 bluky999 算法zookeeper分布式一致性哈希paxos
      分布式基础知识和算法理论 BY [email protected] 本文永久链接：http://nodex.iteye.com/blog/2103218   在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
  • Android Studio的.gitignore以及gitignore无效的解决 bell0901 androidgitignore
    　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了 　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store
  • 成为高级程序员的10个步骤 tomcat_oracle 编程
    What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。   Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长，各种影响力也会提高。
  • mongdb在linux下的安装 xtuhcy mongodblinux
    一、查询linux版本号： lsb_release -a  LSB Version:    :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他