雪馨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,拖拽)

  • 分治法的适用条件及基本步骤，快速幂算法 王哈哈嘻嘻噜噜 数据结构算法
    分治法所能解决的问题一般具有一下几个特征*该问题的规模缩小到一定程度就可以容易的解决*该问题可以分解为若干个规模较小的问题*利用该问题分解的子问题的解可以合并为该问题的解*该问题所分解出的各个子问题是相互独立的divide-and-conquer(P){if(|p|1二分搜索技术非递减序的n个元素a[0:n-1],先要在这n个元素中找出一特定的元素x分析：设在a[l:r]中找x，mid=（l+r）
  • HTML中的块元素与行内元素 王哈哈嘻嘻噜噜 html前端
    1.块级标签块级元素会独占一行，通常用于构建页面的结构。常见的块级元素包括：：通用的块级容器。没有任何语意。可以创建网页的不同部分，导航栏侧边栏等。链接1链接2链接3若是想创建一个初始带标签的话：可以直接：#nav或者div.nav或者div#nav创建第二个div标签，第一个是导航栏，第二个就是主要内容了.content文章标题文章内容文章内容文章内容：段落。到：标题。：无序列表。：有序列表。：
  • element plus实现el-table中拖拽 m0_61618849 vue.js前端javascript
    1.安装vuedraggablenpmi-Svuedraggable2.在使用的组件，引入sortablejs包含在vuedraggableimportSortablefrom"sortablejs"3.row-key必须设置数据列表4.在setup()中编写拖拽的逻辑，创建一个Sortable的实例，将需要拖拽的元素给到Sortable实例，进行需要的配置，然后在拖拽结束的方法onEnd()中实
  • 前端学习——CSS3实现时钟效果 younger_LF 前端（HTML+CSS+JS）CSS动画时钟效果
    CSS3实现时钟效果最近想开始认真学习，然后想把学习记录下来，就写在博客这里了。最先是用CSS实现的是一个时钟的效果，如下图：实现效果1.圆盘说到时钟，肯定最先想到的是一个圆，所以就从一个圆开始。先写一个div，然后给相关的样式.clock{position:absolute;width:250px;height:250px;left:50%;top:50%;transform:translate
  • CSS—属性继承与预处理器：2分钟掌握预处理器 海晨忆 Web知识点css前端属性继承预处理器scss
    个人博客：haichenyi.com。感谢关注1.目录1–目录2–属性继承3–预处理器2.属性继承  像Android里面继承extends，类继承，子类可以使用父类的public和protected的属性和方法。子类可以直接用。  在CSS里面也是类似的。CSS里面是布局里面的东西继承。举个栗子：CSS—属性继承.parent{/*父div设置字体和颜色*/font-size:22px;colo
  • CSS flex-shrink 属性 shengyin714959 笔记csscss3前端
    实例A,B,C设置flex-shrink:1，D,E设置为flex-shrink:2：菜鸟教程(runoob.com)#content{display:flex;width:500px;}#contentdiv{flex-basis:120px;border:3pxsolidrgba(0,0,0,.2);}.box{flex-shrink:1;}.box1{flex-shrink:2;}div总宽
  • DOM容器 zczlsy11 React源码原理javascript开发语言ecmascript
    DOM容器（DOMContainer）是React应用中用于挂载和渲染组件树的实际DOM元素。它是React虚拟DOM和浏览器实际DOM之间的桥梁。React会将组件树渲染到DOM容器中，从而在页面上显示出来。DOM容器的定义在React中，DOM容器通常是一个普通的HTML元素（例如div、span等），它作为React应用的根节点。React会将整个组件树渲染到这个容器中。例如：在这个例子中，
  • Python 3.13 的改进 CS创新实验室 Pythonpython开发语言
    Python3.13的改进Python3.13是一个充满新功能和改进的优秀版本，已经有大量文章详细介绍了发布说明。因此，本文不会讨论那些已经耳熟能详的内容，只就几个不鲜为人知的改进给予介绍。让调试变得更好尽管PDB的操作界面简陋，但它毕竟简单。之前，在PDB中会遇到这样的问题：try:1/0exceptZeroDivisionErrorase:breakpoint()那么，当读取e时会发生什么：-
  • 电阻在电路中的不同作用及阻值选择详述 DeepGpt 器件选型硬件工程
    一、电阻的常见作用限流（CurrentLimiting）描述:限制通过电路或元件的电流，保护器件（如LED）。特点:根据欧姆定律（R=V/I）计算阻值。阻值选择:取决于电流大小和电压降。分压（VoltageDivision）描述:与其他电阻串联，分担电压，提供特定电平。特点:常用于电位器或信号调整。阻值选择:根据分压比（Vout=Vin×R2/(R1+R2)）计算。上拉/下拉（Pull-up/Pu
  • jQuery 三 jQuery事件注册、处理、绑定on()、解绑 off()、自动触发事件 trigger() ；事件对象——阻止冒泡、默认行为 ；对象拷贝extend；多库共存，插件，本地存储案例 Hyman-ya jQueryjavascript
    1.jQuery事件注册语法：element.事件(function(){事件处理程序})1.单个事件注册$("div").click(function(){$(this).css("background","purple");});$("div").mouseenter(function(){$(this).css("background","skyblue");});其他事件和原生基本一致。比
  • 建筑兔零基础自学记录41|cityengine2019生成场地周围建筑模型 阿克兔 cityengine兔兔学习学习方法
    安装：探索城市设计的未来：CityEngine2019永久可用版-CSDN博客参考步骤：这也太简单无脑了吧！cityengine快速生成城市模型！_哔哩哔哩_bilibili过程记录：1、因为cityengine2024的版本需要登陆，而免费试用需要申请企业邮箱。弄了半天没成功，装了卸卸了装。还是先用不用登陆的2019，就是不能获取在线地图信息。2、导入shp直接拖拽，选择有shp首字母那个3、选
  • CSS backdrop-filter 实现毛玻璃效果 无需定位裁剪图片 云小黛 样式css前端
    文章目录介绍一、效果二、代码1.HTML部分2.CSS部分总结介绍利用伪类+CSSbackdrop-filter实现毛玻璃效果，无需将图片进行叠层或裁剪。backdrop-filter是一种CSS属性，可以为一个元素后面区域添加图形效果（如模糊或颜色偏移）。参考自MDNCSSbackdrop-fliter一、效果二、代码1.HTML部分<divclass
  • 工程化与框架系列（25）--低代码平台开发 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架低代码rxjavaandroid
    低代码平台开发引言低代码开发平台是一种通过可视化配置和少量代码实现应用开发的技术方案。本文将深入探讨低代码平台的设计与实现，包括可视化编辑器、组件系统、数据流管理等关键主题，帮助开发者构建高效的低代码开发平台。低代码平台概述低代码平台主要包括以下核心功能：可视化编辑器：拖拽式界面设计组件系统：可配置的组件库数据管理：数据源配置和状态管理业务逻辑：可视化逻辑编排部署发布：应用打包和发布可视化编辑器实
  • html表格宽度拖拽,拖动改变Table的列宽度 weixin_39582737 html表格宽度拖拽
    .resizeDivClass{position:relative;background-color:red;width:2;z-index:1;left:expression(this.parentElement.offsetWidth-1);cursor:e-resize;}functionMouseDownToResize(obj){obj.mouseDownX=event.clientX;
  • Antd Table 表格 拖拽列宽 芝芝葡萄 前端AntdTable
    antd的表格组件的列宽，是通过width属性去初始化的，有时候渲染的内容不固定，这个宽做不到通用所以研究怎么实现表格列宽拖动，主要的实现步骤如下：使用table的componentsAPI修改表格头部为react-resizable提供的组件并在columns设置侦听函数，用于动态修改宽度（onHeaderCellAPI）还需要设置css，让控制组件显示在正确位置在实际的应用中，Table组件直
  • el-table 拖拽移动之后 编号不变 - 解决方法 超甜小布丁 Vuejavascriptvue.jshtml5
    constlistTemp=[..._this.tableList]constoldValue=listTemp.splice(oldIndex,1)[0]listTemp.splice(newIndex,0,oldValue)_this.tableList=[]//先清空表格数据_this.$nextTick(()=>{_this.tableList=listTemp})
  • QT---鼠标事件 筏.k qt开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、鼠标事件概述二、鼠标按下与释放事件三、鼠标移动事件（实现窗口拖拽）四、鼠标双击事件（切换全屏模式）五、鼠标滚轮事件（文本缩放）总结前言在Qt中，鼠标事件处理是GUI开发的重要组成部分。本文将介绍Qt中常见的鼠标事件及其应用，并结合示例代码进行讲解提示：以下是本篇文章正文内容，下面案例可供参考一、鼠标事件概述Qt提供了一
  • ZeroDivisionError: float division by zero 想念@思恋 pytorchjava开发语言
    更新学习率时，分母为0.0，即group[‘t_total’]=0.0#报错BERT/optimization.py",line169,insteplr_scheduled=group['lr']*schedule_fct(state['step']/(group['t_total']),group['warmup'])ZeroDivisionError:floatdivisionbyzero解决
  • 爬虫遇到一个标签有两个类名怎么办？ 勇敢的牛马 爬虫pythonxhtmlpycharmselenium测试工具css
    1.使用CSS选择器：BeautifulSoup的select方法支持使用CSS选择器来定位元素。对于具有多个类名的元素，可以将类名连接起来，并在每个类名前加上一个点（.），表示同时具有这些类的元素。frombs4importBeautifulSoup#假设html_content是包含目标HTML的字符串soup=BeautifulSoup(html_content,'lxml')divs=so
  • PyQt5 图形标注工具开发教程（可扩展） 蜡笔小新星 PyQt5qt开发语言python经验分享学习前端
    文章目录概述核心功能解析1.智能多边形系统2.数据持久化设计3.工业级交互设计使用指南多边形标注流程矩形标注流程数据保存示例完整实现代码扩展建议概述本教程将指导您创建一个专业的图形标注工具，支持以下核心功能：智能十字准星：实时跟随鼠标的辅助对齐线多边形标注：三点自动闭合，支持实时预览矩形标注：拖拽式绘制，自动坐标标准化数据持久化：JSON格式保存标注坐标交互优化：右键清空、模式切换等功能初版界面示
  • 目标检测YOLO实战应用案例100讲-TDI线阵相机 林聪木 数码相机计算机视觉人工智能
    目录知识储备图像基础知识分辨率单位及换算算法原理一、TDI基本原理二、信噪比提升机制三、时间同步机制四、TDIvs传统线扫描技术五、TDI的技术挑战六、最新的TDI技术发展知识储备图像基础知识首先什么是机器视觉？计算机视觉就是让计算机去理解获取数字图像与视频中的信息。最终实现一个与人类视觉系统实现相同功能的自动化系统。什么是机器视觉中的图像的前置知识——颜色模型？最为常用的颜色模型，分别是RGB颜
  • vue让table表格滚动的功能代码 yzy85 vue.jsjavascript前端
    方法1：vue中在固定高度的容器中，表格内容需要滚动显示，代码如下：/***自动滚动*@param{divData}dom*@param{time}多久滚动一次默认50ms*/exportfunctioninfinitScroll(divData,time=50){divData.onmouseover=function(){clearInterval(t);//鼠标移入，停止滚动};divDat
  • HTML+CSS面试试题（部分） 四分十七 前端学习htmlhtmlcss大数据
    目录1:主流浏览器的内核分别是什么？2:每个HTML文件开头都有，它的作用是什么3:div+css的布局较table布局有什么优点？4:img的alt属性与title属性有何异同5:strong标签与em标签的异同6:渐进增强和优雅降级之间的不同7:为什么利用多个域名来存储网站资源8:网页标准和标准制定机构的意义9:简述一下src与href的区别10:网页制作会用的图片格式有哪些11:微格式，前端
  • Vue 实现垂直菜单分类栏目，鼠标移入下方出现悬浮二级菜单容器效果 Tan-玛卡巴卡 htmldreamweaverservlet
    需要注意的是二级菜单的盒子要在最大的盒子里面要把它撑开而不是和导航一个div，下面是实现的效果但有点潦草具体样式需自行调整具体代码如下：html代码：                                        {{item}}               ​             中文{{$t('appHeader.pickerTitle')}}     Eng     --
  • 一站式3D虚拟展厅搭建方案，让企业展示更高效 jimumeta 虚拟展厅3D行业资讯3d3D展厅虚拟展厅数字人
    在数字化浪潮中，众多企业倾向于采用线上3D虚拟展厅来展现其产品特色、环境风貌及企业实力。然而，构建一个高质量的3D虚拟展厅不仅要求专业的技术背景，还需投入大量的时间和人力资源。视创云展能够以低成本高效率地搭建3D虚拟展厅，通过整合虚拟数字人与虚拟场景，促进虚拟环境中的多人互动，营造出一种超沉浸式的“零距离”社交体验。丰富的3D展厅模板：视创云展平台汇聚了大量预设的3D展厅模板，用户只需简单拖拽和编
  • html页面刷新瞬间有滚动条,js实现刷新页面后回到记录时滚动条的位置【两种方案可选】... 孙佳纯 html页面刷新瞬间有滚动条
    当div中绑定数据，给它一个属性overflow-y:scroll，添加长度大小，使其能够出现滚动条；每次刷新的时候滚动条总是会出现在最上方，这使我很头疼，经过查阅网上资料，返现两种方法可行。如下：第一种方案将上一个页面的div的scrolltop距离长度记录在cookie中，然后通过js调整刷新页面时的长度记录，代码如下：js代码：var_h=0;functionSetH(o){_h=o.scr
  • html 页面滚动时 div位置不变,js实现页面刷新滚动条位置不变 weixin_28785069 html页面滚动时div位置不变
    今天因为这个问题困扰了很久网上的例子都尝试没效果，后来发现一点原来是内容最外层没有div的原因protectedoverrideboolHeaderScriptFilter(Topevery.Framework.Web.Configuration.Scriptval){switch(val.Key){case"ajaxpro2.prototype":case"ajaxpro2.core":case
  • FcDesigner页面样式错乱/功能不正常解决办法 低代码研究员 FormCreate开源低代码动态表单表单设计器vue.js
    form-create-designer是一款开源的低代码表单设计器，通过数据驱动表单渲染。可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率，节省开发者的时间。并广泛应用于在政务系统、OA系统、ERP系统、电商系统、流程管理等领域。源码地址:Github|Gitee|文档|官网|在线演示问题分析：如果页面样式出现错乱或按钮点击没有任何响应，通常是因为某些UI组件没有正确挂载。解决方法：查
  • React基础教程（06）：条件渲染 叁拾舞 React教程react.js前端前端框架
    1条件渲染使用条件渲染，结合TodoList案例，进行完善，实现以下功能：当列表中的数据为空的时候，现实提示信息暂无待办事项当列表中存在数据的时候，提示信息消失这里介绍三种实现方式。注意这里的Empty是前端框架Antd的组件，如果安装了antd直接使用即可，如果没有安装可以用div代替也是可以的。这里为了更直观，所以使用了前端框架antd的Empty组件。1、三元操作符{/*方式一*/}{thi
  • MGT204 Corporate Finance 后端
    MGT204CorporateFinance&PortfolioValuationIndividualassignmentWeighting-100%ofthemarksforthismoduleThisisanindividualassignmentof2,500wordsforguidancepurposes.Thehandindateis:Tuesday20thMay2025by4.00pm
  • 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其他