菩提树下的杨过
菩提树下的杨过

ExtJs学习笔记(24)-Drag/Drop拖动功能

 

直接给代码吧，主要重点已经在代码里注释了

 



     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>
<title>Untitled Pagetitle>
<link rel="Stylesheet" type="text/css" href="../resources/css/ext-all.css" />
<script type="text/javascript" src="../adapter/ext/ext-base.js">script>
<script type="text/javascript" src="../ext-all-debug.js">script>
<script type="text/javascript" src="../build/locale/ext-lang-zh_CN.js">script>   
<style type="text/css">   
        body{font-size:12px;margin: 10px;}     

        .block {
            border: 1px red solid;                     
            height:80px;
            margin-top:50px;
            padding:20px 0 0 20px;
            clear:both;
}
        .item {
            border: 1px #000 solid; 
            margin-right:10px;                                   
            width: 60px;
            height: 40px; 
            text-align:center;
            padding-top:20px;
            color:White;      
            float:left;
            cursor:pointer;

}
style> 
head>
<body>
<script type="text/javascript">
    Ext.onReady(function() {
var proxy = new Ext.dd.DDProxy("proxy"); //这一句就可以建立一个随便拖的东东，神奇吧
        //(ExtJs的拖动组件分二大类，DDProxy就是要拖动的东西，而DDTarget就是拖动后可以扔进去的目标容器区)



//以下建立了三个拖动源DropSource(继承自DDProxy可以查看官方文档)，并标明gruop为dd
        var proxy_red = new Ext.dd.DragSource('proxy_red', { group: 'dd' });
var proxy_green = new Ext.dd.DragSource('proxy_green', { group: 'dd' });
var proxy_black = new Ext.dd.DragSource('proxy_black', { group: 'dd' });

//拖动完成的事件
        proxy_red.afterDragDrop = function(target, e, id) {
var destEl = Ext.get(id);
var srcEl = Ext.get(this.getEl());
var sColor = srcEl.dom.id.split('_')[1]; //得取拖动源id的后面一部分，即proxy_red后面的red
            destEl.dom.style.backgroundColor = sColor; //设置目标id的背景色
        };

        proxy_green.afterDragDrop = proxy_red.afterDragDrop; //为其它拖动源赋值同样的事件处理函数
        proxy_black.afterDragDrop = proxy_red.afterDragDrop;

var target = new Ext.dd.DDTarget('target', 'dd'); //建立拖动目标区(这里的dd与上面拖动源的group:dd相同
        //只有相同group的DDProxy/DragSource才会接受)
    });
script>
<div>
<div id="proxy_red" class="item" style="background:red">Reddiv>       
<div id="proxy_green" class="item" style="background:green">Greendiv>     
<div id="proxy_black" class="item" style="background:black">Blackdiv>   
<div id="proxy" class="item" style="color:Black">我可以<br/>随便拖div> 
div> 
<div id="target" class="block">把上面有颜色的色块拖到我这里试试div>
body>
html>

 

看下效果图:


1.拖动Green块(但还未到达目标区)时的效果:

2.拖动Green块(到达目标区)时的效果


3.拖动完成后的效果

4."我可以随便拖"的拖动效果

5."我可以随便拖"拖动完成后的效果

 转载请注明来自菩提树下的杨过http://www.cnblogs.com/yjmyzz/archive/2008/09/17/1292728.html

 

简单说明几点:

1.ExtJs中的拖动功能，只要记住DDProxy是用来拖动的组件，而DDTarget就是用来放拖动块的容器就可以了，其它东西比如DragZone,DragSource都是继承自DDProxy，同样基本功能也就是拖动块

2.DDProxy其它的常用事件，可以参考官方的API文档

再来改进一下：



     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>
