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

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)

  • 5（五）Jmeter监控服务器性能 夜晚打字声 工具jmeter服务器运维
    下载安装插件需要安装插件：ServerAgent-2.2.1（链接：https://pan.baidu.com/s/1Tr63aKbzLuldBoRB5IR7Dg提取码：nyfk）JMeterPlugins-Standard-1.4.0（链接：https://pan.baidu.com/s/13af9OS4JDagg4RFhqxVVbg提取码：51ev）JMeterPlugins-Extras-1
  • Java自定义分数类，可以实现分数的自由运算 zhan114514 java开发语言
    /***分数对象的类，有分数相关计算*以String为值，(String)value=(int)up+"/"+(int)down*@authorZhan*/publicclassFraction{//分数标准staticfinalStringstandard1="-?\\d+/-?\\d+";//有分母staticfinalStringstandard2="-?\\d+";//无分母//值Stri
  • Qt窗口控件之消息对话框QMessageBox laimaxgg qtc++qt6.3qt5前端
    消息对话框QMessageBoxQMessageBox是继承于QDialog类，用于表示Qt中的一个消息对话框。消息对话框是应用程序中最常用的界面元素，主要用于为用户提示重要信息，强制用户进行选择操作。1.QMessageBox方法方法说明setWindowTitle(QString)设置消息对话框标题文本。setText(QString)设置消息对话框内容文本。setStandardButton
  • C语言：setjmp和longjmp函数使用详解 houxiaoni01 C语言setjmplongjmp
    转载自：https://www.runoob.com/cprogramming/c-standard-library-setjmp-h.htmlhttps://blog.csdn.net/chenyiming_1990/article/details/86834131、C标准库-简介setjmp.h头文件定义了宏setjmp()、函数longjmp()和变量类型jmp_buf，该变量类型会绕过正常
  • Servlet NGC2237999 servlet
    JavaSE与JavaEEJavaSE（StandardEdition）和JavaEE（EnterpriseEdition）是Java平台的两个主要版本，它们各自有不同的用途和功能。JavaSE（标准版）定义：JavaSE是Java的标准基础版，提供了核心功能和库，用于开发一般的应用程序，如桌面应用和小型工具。主要特性：包含Java语言的基本语法和标准库（如集合框架、IO操作、网络编程等）。适合开
  • 关于STM32如何选择：HAL与标准库的抉择及初学者建议 笑靥藏情. stm32嵌入式硬件单片机
    STM32是意法半导体（STMicroelectronics）推出的一系列基于ARMCortex-M内核的32位微控制器，因其高性能、多功能性和成本效益而广受嵌入式系统开发者的欢迎。对于初学者而言，学习STM32编程时面临的第一个重要抉择往往是如何选择编程方式：是使用硬件抽象层（HAL），还是选择标准外设库（StandardPeripheralLibrary）？本文将围绕这一问题展开，详细比较HA
  • java web 安全，如何认证客户端？时间戳和noce如何抵御重放攻击？ ughome java安全
    技术问答整理1.JavaHMAC签名验签示例问题如何用Java实现HMAC签名和验签？答案importjavax.crypto.Mac;importjavax.crypto.spec.SecretKeySpec;importjava.nio.charset.StandardCharsets;importjava.util.HexFormat;publicclassHmacExample{//生成H
  • 西部开源带给我的Java第一课 FoxStopM java语言标准西部开源田攀
    Java语言特性1.JavaSE(JavaStandardEdition):Java标准版基础，可以开发桌面应用、图形化应用等2.JavaEE(JavaEnterpriseEdition):Java企业版开发企业级应用常用DOS命令在目标界面按shift+右键“在此处打开命令窗口”1、切换目录cd/d目标目录2、编译java源代码Javac–d.java源文件名称3、运行.class文件（字节码文
  • 标准化欧氏距离公式 zhishidi ai笔记概率论
    标准化欧氏距离（StandardizedEuclideanDistance）通过对每个维度的差异进行标准化处理，消除不同量纲或方差的影响。其公式如下：d(x,y)=∑i=1n(xi−yiσi)2d(\mathbf{x},\mathbf{y})=\sqrt{\sum_{i=1}^n\left(\frac{x_i-y_i}{\sigma_i}\right)^2}d(x,y)=i=1∑n(σixi−yi
  • 以太网交换机EtherSwitch SEP5010 Network网络网络协议华为
    WhycallEthernet802standard?BecauseIEEEbeganstartEthernetstandardon1980-2.EtherSwitch:Bhardwaj'swife,KalpanaUGREENCM633:MT7530BU,itwillbufferAVBpacketstointernalSRAMtocauselargelatency.1Switch基本知识1.1售价
  • ES的预置分词器 阿湯哥 elasticsearch服务器linux
    Elasticsearch（简称ES）提供了多种预置的分词器（Analyzer），用于对文本进行分词处理。分词器通常由字符过滤器（CharacterFilters）、分词器（Tokenizer）和词元过滤器（TokenFilters）组成。以下是一些常用的预置分词器及其示例：1.StandardAnalyzer（标准分词器）默认分词器，适用于大多数语言。处理步骤：使用标准分词器（StandardT
  • 新手村：数据预处理-特征缩放 嘉羽很烦 机器学习线性回归算法机器学习
    新手村：数据预处理-特征缩放特征缩放（FeatureScaling）是数据预处理中的一个重要步骤，特别是在应用某些机器学习算法时。特征缩放可以使不同尺度的特征具有相同的量级，从而提高模型训练的效率和性能。常见的特征缩放方法包括标准化（Standardization）和归一化（Normalization）。常见的特征缩放方法标准化（Standardization）将特征转换为均值为0，标准差为1的标
  • Linux书签上下移动 海天鹰 Qtqt
    步骤读书签文件，分割到QStringList，点击右键菜单获取序号，交换序号，写书签文件。QStringList.swap(int,int)过时，QStringList.swapItemsAt(int,int)代替。书签文件路径mainwindow.hconstQStringfilepath_bookmark=QStandardPaths::writableLocation(QStandardPa
  • JavawebJavaServer Pages Standard Tag Library知识点 一朵忧伤的蔷薇 pythonjava开发语言
    JavaWeb开发中，JSTL（JavaServerPagesStandardTagLibrary）、EL（ExpressionLanguage）、Cookie和Session是非常重要的组件。以下是这些知识点的总结：1.JSTL标签库JSTL是JavaServerPages的一种标准标签库，旨在简化JSP页面的开发。它通过提供预定义的标签，来实现常见任务，如条件判断、循环处理、国际化等。使用标签
  • spring BeanFactory解析 yulin959 spring
    BeanFactory是spring容器的根容器,定义和约定了获取对象.定义了spring管理的对象的生命周期;生命周期如下:Beanfactoryimplementationsshouldsupportthestandardbeanlifecycleinterfacesasfaraspossible.Thefullsetofinitializationmethodsandtheirstandar
  • C#实现AES-CBC加密工具类（含完整源码及使用教程） WangMing_X C#实现各种功能工具集c#AES-CBC加密
    一、AES-CBC加密应用场景AES（AdvancedEncryptionStandard）作为全球公认的安全加密标准，广泛使用在以下场景：API通信加密：保护HTTP接口传输的敏感数据（如身份令牌、支付信息）文件安全存储：加密本地配置文件、数据库连接字符串等用户隐私保护：加密存储密码、身份证号等PII（个人身份信息）跨平台数据交换：与Java/Python等其他语言实现的加密系统互通物联网设备通
  • Python使用pycryptodome库来进行AES加密解密 飞起来fly呀 Pythonpython
    在现代通信和数据存储中，加密技术是保障数据安全的核心手段。AES（AdvancedEncryptionStandard）是一种对称加密算法，广泛应用于各种信息安全领域。Python提供了丰富的加密库，其中PyCryptodome是一个功能强大且常用的库，它支持多种加密算法和模式。以下指南将详细介绍如何在Python中使用PyCryptodome库进行AES加密和解密。一、安装PyCryptodom
  • 介绍 DotNet 库 - Viyi.Strings
    Viyi.Strings是一个.NET库，支持.NetStandard2.0和.Net5。从名字就能看出来，这个库的主要目的是解决对字符串和文本的一些操作。总的来说，Viyi.Strings目前的版本提供了如下一些功能：基于文本的编/解码，支持Base64和Hex（十六进制）编/解码，但不止于此；提供扩展方法对空字符串和空白字符串进行快速处理；提供字符串大小写转换框架，并默认提供了camelCas
  • jmeter-AES加密 ramsey17 jmeterjava
    AES(全称：AdvancedEncryptionStandard)对称加密算法，也就是加密和解密用到的密钥是相同的，这种加密方式加密速度非常快，适合经常发送数据的场合，如：数据加密存储、网络通信加密等。在进行接口测试或接口压测时，有些比较核心的接口有可能会用AES方式对接口的入参或响应内容进行加密/解密。Jmeter对AES加密/解密，当前可以通过beanshell的方式处理。代码如下：impo
  • 《Operating System Concepts》阅读笔记：p272-p285 操作系统
    《OperatingSystemConcepts》学习第27天，p272-p285总结，总计14页。一、技术总结1.semaphoreAsemaphoreSisanintegervariablethat,apartfrominitialization,isaccessedonlythroughtwostandardatomicoperations:wait()andsignal().2.monit
  • 侯捷 C++ 课程学习笔记：C++ 新标准11/14 『六哥』 C++学习笔记c++
    演进、环境与资源C++2.0（C++11/14）新特性语言（只谈新东西），需要具备，C++语法和语意的基础C++Standard之演化C++98（1.0）、C++03（TR1，TechnicalReport1）、C++11（2.0）、C++14。C++2.0新特性包括语言和标准库两个层面，后者以headerfiles形式呈现。C++标准库的headerfiles不带副档名（.h），如#includ
  • mdk5.38a版本使用v6编译器6.19、6.20，下载，安装编译器，pack固件包，外设标准库。 我的老子姓彭 单片机stm32嵌入式硬件
    文章背景：2023年6月因为使用编译器V5太慢，并且我需要的编译调试次数又多，所以需要采用了v6进行编译，v6编译器可以更快；此次花了很大的精力研究，研究了差不多2周，使用的是stm32f4；环境准备：外设标准库下载地址：STSW-STM32065-STM32F4DSPandstandardperipheralslibrary-STMicroelectronicsps：这个下载经常加载不出来，这是
  • C++开源库大全 大王算法 C/C++开发实战365C++入门及项目实战宝典c++开源
    程序员要站在巨人的肩膀上，C++拥有丰富的开源库，这里包括：标准库、Web应用框架、人工智能、数据库、图片处理、机器学习、日志、代码分析等。标准库C++StandardLibrary：是一系列类和函数的集合，使用核心语言编写，也是C++ISO自身标准的一部分。
  • js基本功（四） 码林鼠 javascript开发语言ecmascript
    ASCIIASCII（AmericanStandardCodeforInformationInterchange，美国信息交换标准代码）是一种字符编码标准，用于表示英文字符、数字、标点符号以及一些控制字符。可以通过charCodeAt()方法获取字符的ASCII码，也可以通过String.fromCharCode()方法将ASCII码转换为字符。随着国际化的需求增加，ASCII的局限性也逐渐显现，
  • 【DeepSeek问答】访问QStandardItemModel::index(r,c)获取的空索引导致程序崩溃 CSUC qt
    好的，我现在来仔细思考一下用户的问题。用户在使用QStandardItemModel的setItem方法时，调用了setItem(4,6,item)，也就是在第4行第6列的位置设置了一个item。然后他们尝试通过index(3,6)来获取这个位置的项目，想知道会有什么后果。首先，我需要回忆一下QStandardItemModel的索引机制。Qt中的模型视图框架里，行和列的索引是从0开始的。所以se
  • Java 的三种技术架构 hhappy0123456789 jvmjava开发语言
    JAVAEE：JavaPlatformEnterpriseEdition，开发企业环境下的应用程序，主要针对web程序开发;JAVASE：JavaPlatformStandardEdition，完成桌面应用程序的开发，是其它两者的基础;JAVAME：JavaPlatformMicroEdition，开发电子消费产品和嵌入式设备，如手机中的程序;1，JDK：JavaDevelopmentKit，ja
  • Java的三种技术架构: Dagssb java架构jvm
    JAVAEE：JavaPlatformEnterpriseEdition，开发企业环境下的应用程序，主要针对web程序开发；JAVASE：JavaPlatformStandardEdition，完成桌面应用程序的开发，是其它两者的基础；JAVAME：JavaPlatformMicroEdition，开发电子消费产品和嵌入式设备，如手机中的程序；1，JDK：JavaDevelopmentKit，ja
  • Android 加解密算法工具类封装：AES、RSA、MD5 一站式解决方案 tangweiguo03051987 android算法AESDESMD5JAVA
    在Android开发中，数据的安全性非常重要，尤其是敏感数据的存储和传输。为了实现数据加密和解密，我们可以封装一个通用的加解密工具类，支持常见的加密算法（如AES、RSA、DES等）。以下是一个基于AES对称加密算法的工具类封装示例，同时提供扩展性以支持其他算法。AES加解密工具类封装AES（AdvancedEncryptionStandard）是一种对称加密算法，加密和解密使用相同的密钥。以下是
  • 算法竞赛中常用的STL容器 メ稀饭 你的笑 stl算法c++开发语言
    目录前言一、STL是什么？二、竞赛中常见STL的容器1.string类2.vector3.stack4.queue5.priority_queue6.set7.map8.pair总结前言在我们的算法竞赛中，为了节约时间，我们不可能去手撕一个数据结构，所以在赛场上我们就要引入STL，以便我们节约时间，能有更多的时间处理更复杂的算法。一、STL是什么？STL（StandardTemplateLibra
  • 网安入门第四篇 MISC中常见的加密算法 篇章一 网络安全工程师教学 网络服务器linux开发语言运维大数据安全
    目录DES算法背景：安全性：加密流程：RSA加密算法背景：安全性：加密原理：DES算法背景：数据加密标准（DES，DataEncryptionStandard）是一种使用密钥加密的块密码，1976年被美国联邦政府的国家标准局确定为联邦资料处理标准（FIPS），随后在国际上广泛流传开来。它基于使用56位密钥的对称算法。这个算法因为包含一些机密设计元素，相对短的密钥长度以及怀疑内含美国国家安全局（NS
  • 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其他