kenter1643
kenter1643

一个用js+div实现的拖拽，适合开发个性化显示的效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>框架自定义拖拽</title>
<style>
body {
	margin:0px;
	padding:0px;
	font-size:12px;
	text-align:center;
}
body > div {
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}
.content {
	width:900px;
}
.content .left {
	float:left;
	width:20%;
	border:1px solid #FF0000;
	margin:3px;
}
.content .center {
	float:left;
	border:1px solid #FF0000;
	margin:3px;
	width:57%
}
.content .right {
	float:right;
	width:20%;
	border:1px solid #FF0000;
	margin:3px
}
.mo {
	height:auto;
	border:1px solid #CCC;
	margin:3px;
	background:#FFF
}
.mo h1 {
	background:#ECF9FF;
	height:18px;
	padding:3px;
	cursor:move
}
.mo .nr {
	height:80px;
	border:1px solid #F3F3F3;
	margin:2px
}
h1 {
	margin:0px;
	padding:0px;
	text-align:left;
	font-size:12px
}
</style>
<script>
var dragobj={}
window.onerror=function(){return false}
function on_ini(){
 String.prototype.inc=function(s){return this.indexOf(s)>-1?true:false}
 var agent=navigator.userAgent
 window.isOpr=agent.inc("Opera")
 window.isIE=agent.inc("IE")&&!isOpr
 window.isMoz=agent.inc("Mozilla")&&!isOpr&&!isIE
 if(isMoz){
  Event.prototype.__defineGetter__("x",function(){return this.clientX+2})
  Event.prototype.__defineGetter__("y",function(){return this.clientY+2})
 }
 basic_ini()
}
function basic_ini(){
 window.$=function(obj){return typeof(obj)=="string"?document.getElementById(obj):obj}
 window.oDel=function(obj){if($(obj)!=null){$(obj).parentNode.removeChild($(obj))}}
}
window.onload=function(){
 on_ini()
 var o=document.getElementsByTagName("h1")
 for(var i=0;i<o.length;i++){
  o[i].onmousedown=function(e){
   if(dragobj.o!=null)
    return false
   e=e||event
   dragobj.o=this.parentNode
   dragobj.xy=getxy(dragobj.o)
   dragobj.xx=new Array((e.x-dragobj.xy[1]),(e.y-dragobj.xy[0]))
   dragobj.o.style.width=dragobj.xy[2]+"px"
   dragobj.o.style.height=dragobj.xy[3]+"px"
   dragobj.o.style.left=(e.x-dragobj.xx[0])+"px"
   dragobj.o.style.top=(e.y-dragobj.xx[1])+"px"   
   dragobj.o.style.position="absolute"
   var om=document.createElement("div")
   dragobj.otemp=om
   om.style.width=dragobj.xy[2]+"px"
   om.style.height=dragobj.xy[3]+"px"
   dragobj.o.parentNode.insertBefore(om,dragobj.o)
   return false
  }
 }
}
document.onselectstart=function(){return false}
window.onfocus=function(){document.onmouseup()}
window.onblur=function(){document.onmouseup()}
document.onmouseup=function(){
 if(dragobj.o!=null){
  dragobj.o.style.width="auto"
  dragobj.o.style.height="auto"
  dragobj.otemp.parentNode.insertBefore(dragobj.o,dragobj.otemp)
  dragobj.o.style.position=""
  oDel(dragobj.otemp)
  dragobj={}
 }
}
document.onmousemove=function(e){
 e=e||event
 if(dragobj.o!=null){
  dragobj.o.style.left=(e.x-dragobj.xx[0])+"px"
  dragobj.o.style.top=(e.y-dragobj.xx[1])+"px"
  createtmpl(e)
 }
}
function getxy(e){
 var a=new Array()
 var t=e.offsetTop;
 var l=e.offsetLeft;
 var w=e.offsetWidth;
 var h=e.offsetHeight;
 while(e=e.offsetParent){
  t+=e.offsetTop;
  l+=e.offsetLeft;
 }
 a[0]=t;a[1]=l;a[2]=w;a[3]=h
  return a;
}
function inner(o,e){
 var a=getxy(o)
 if(e.x>a[1]&&e.x<(a[1]+a[2])&&e.y>a[0]&&e.y<(a[0]+a[3])){
  if(e.y<(a[0]+a[3]/2))
   return 1;
  else
   return 2;
 }else
  return 0;
}
function createtmpl(e){
 for(var i=0;i<12;i++){
  if($("m"+i)==dragobj.o)
   continue
  var b=inner($("m"+i),e)
  if(b==0)
   continue
  dragobj.otemp.style.width=$("m"+i).offsetWidth
  if(b==1){
   $("m"+i).parentNode.insertBefore(dragobj.otemp,$("m"+i))
  }else{
   if($("m"+i).nextSibling==null){
    $("m"+i).parentNode.appendChild(dragobj.otemp)
   }else{
    $("m"+i).parentNode.insertBefore(dragobj.otemp,$("m"+i).nextSibling)
   }
  }
  return
 }
 for(var j=0;j<4;j++){
  if($("dom"+j).innerHTML.inc("div")||$("dom"+j).innerHTML.inc("DIV"))
   continue
  var op=getxy($("dom"+j))
  if(e.x>(op[1]+10)&&e.x<(op[1]+op[2]-10)){
   $("dom"+j).appendChild(dragobj.otemp)
   dragobj.otemp.style.width=(op[2]-10)+"px"
  }
 }
}
</script>
</head>
<body>
<div class=content>
  <div class=left id=dom0>
    <div class=mo id=m0>

      <h1>dom0</h1>
      <div class="nr"></div>
    </div>
    <div class=mo id=m1>
      <h1>dom1</h1>
      <div class="nr"></div>
    </div>
    <div class=mo id=m2>

      <h1>dom2</h1>
      <div class="nr"></div>
    </div>
    <div class=mo id=m3>
      <h1>dom3</h1>
      <div class="nr"></div>
    </div>
  </div>

  
  <div class=center id=dom1>
    <div class=mo id=m4>
      <h1>dom4</h1>
      <div class="nr"></div>
    </div>
    <div class=mo id=m5>
      <h1>dom5</h1>
      <div class="nr"></div>

    </div>
    <div class=mo id=m6>
      <h1>dom6</h1>
      <div class="nr"></div>
    </div>
    <div class=mo id=m7>
      <h1>dom7</h1>
      <div class="nr"></div>

    </div>
  </div>
  
  <div class=right id=dom2>
    <div class=mo id=m8>
      <h1>dom8</h1>
      <div class="nr"></div>
    </div>
    <div class=mo id=m9>

      <h1>dom9</h1>
      <div class="nr"></div>
    </div>
    <div class=mo id=m10>
      <h1>dom10</h1>
      <div class="nr"></div>
    </div>
    <div class=mo id=m11>

      <h1>dom11</h1>
      <div class="nr"></div>
    </div>

  </div>