<title>Untitled Pagetitle>
<link rel="Stylesheet" type="text/css" href="../resources/css/ext-all.css" />
<script type="text/javascript" src="../adapter/ext/ext-base.js">script>
<script type="text/javascript" src="../ext-all-debug.js">script>
<script type="text/javascript" src="../build/locale/ext-lang-zh_CN.js">script>   
<style type="text/css">   
        body{font-size:12px;margin: 10px;}     

        .block {
            clear:left;  
            margin-top:50px;    
            border: solid 1px #000;                     
            height:80px;            
            padding:20px 0 0 20px;

}
        .item {
            border: 1px #000 solid;            
            margin-right:10px;                                   
            width: 60px;
            height: 40px; 
            text-align:center;
            padding-top:20px;
            color:White;      
            float:left;
            cursor:pointer;           
}

        .BorderOver{border:dashed 2px #00f;}
style> 
head>
<body>
<script type="text/javascript">
    Ext.onReady(function() {
var proxy = new Ext.dd.DDProxy("proxy"); //这一句就可以建立一个随便拖的东东，神奇吧
        //(ExtJs的拖动组件分二大类，DDProxy就是要拖动的东西，而DDTarget就是拖动后可以扔进去的目标容器区)



//以下建立了三个拖动源DropSource(继承自DDProxy可以查看官方文档)，并标明gruop为dd
        var proxy_red = new Ext.dd.DragSource('proxy_red', { group: 'dd' });
var proxy_green = new Ext.dd.DragSource('proxy_green', { group: 'dd' });
var proxy_black = new Ext.dd.DragSource('proxy_black', { group: 'dd' });

//拖动完成的事件
        proxy_red.afterDragDrop = function(target, e, id) {
var destEl = Ext.get(id);
var srcEl = Ext.get(this.getEl());

if (destEl.dom.id == "target2") {
if (srcEl.dom.id != "proxy_red") {
                    destEl.dom.style.border = "solid #000 1px";
                    alert("此区域仅接受red(红色)色块！");
return false;
                }
            }
var sColor = srcEl.dom.id.split('_')[1]; //得取拖动源id的后面一部分，即proxy_red后面的red
            destEl.dom.style.backgroundColor = sColor; //设置目标id的背景色
            destEl.dom.style.border = "solid #000 1px";
        };


        proxy_red.onDragEnter = function(e, id) {
            Ext.get(id).dom.style.border = "dashed #00f 2px";
            Ext.get(id).dom.style.backgroundColor = "#fff";
        }


        proxy_red.onDragOut = function(e, id) {
            Ext.get(id).dom.style.border = "solid #000 1px";
        }

        proxy_green.afterDragDrop = proxy_red.afterDragDrop; //为其它拖动源赋值同样的事件处理函数
        proxy_black.afterDragDrop = proxy_red.afterDragDrop;

        proxy_green.onDragEnter = proxy_red.onDragEnter;
        proxy_black.onDragEnter = proxy_red.onDragEnter;

        proxy_green.onDragOut = proxy_red.onDragOut;
        proxy_black.onDragOut = proxy_red.onDragOut;

var target = new Ext.dd.DDTarget('target', 'dd'); //建立拖动目标区(这里的dd与上面拖动源的group:dd相同
        //只有相同group的DDProxy/DragSource才会接受)        

var target2 = new Ext.dd.DDTarget('target2', 'dd');
    });
script>
<div>
<div id="proxy_red" class="item" style="background:red">Reddiv>       
<div id="proxy_green" class="item" style="background:green">Greendiv>     
<div id="proxy_black" class="item" style="background:black">Blackdiv>   
<div id="proxy" class="item" style="color:Black">我可以<br/>随便拖div> 
div> 
<br/>
<div id="target" class="block">把上面有颜色的色块拖到我这里试试div>
<div id="target2" class="block">把上面有颜色的色块拖到我这里试试(此区域仅接受红色块)div>
body>
html>

 

 

这一次我们建立了二个目标容器



并且第二个容器仅接受红色的色块


你可能感兴趣的:(Standard)

  • tf.get_collection() yalesaleng
    此函数有两个参数，key和scope。Args:1.key:Thekeyforthecollection.Forexample,theGraphKeysclasscontainsmanystandardnamesforcollections.2.scope:(Optional.)Ifsupplied,theresultinglistisfilteredtoincludeonlyitemswhose
  • java中的ide、sdk是什么,javaee\javase\javame区别 极客Thomas idejavaeclipse
    ide：integrateddevelopmentenvironment集成开发环境简单的来说就是提供编译代码等一系列功能的开发环境比如：eclipsesdk：servicedevelopmentpack服务开发包简单来说就是一些封装的功能代码，做成了一个包，给我们可以直接调用比如jdk1.8jdkjavase（JavaPlatform，StandardEdition）标准版本，在电脑上运行jav
  • bigquery_到Google bigquery的sql查询模板，它将您的报告提升到另一个层次 张_伟_杰 javamysqlsqlpython数据库
    bigqueryInthispost,we’resharingreporttemplatesthatyoucanbuildwithSQLqueriestoGoogleBigQuerydata.在本文中，我们将分享您可以使用SQL查询为GoogleBigQuery数据构建的报告模板。First,you’llfindoutaboutwhatyoucancalculatewiththestandarde
  • 推荐：ASP.NET Core Web API 模板 —— 强大的启动项目！ 戴洵珠Gerald
    推荐：ASP.NETCoreWebAPI模板——强大的启动项目！aspnetcore-webapi-templateThisprojectisanWebAPIOpen-SourceBoilerplateTemplatethatincludesASP.NETCore5,WebAPIstandards,cleann-tierarchitecture,GraphQLservice,Redis,Mssql
  • 【ML】支持向量机SVM及Python实现（详细） 2401_84009698 程序员支持向量机python算法
    fromsklearn.preprocessingimportStandardScalerfrommatplotlib.colorsimportListedColormapfromsklearn.svmimportSVC###2.1加载数据样本加载样本数据及其分类标签iris=datasets.load_iris()X=iris.data[:,[2,3]]#按花瓣划分#X=iris.data[:,
  • ASCII码 Zhangci］ C#
    ASCII码概念ASCII(AmericanStandardCodeforInformationInterchange)的缩写（美国标准信息交换代码），已被国际标准化组织ISO采纳，作为国际通用的信息交换标准代码。诞生背景计算机对数据的识别、运算和存储都建立在二进制上，数据信息想要在计算机上参与计算都需要被编码。为了方便信息交换，美国国家标准学会ANSI（AmericanNationalStand
  • 微软面向所有用户推出 Xbox Game Pass Standard 吴脑的键客 游戏microsoftxbox
    2024年8月下旬，微软启动了XboxGamePassStandard的公开测试，这是其不断发展的GamePass套餐中的一个新层级。几周后的今天，XboxGamePass标准版已向支持地区的所有Xbox用户开放。XboxGamePass标准版每月收费14.99美元。以这个价格，Xbox用户可以访问数百款主机游戏、在线多人游戏和会员独享折扣，其中有些折扣可高达50%。不过，与XboxGamePas
  • ITU-T V-Series Recommendations 技术无疆 Othercompressionstandardsprotocolsinterfacenetworkalgorithm
    TheITU-TV-SeriesRecommendationsonDatacommunicationoverthetelephonenetworkspecifytheprotocolsthatgovernapprovedmodemcommunicationstandardsandinterfaces.[1]Note:thebisandtersuffixesareITU-Tstandarddesig
  • 使用 Visual Studio 创建 .NET 类库 51Aspx源码服务专家 VisualStudiovisualstudio51Aspx
    在本教程中，将创建包含一个字符串处理方法的简单类库。类库定义的是可以由应用程序调用的类型和方法。如果库以.NETStandard2.0为目标，则支持.NETStandard2.0的任何.NET实现（包括.NETFramework）均可调用该库。如果库以.NET6为目标，则以.NET6为目标的任何应用程序均可调用该库。本教程演示如何以.NET6为目标。创建类库后，可将其作为NuGet包或作为与使用该
  • conform 岁月静好_现象英语
    1.认识这个词（基础篇）词：conform英英释义：tobehaveaccordingtotheusualstandardsofbehaviourwhichareexpectedbyagrouporsociety例句：YanNingdoesn’tconformtothestereotypeofascientist.2.体会这个词（进阶篇）“conform”是动词，常用来表示“与…一致”“遵从”，是
  • Detecting Memory Management and Threading Bugs with Valgrind Chia-Te Kuan 分析工具交叉編譯經驗談elasticsearch大数据搜索引擎git
    contentAboutValgrindInstallingValgrindFromSourceFromPre-compiledBinaryPrepareFWandstandardlibrarywithsymbolPrepareFWPreparesysrootonNFSSetLD_LIBRARY_PATHandcreatesymboliclinksPrepareself-implementlibr
  • SAP项目中的英文术语大全 syounger SAP项目管理制造
    随着SAP的技术更新（比如从传统部署转向云部署）和SAP项目管理方法论的更新（从ASAPActivate）,项目中的专业术语也出现了很多更替，比如Blueprint已经被Explore中的Fit-to-Standard代替。本文就现在SAP中一些主要的专业词汇做一个分享。·系统/部署相关On-premise/onCloud：本地部署/云部署，最简单的理解是SAP的服务器部署再本地机房还是云服务提供
  • Qt 树形控件 QTreeView QTreeWidget深入剖析 globbo qtqt
    众众众所大家们周知，QTreeWidget性能差、QTreeView配合QStandardItemModel性能也差、不够灵活等等，需要自定义Model来配合QTreeView使用。那么为何这么多问题Qt官方却不进行改进？本文结合Qt源码，经过一周的深入分析，对如何设计自定义Model提出了自己的一些想法。1.QTreeWidget分析QTreeWidget使用起来比较简单，代码就不在这里罗列了。
  • ARM64的函数调用标准和栈布局 奔跑吧Linux社区 linux
    欢迎订阅奔跑吧linux社区微信公众号本文节选自《奔跑吧Linux内核》第二版卷1第1.6章函数调用标准（ProcedureCallStandard，PCS）用来描述父/子函数是如何编译、链接的，特别是父函数和子函数之间调用关系的约定，如栈的布局、参数的传递等。每个处理器架构都有不同的函数调用标准，本章重点介绍ARM64的函数调用标准。ARM公司有一份描述ARM64架构函数调用的标准和规范文档，这
  • 雷达基数据绘制成雷达图 七颗糖很甜 pythonflask算法
    x波段雷达基数据绘制成雷达图1.雷达基数据格式Z_RADR_I_ZR001_20240521020002_O_DOR_YLD2-D_CAP_FMT.bin.bz22.基数据读取```pythonf=StandardData(i)#新版本标准数据radarTime=f.scantime#获取雷达时次date_str=radarTime.strftime('%Y-%m-%d%H:%M:%S')date
  • java base64加密和解密 勇敢的小提莫 javajvmspring
    importjava.nio.charset.StandardCharsets;importjava.util.Base64;publicclassBase64Util{finalstaticBase64.Encoderencoder=Base64.getEncoder();finalstaticBase64.Decoderdecoder=Base64.getDecoder();publicsta
  • Tomcat部署报错：org.apache.catalina.LifecycleException: 无法启动组件[StandardEngine[Catalina].StandardHost[/**] Faith-J tomcatapachejava
    报错内容17-May-202217:36:34.786信息[main]org.apache.catalina.core.StandardEngine.startInternal正在启动Servlet引擎：[ApacheTomcat/8.5.78]17-May-202217:36:34.811信息[localhost-startStop-1]org.apache.catalina.startup.H
  • Some Technical Advantages about Belt Conveyor cnm2386
    Withtheadvantagesoflargeconveyingcapacity,simplestructure,easymaintenanceandstandardizedparts.Beltconveyoriswidelyusedtoconveytheincompactmaterialsandendarticlesinmining,metallurgy,andcoalindustry,etc
  • STL-vector与迭代器 不会编程菜飞飞 笔记c++stl
    **C++学习：标准模板库（STL）：vector**标准模板库（STL）一、STL是什么？二、为什么要学STL三、STL—vectorvector容器包含的成员函数三、STL迭代器（iterator）迭代器类别不同容器的迭代器迭代器的定义方式标准模板库（STL）一、STL是什么？STL是StandardTemplateLibrary的简称，中文名标准模板库，惠普实验室开发的一系列软件的统称。它是
  • Python PIP安装第三方库 留不住的人 Python编程pythonpip开发语言
    PIP安装第三方库库(Library)Python中库是借用其他编程语言的概念，没有特别具体的定义。模块和包侧重于代码组织，有明确的定义。库强调的是功能性，而不是代码组织。我们通常将某个功能的“模块的集合”，称为库。标准库(StandardLibrary)Python拥有一个强大的标准库。Python语言的核心只包含数字、字符串、列表、字典、文件等常见类型和函数，而由Python标准库提供了系统管
  • 计算机网络模型介绍——OSI七层模型 vs TCP/IP五层模型 及各层协议 2020拯救世界
    OSI七层模型vsTCP/IP五层模型及各层协议一.OSI七层模型OSI七层模型（OpenSystemInterconnect）即开放系统互连参考模型，是由ISO（InternationalOrganizationforStandardization）国际标准化组织提出的，用于计算机或通信系统间互联的标准体系。从上到下可分为七层：每一层都完成特定的功能，并为上一层提供服务，并使用下层所提供的服务。
  • IOS MKMapCamera三维地图 SkTj
    1overridefuncviewDidLoad(){2super.viewDidLoad()3//Doanyadditionalsetupafterloadingtheview,typicallyfromanib.45letmapView=MKMapView(frame：self.view.bounds)6mapView.mapType=MKMapType.standard78letcenter
  • 【pathlib 卸载】 WYONG_ZQ pythonlinux开发语言
    The'pathlib'packageisanobsoletebackportofastandardlibrarypackageandisincompatiblewithPyInstaller.Pleaseremovethispackagepathlib卸载pathlib卸载具体报错如下：The‘pathlib’packageisanobsoletebackportofastandardlibra
  • Java常用的加密方式 思静语 #安全java加密
    文章目录1.对称加密1.1.AES（AdvancedEncryptionStandard）1.2.DES（DataEncryptionStandard）2.非对称加密2.1.RSA（Rivest-Shamir-Adleman）3.哈希函数在Java开发中，常用的加密方式包括以下几种MessageDigest（消息摘要）：Java提供了java.security.MessageDigest类来进行散
  • 每日一译 20210226 瑞译进取
    【汉译英中文部分节选】要建设开放型世界经济，坚定维护多边贸易体制，不搞歧视性、排他性标准、规则、体系，不搞割裂贸易、投资、技术的高墙壁垒。【汉译英英文部分节选】Weshouldbuildanopenworldeconomy,upholdthemultilateraltradingregime,discarddiscriminatoryandexclusionarystandards,rulesan
  • VCCAUX_IO cckkppll fpga开发
    VCCAUX_IO指定给定I/O的VCCAUX.IO轨道的工作电压。DRC可用于确保VCCAUX_IO属性分配正确：•VCCAUXIOBT（警告）：确保VCCAUX_IO值为NORMAL或HIGH的端口仅存放在惠普银行。•VCCAUXIOSTD（警告）：确保VCCAUX_IO值为NORMAL或HIGH不使用仅在人力资源银行支持的IOSTANDARD。•VCCAUXIO（错误）：确保VCCAUX_I
  • linux脚本中怎么退出tee模式,Linux Shell脚本入门:tee命令 EHOME电子竞技俱乐部
    用途说明在执行Linux命令时，我们可以把输出重定向到文件中，比如ls>a.txt，这时我们就不能看到输出了，如果我们既想把输出保存到文件中，又想在屏幕上看到输出内容，就可以使用tee命令了。tee命令读取标准输入，把这些内容同时输出到标准输出和(多个)文件中(readfromstandardinputandwritetostandardoutputandfiles.Copystandardinp
  • 浅谈Java SE、Java EE、JavaME三者的区别 武昌库里写JAVA 面试题汇总与解析算法数据结构c语言开发语言二维数组
    JavaSE、javaEE、JavaME三个版本。1.JavaSE（JavaPlatform，StandardEdition）。JavaSE以前称为J2SE。它允许开发和部署在桌面、服务器、嵌入式环境和实时环境中使用的Java应用程序。JavaSE包含了支持JavaWeb服务开发的类，并为JavaPlatform，EnterpriseEdition（JavaEE）提供基础。2.JavaEE（Jav
  • Python基础入门：从变量到异常处理(3天)--阿里云天池 不到7不改名
    异常处理6异常处理异常就是运行期检测到的错误。计算机语言针对可能出现的错误定义了异常类型，某种错误引发对应的异常时，异常处理程序将被启动，从而恢复程序的正常运行。6.1Python标准异常总结BaseException：所有异常的基类Exception：常规异常的基类StandardError：所有的内建标准异常的基类ArithmeticError：所有数值计算异常的基类FloatingPoint
  • SQL Server Profiler 模板 tianlianchao1982 SQLServer管理sqlserverprofiler数据库服务器存储优化数据库
    模板名称模板用途事件类SP_Counts捕获一段时间内存储过程的执行行为。SP:StartingStandard创建跟踪的通用起点。捕获所运行的全部存储过程和Transact-SQL批处理。用于监视常规数据库服务器活动。AuditLoginAuditLogoutExistingConnectionRPC:CompletedSQL:BatchCompletedSQL:BatchStartingTSQ
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他