</div>
</body>
</html>
 

你可能感兴趣的:(jquery,IE,prototype,Opera,J#)

  • Hosts----2016.7月更新可用hosts 知耻而后勇的蜗牛
    #Modifiedhostsstart#AmazonAWSStart27.0.1.125ap-northeast-1.console.aws.amazon.com54.240.226.19ap-southeast-1.console.aws.amazon.com54.240.195.197ap-southeast-2.console.aws.amazon.com176.32.100.36aws.a
  • Spring---定时任务@Schedule的使用,及其参数使用yml或properties配置值 知北行 JavaSpringspringjava后端
    1.使用1.在spring的启动类上添加允许定时任务注解@EnableScheduling2.在要定时执行的方法上添加注解:@Scheduled(fixedRate=5000)//任务每隔5秒执行一次或@Scheduled(fixDelay=5000)//任务每隔5秒执行一次(上一次任务结束5秒后,再执行下一次任务)或者可以使用cron表达式来完成更复杂的定时要求.2.使用yml或properti
  • Linux（CA证书颁发机构） Jackson~Y 网络系统管理服务器运维linux
    赛题拓扑：题目：CA（证书颁发机构）CA根证书路径/csk-rootca/csk-ca.pem。签发数字证书，颁发者信息：（仅包含如下信息）C=CNST=ChinaL=BeiJingO=skillsOU=OperationsDepartmentsCN=CSKGlobalRootCA[root@appsrv~]#vim/etc/pki/tls/openssl.cnfdir=/csk-rootca修改
  • 后端开发基础——JavaWeb（根基，了解原理）浓缩 Wanna715 后端开发基础javatomcatservlet后端
    总述学习Tomcat、JSON、Servlet、Filter、Session、Cookie、Ajax异步请求、RESTful接口规范、JSP(很老的技术，了解)Servlet系统架构C/S架构(Client/Server（客户端/服务器）)B/S架构（Browser/Server，浏览器/服务器）javaJavaSE:Java标准版JavaEE:企业版（WEB方向，WEB系统）13种规范，其中Se
  • qt mvc 详解 并举例 爱学习的大牛123 qt开发qt
    QtMVC(Model-View-Controller)是一种设计模式，用于将用户界面与底层数据分离开来。在Qt中，这种模式被称为Model/View架构。以下是对QtMVC的详细解释，并附带示例：1.模型（Model）:-负责数据的存储和管理-定义数据的结构和操作方法-不依赖于视图或控制器2.视图（View）:-负责数据的可视化展示-从模型获取数据并显示-可以有多个视图展示同一个模型的数据3.委
  • php jwt解密token,php实现JWT(json web token)鉴权实例 数据科学人工智能 phpjwt解密token
    JWT是什么JWT是jsonwebtoken缩写。它将用户信息加密到token里，服务器不保存任何用户信息。服务器通过使用保存的密钥验证token的正确性，只要正确即通过验证。基于token的身份验证可以替代传统的cookie+session身份验证方法。JWT由三个部分组成：header.payload.signature以下示例以JWT官网为例header部分：{"alg":"HS256","
  • 使用Chaindesk与大语言模型集成的实战指南 srudfktuffk 语言模型人工智能自然语言处理python
    技术背景介绍在现代AI应用中，快速有效地从大量数据中获取相关信息是至关重要的。Chaindesk是一款开源的文档检索平台，旨在将您的个人数据与大型语言模型（LLM）连接起来，实现高效的信息检索和应用集成。核心原理解析Chaindesk通过创建"数据存储"（datastore）来管理和索引数据，利用检索器（Retriever）进行高效查询。这使得用户能够在私有数据的基础上构建智能应用，而无需担心数据
  • (已解决)Failed to execute goal on project ...: Could not resolve dependencies for projec qq_40711092 问题记录java
    这样的错误，最后发现原来是自己没有首先对父项目也就是interface-test项目进行clean和install.https://blog.csdn.net/qq_43493747/article/details/120866443
  • face-kkk 山山而川_R face深度学习
    目录一、配置环境1、新建虚拟环境2、配置环境安装包3、下载安装使用环境二、注册新人1、采集照片2、注册新人3、测试视频或摄像头三、配置文件config1、项目配置文件configs/configs.py，用于设置人脸检测模型，特征提取模型二、下面是自己测试用（个人的一个记录，不具备参考意义）MTCNN人脸检测参考项目：GitHub-Sierkinhane/mtcnn-pytorch:Afacede
  • uniapp APP端页面触发调用uniapp开发的webview里的方法 printf_824 uniapp分享uni-app
    原理：使用getCurrentInstance()获取当前组件的Vue实例，通过instance.proxy.$scope.$getAppWebview()获取Uniapp的原生WebView对象。使用WebView提供的evalJS方法，执行嵌入H5页面内的JavaScript代码functiongetData(){url.value="http://192.168.0.22:5174/#/pa
  • dotnet-blazor-crud 项目教程 尚舰舸Elsie
    dotnet-blazor-crud项目教程dotnet-blazor-crudDemoapplicationbuiltwiththeBlazorclient-sidehostingmodel(WebAssembly)and.NETCoreRESTAPIssecuredbyaJWTservice.项目地址:https://gitcode.com/gh_mirrors/do/dotnet-blazo
  • Information On Installed Database Components and Schemas cmkcnufwy33419835 数据库java
    Subject:InformationOnInstalledDatabaseComponentsandSchemasDocID:472937.1Type:HOWTOModifiedDate:20-JUL-2009Status:PUBLISHEDInthisDocumentGoalSolution1.JServerJAVAVirtualMachine2.OLAPCatalog,OLAPAnalyti
  • SpringCloud之OpenFeign简单使用 tuoerke springcloud
    SpringCloud之OpenFeign简单使用文章目录SpringCloud之OpenFeign简单使用一、远程调用功能使用url形式的方式测试二、负载功能测试三、熔断降级OpenFeign是springcloud在Feign的基础上支持了SpringMVC的注解，如@RequestMapping等等。OpenFeign的@FeignClient可以解析SpringMVC的@RequestMa
  • Python酷库之旅-第三方库Pandas(056) 神奇夜光杯 pythonpandas开发语言人工智能标准库及第三方库excel学习与成长
    目录一、用法精讲211、pandas.Series.truncate方法211-1、语法211-2、参数211-3、功能211-4、返回值211-5、说明211-6、用法211-6-1、数据准备211-6-2、代码示例211-6-3、结果输出212、pandas.Series.where方法212-1、语法212-2、参数212-3、功能212-4、返回值212-5、说明212-6、用法212-6
  • 大数据的一些基本概念 weixin_49536779 大数据数据分析数据库python
    首先，大数据是什么？大数据是指数据集规模巨大且复杂，传统的数据处理软件无法高效处理它们。它是非常大的数据集。这种复杂性可能来自于数据的“3V”特性：体量（Volume）、多样性（Variety）和速度（Velocity）。体量（Volume）首先，什么是体量？体量指的是以PB（Petabytes）为单位的数据量，甚至是EB（Exabytes）。这种数据量远大于GB（Gigabytes）或TB（Te
  • pycharm无法创建python file_pycharm无法导入本地模块的解决方式 weixin_39873356 file
    最近学习python的django，需要导入本地的view模块，参考一些别人导入包的方法importsyssys.path.append('C:\\Users\\hhua\\Desktop')#括号中的内容为A所在的目录importA.Demo1#不能加.py否则会报错(错误为没有这个文件A.Demo1.py)但是不论用相对路径导入还是绝对路径导入，运行都会出错，但是我又用命令行试了一遍，发现命令
  • DeepSpeed 常见问题解决方案 申晓容Lucille
    DeepSpeed常见问题解决方案DeepSpeedDeepSpeedisadeeplearningoptimizationlibrarythatmakesdistributedtrainingandinferenceeasy,efficient,andeffective.项目地址:https://gitcode.com/gh_mirrors/de/DeepSpeed1.项目基础介绍和主要编程语言
  • 【学习总结|DAY033】后端Web进阶(AOP) 123yhy传奇 javamybatis学习springbootspring
    在当今的软件开发领域，提高代码的可维护性、可扩展性以及减少重复代码是至关重要的。SpringAOP（AspectOrientedProgramming，面向切面编程）作为一种强大的编程思想和技术，在解决这些问题上发挥着重要作用。本文将结合实际代码示例，深入探讨SpringAOP的相关知识，帮助大家更好地掌握这一技术。一、AOP基础概念1.1什么是AOPAOP即面向切面编程，它可以简单理解为面向特定
  • 机器学习-分类算法评估标准 赛丽曼 机器学习机器学习分类人工智能
    一.准确率accuracy将预测结果和测试集的目标值比较，计算预测正确的百分比准确率越高说明模型效果越好fromsklearnimportdatasetsfromsklearn.model_selectionimporttrain_test_splitfromsklearn.neighborsimportKNeighborsClassifier#加载鸢尾花数据X,y=datasets.load_i
  • HMI设计十-cybertruck-QPainter径向渐变圆与阴影流动设计 william_myq HMIQTUIQPainter
    如何构建图示点阵背景可以参考本栏同刊HMI设计九-cybertruck-QPainter复杂油门刹车滑动块设计-CSDN博客本文目标如何构建QPainter阴影流动设计如何构建径向渐变阴影圆如何营造阴影流动效果如何构建径向渐变阴影圆使用ShapePath中的PathArc构建两个半圆组成一个圆用fillGradient来使能相应的渐变效果，可以支持线性，径向渐变//Circle.qml定义一个圆形
  • 赶紧收藏！2024 年最常见 20道分布式、微服务面试题（八） 学长爱编程 分布式微服务程序员面试分布式微服务架构面试后端跳槽中间件
    上一篇地址：赶紧收藏！2024年最常见20道分布式、微服务面试题（七）-CSDN博客十五、什么是负载均衡，它在微服务架构中如何工作？负载均衡是一种在计算机网络中分配工作负载（如网络流量、请求处理等）到多个计算资源（如服务器、数据库、存储设备等）的策略。其主要目的是优化资源的利用、提高吞吐量、增强系统可用性和容错性，以及避免任何单一资源的过载。负载均衡的关键概念：前端（Client-Side）负载均
  • ElasticSearch查询 第四篇：匹配查询（Match） 悦光阴 字符串javapythonelasticsearch索引
    《ElasticSearch查询》目录导航：ElasticSearch查询第一篇：搜索APIElasticSearch查询第二篇：文档更新ElasticSearch查询第三篇：词条查询ElasticSearch查询第四篇：匹配查询(Match)ElasticSearch查询第五篇：布尔查询匹配(Match)查询属于全文(Fulltext)查询，不同于词条查询，ElasticSearch引擎在处理全
  • .net开发面试题 神之王楠 .net面试
    一、.NET初级开发包括关于.NET基础知识、C#编程语言、ASP.NETMVC框架等方面的问题。什么是.NET？C#中的委托是什么？请简述private、protected、public、internal修饰符的访问权限。什么是ASP.NETMVC？在ASP.NETMVC中，模型、视图和控制器的作用是什么？什么是视图模型（ViewModel）？简述装箱和拆箱的概念。二、.NET中级开发涉及.NE
  • CameraX 下使用 OpenCV 微信二维码识别 AndroidKt AndroidOpenCVandroidopencvkotlin计算机视觉图像处理
    前言前面，我们已经介绍了两种集成wechat_qrcode微信二维码识别能力的做法：完整编译OpenCV和OpenCVContribNativeC++单独集成wechat_qrcode模块这两种方式的预览和识别均是基于OpenCV提供的JavaCamera2View。今天介绍一下如何通过CameraX框架调用wechat_qrcode模块能力。CameraX基本使用CameraX具有以下最低版本要
  • 詳細講一下在RN(ReactNative)中，6個比較常用的組件以及詳細的用法 asecretman! reactnativereact.jsjavascript
    1.View组件（基础容器）import{View,StyleSheet}from'react-native';constMyComponent=()=>{return({/*子组件*/});};conststyles=StyleSheet.create({container:{flex:1,//flex布局padding:10,//内边距backgroundColor:'#fff',//背景色b
  • Flink系列-2、Flink架构体系 技术武器库 大数据专栏flink架构jvm
    版权声明：本文为博主原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接和本声明。大数据系列文章目录官方网址：https://flink.apache.org/学习资料：https://flink-learning.org.cn/目录Flink中的重要角⾊Flink数据流编程模型Libraries支持Flink集群搭建Local本地模式（开发测试）Standalone-伪分布环境（开
  • 探索LangChain中OpenAI模型的token级log probabilities jkgSFS langchaineasyui前端python
    在AI模型的开发和调试中，了解每个生成token的概率是非常有用的。这些信息可以帮我们理解模型的决策过程，识别可能的错误。本篇文章将介绍如何通过LangChain与OpenAI整合来获取这些token级的logprobabilities。技术背景介绍什么是LogProbabilities？在自然语言处理中，logprobabilities是一种对token生成概率的度量。通常，这个值越高，表示生成
  • 微软 azure_Microsoft Azure管理员方案相关的面试问题与解答 culuo4781 java大数据python人工智能面试
    微软azureInthisarticle,wewilldiscussseveralscenario-relatedinterviewquestionsthatyoumaybeaskedwhenapplyingtoanAzureAdministratorposition.在本文中，我们将讨论与多个方案相关的面试问题，当您申请Azure管理员职位时可能会被问到。Q1:Assumethatyourman
  • 使用LangChain实现与维基百科集成的知识检索 dagGAIYD langchain人工智能python
    在构建知识驱动的AI应用时，实时获取可靠的信息是关键。维基百科是目前最大的在线百科全书，通过开放的编辑和高质量的内容，成为知识获取的主要来源之一。今天，我们将学习如何使用LangChain的WikipediaLoader和WikipediaRetriever模块，快速集成维基百科内容到AI应用中。在这篇文章中，我们会逐步解析以下内容：为什么选择维基百科作为知识源？LangChain核心模块解析实现
  • 机器学习笔记 - 机器学习/深度学习实战案例合集 坐望云起 深度学习从入门到精通机器学习深度学习人工智能案例应用神经网络
    一、简述如何学习机器学习/深度学习，理论和实践都很重要，理论上的内容需要看课程、读教材。但是实践需要自己动手，实践之后自然会对理论有更深入的理解。怎么实践？借用欧阳修《卖油翁》的话”无他，但手熟尔“。就是多看多写多跑。下面创建这个github的目的是为了存放一些图像处理/计算机视觉/机器学习/深度学习的示例代码集合，不定期会添加新的示例，可供参考。GitHub-bashendixie/ml_too
  • JAVA中的Enum 周凡杨 javaenum枚举
    Enum是计算机编程语言中的一种数据类型---枚举类型。 在实际问题中，有些变量的取值被限定在一个有限的范围内。     例如，一个星期内只有七天 我们通常这样实现上面的定义： public String monday; public String tuesday; public String wensday; public String thursday
  • 赶集网mysql开发36条军规 Bill_chen mysql业务架构设计mysql调优mysql性能优化
    (一)核心军规 (1)不在数据库做运算    cpu计算务必移至业务层； (2)控制单表数据量    int型不超过1000w，含char则不超过500w；    合理分表；    限制单库表数量在300以内； (3)控制列数量    字段少而精，字段数建议在20以内
  • Shell test命令 daizj shell字符串test数字文件比较
    Shell test命令 Shell中的 test 命令用于检查某个条件是否成立，它可以进行数值、字符和文件三个方面的测试。 数值测试 参数 说明 -eq 等于则为真 -ne 不等于则为真 -gt 大于则为真 -ge 大于等于则为真 -lt 小于则为真 -le 小于等于则为真 实例演示： num1=100 num2=100if test $[num1]
  • XFire框架实现WebService(二) 周凡杨 javawebservice
       有了XFire框架实现WebService(一)，就可以继续开发WebService的简单应用。 Webservice的服务端(WEB工程)： 两个java bean类： Course.java    package cn.com.bean; public class Course {     private
  • 重绘之画图板 朱辉辉33 画图板
           上次博客讲的五子棋重绘比较简单，因为只要在重写系统重绘方法paint（）时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。        画图板重绘难在需要重绘的类型很多，比如说里面有矩形，园，直线之类的，所以我们要想办法将里面的图形加入一个队列中，这样在重绘时就
  • Java的IO流 西蜀石兰 java
    刚学Java的IO流时，被各种inputStream流弄的很迷糊，看老罗视频时说想象成插在文件上的一根管道，当初听时觉得自己很明白，可到自己用时，有不知道怎么代码了。。。 每当遇到这种问题时，我习惯性的从头开始理逻辑，会问自己一些很简单的问题，把这些简单的问题想明白了，再看代码时才不会迷糊。 IO流作用是什么？ 答：实现对文件的读写，这里的文件是广义的； Java如何实现程序到文件
  • No matching PlatformTransactionManager bean found for qualifier 'add' - neither 林鹤霄
    java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match!   网上找了好多的资料没能解决，后来发现：项目中使用的是xml配置的方式配置事务，但是
  • Row size too large (> 8126). Changing some columns to TEXT or BLOB aigo column
    原文：http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large   异常信息： Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
  • JS 格式化时间 alxw4616 JavaScript
    /** * 格式化时间 2013/6/13 by 半仙 [email protected] * 需要 pad 函数 * 接收可用的时间值. * 返回替换时间占位符后的字符串 * * 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数 * 如 YYYY 4占4位 YY 占2位<p></p> * MM DD hh mm
  • 队列中数据的移除问题 百合不是茶 队列移除
         队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除,  代码如下;      // package com.Thread0715.com; import java.util.ArrayList; public class Threa
  • Runnable接口使用实例 bijian1013 javathreadRunnablejava多线程
    Runnable接口 a.       该接口只有一个方法：public void run(); b.       实现该接口的类必须覆盖该run方法 c.       实现了Runnable接口的类并不具有任何天
  • oracle里的extend详解 bijian1013 oracle数据库extend
    扩展已知的数组空间，例： DECLARE TYPE CourseList IS TABLE OF VARCHAR2(10); courses CourseList; BEGIN -- 初始化数组元素，大小为3 courses := CourseList('Biol 4412 ', 'Psyc 3112 ', 'Anth 3001 '); --
  • 【httpclient】httpclient发送表单POST请求 bit1129 httpclient
    浏览器Form Post请求 浏览器可以通过提交表单的方式向服务器发起POST请求，这种形式的POST请求不同于一般的POST请求 1. 一般的POST请求，将请求数据放置于请求体中，服务器端以二进制流的方式读取数据，HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求，比如请求数据是字符串或者是二进制数据 2. Form
  • 【Hive十三】Hive读写Avro格式的数据 bit1129 hive
     1. 原始数据 hive> select * from word; OK 1 MSN 10 QQ 100 Gtalk 1000 Skype      2. 创建avro格式的数据表   hive> CREATE TABLE avro_table(age INT, name STRING)STORE
  • nginx+lua+redis自动识别封解禁频繁访问IP ronin47
    在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis实现在指定的时间段 内，若单IP的请求量达到指定的数量后对该IP进行封禁，nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在 指定的封禁时间后实行自动解封的目的。 一、安装环境： CentOS x64 release 6.4(Fin
  • java-二叉树的遍历-先序、中序、后序（递归和非递归）、层次遍历 bylijinnan java
    import java.util.LinkedList; import java.util.List; import java.util.Stack; public class BinTreeTraverse { //private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 }; private int[] array={ 10,6,
  • Spring源码学习-XML 配置方式的IoC容器启动过程分析 bylijinnan javaspringIOC
    以FileSystemXmlApplicationContext为例，把Spring IoC容器的初始化流程走一遍： ApplicationContext context = new FileSystemXmlApplicationContext ("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
  • [科研与项目]民营企业请慎重参与军事科技工程 comsci 企业
         军事科研工程和项目 并非要用最先进，最时髦的技术，而是要做到“万无一失”    而民营科技企业在搞科技创新工程的时候，往往考虑的是技术的先进性，而对先进技术带来的风险考虑得不够，在今天提倡军民融合发展的大环境下，这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前，对
  • spring 定时器-两种方式 cuityang springquartz定时器
    方式一： 间隔一定时间 运行 <bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" /> <bean id="updateSessionIdSchedule
  • 简述一下关于BroadView站点的相关设计 damoqiongqiu view
    终于弄上线了，累趴，戳这里http://www.broadview.com.cn   简述一下相关的技术点   前端：jQuery+BootStrap3.2+HandleBars，全站Ajax（貌似对SEO的影响很大啊！怎么破？），用Grunt对全部JS做了压缩处理，对部分JS和CSS做了合并（模块间存在很多依赖，全部合并比较繁琐，待完善）。   后端：U
  • 运维 PHP问题汇总 dcj3sjt126com windows2003
    1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页 解决方法： 后台>系统>系统基本参数>核心设置>关键字替换（是/否），这里选择“是”。 后台>系统>系统基本参数>其他选项>自动提取关键字，这里选择“是”。   2、解决PHP168超级管理员上传图片提示你的空间不足 网站是用PHP168做的，反映使用管理员在后台无法
  • mac 下 安装php扩展 - mcrypt dcj3sjt126com PHP
    MCrypt是一个功能强大的加密算法扩展库，它包括有22种算法，phpMyAdmin依赖这个PHP扩展，具体如下： 下载并解压libmcrypt-2.5.8.tar.gz。 在终端执行如下命令： tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
  • MongoDB更新文档 [四] eksliang mongodbMongodb更新文档
    MongoDB更新文档 转载请出自出处：http://eksliang.iteye.com/blog/2174104 MongoDB对文档的CURD，前面的博客简单介绍了，但是对文档更新篇幅比较大，所以这里单独拿出来。 语法结构如下： db.collection.update( criteria, objNew, upsert, multi) 参数含义 参数   
  • Linux下的解压，移除，复制，查看tomcat命令 y806839048 tomcat
    重复myeclipse生成webservice有问题删除以前的，干净 1、先切换到：cd usr/local/tomcat5/logs 2、tail -f catalina.out 3、这样运行时就可以实时查看运行日志了 Ctrl+c 是退出tail命令。 有问题不明的先注掉   cp /opt/tomcat-6.0.44/webapps/g
  • Spring之使用事务缘由(3-XML实现) ihuning spring
      用事务通知声明式地管理事务   事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理，可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知，为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后，就需要将它与切入点关联起来。由于事务通知是在 <aop:
  • GCD使用经验与技巧浅谈 啸笑天 GC
    前言 GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”，本文就总结一些有关使用GCD的经验与技巧。 dispatch_once_t必须是全局或static变量 这一条算是“老生常谈”了，但我认为还是有必要强调一次，毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug，正确的如下： 1
  • linux（Ubuntu）下常用命令备忘录1 macroli linux工作ubuntu
    在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表：ls ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容，但这样直接运行所得到的信息也是比较少的，通常它可以结合以下这些参数运行以查询更多的信息：  ls / 显示/.下的所有文件和目录  ls -l 给出文件或者文件夹的详细信息 ls -a 显示所有文件，包括隐藏文
  • nodejs同步操作mysql qiaolevip 学习永无止境每天进步一点点mysqlnodejs
    // db-util.js var mysql = require('mysql'); var pool = mysql.createPool({ connectionLimit : 10, host: 'localhost', user: 'root', password: '', database: 'test', port: 3306 });
  • 一起学Hive系列文章 superlxw1234 hiveHive入门
      [一起学Hive]系列文章 目录贴，入门Hive，持续更新中。   [一起学Hive]之一—Hive概述，Hive是什么 [一起学Hive]之二—Hive函数大全-完整版 [一起学Hive]之三—Hive中的数据库(Database)和表(Table) [一起学Hive]之四-Hive的安装配置 [一起学Hive]之五-Hive的视图和分区 [一起学Hive
  • Spring开发利器：Spring Tool Suite 3.7.0 发布 wiselyman spring
    Spring Tool Suite(简称STS)是基于Eclipse，专门针对Spring开发者提供大量的便捷功能的优秀开发工具。   在3.7.0版本主要做了如下的更新：   将eclipse版本更新至Eclipse Mars 4.5 GA Spring Boot(JavaEE开发的颠覆者集大成者，推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他