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

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)

  • 11. HTML 中 DOCTYPE 的作用 yqcoder 前端面试-CSShtml前端
    总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT
  • Error: C++14 standard requested but CXX14 is not defined 闹钟又响了
    在R中安装包如果遇到上述问题，基本上去修改一下Makevars文件即可。可以用vim编辑，也可以在R中编辑，如下dotR<-file.path(Sys.getenv("HOME"),".R")if(!file.exists(dotR))dir.create(dotR)M<-file.path(dotR,"Makevars")if(!file.exists(M))file.create(M)cat(
  • c++（上） 物源菌 c++开发语言
    c++（上）1C++初识1.1第一个C++程序1.1.1工程文件#需求的最低cmake程序版本cmake_minimum_required(VERSION3.12)#本工程的名字project(cpp)#本工程支持的C++版本set(CMAKE_CXX_STANDARD17)#本工程主程序文件及输出程序名称add_executable(cppStudy"main.cpp")具体原理看cmake1.
  • C/C++连接mysql查询数据
    C/C++连接mysql查询数据Cmakecmake_minimum_required(VERSION3.13)project(readMySQL)set(CMAKE_CXX_STANDARD14)add_executable(readMySQLmain.cpp)set(MYSQL_HOME"C:\\ProgramFiles\\MySQL\\MySQLServer5.6")include_dire
  • python中的一些常见库，及其用法 安逸逸逸逸 python开发语言
    1.Python库的概念和重要性Python库是预先编写好的模块或代码集合，旨在为开发者提供特定功能的复用性代码。它们通常由函数、类和方法组成，可以被导入到你的项目中使用。python库分为标准库和第三方库两种标准库（StandardLibrary）：Python自带的库，包含了各种内置模块，如操作系统接口、文件I/O、字符串处理、正则表达式等。这些库无需额外安装，可以直接在Python中使用。第
  • OCCT Handle 学习导论 心瞳几何原语 学习OCCTOCCTQt
    基本设计思想这是一个侵入式智能指针（类似于boost::intrusive_ptr），引用计数器直接嵌入在被管理的对象中（Standard_Transient基类），而不是单独分配内存存储计数器。核心成员变量private:Standard_Transient*entity;//指向被管理对象的指针引用计数管理机制BeginScope()-增加引用计数voidBeginScope(){if(ent
  • Standard_Mutex 类详解 心瞳几何原语 学习OCCTOCCTQt
    //Createdon:2005-04-10//Createdby:AndreyBETENEV//Copyright(c)2005-2014OPENCASCADESAS////ThisfileispartofOpenCASCADETechnologysoftwarelibrary.////Thislibraryisfreesoftware;youcanredistributeitand/ormod
  • .net core ef oracle,.NET Core EntityFrameworkCore（EF Core）介绍 weixin_39639698 .netcoreeforacle
    目前最新的EFCore版本是3.0，最稳定的EFCore版本是2.2。EFCore的计划与.NETCore以及ASP.NETCore版本同步。EFCore是一个.NETStandard库,使用EFCore开发面向.NETCore的应用。生成.NETCore应用需要安装.NETCoreSDK。最后，不同的EF数据库提供程序使用可能需要特定的数据库引擎版本、.NET实现或操作系统。请确保可用的EFCo
  • 学习014-03-01-04 Disable the Audit Trail Module（禁用审计跟踪模块） 汤姆•猫 XAF学习.netXAFDevC#SecurityAudit
    DisabletheAuditTrailModule（禁用审计跟踪模块）DisabletheModulePermanently（永久禁用该模块）Thistechniqueallowsyoutostoptrackingchangesthroughouttheapplication.Todothis,usethestandardDbContextFactoryinsteadofAuditedDbCon
  • 2022-2023学年学英语报七年级第8期答案汇总 cmsphp
    The6.1mileloopisastandardforcitycyclists进入查看：2022-2023学年学英语报七年级第8期答案汇总以下内容仅作展示，图片上方文字进入查看。WhenitcomestotransportationinNewYorkCity,mostpeoplechooseyellowcabsortheaffordablesubwaysystem.ButI'verealised
  • 7、探索C++ STL容器：高效编程的利器 x1y2z C++编程实战：从入门到精通C++STL容器std::array
    探索C++STL容器：高效编程的利器1.引言在现代C++编程中，标准模板库（StandardTemplateLibrary,STL）为我们提供了丰富的容器类，极大地简化了数据管理和操作。STL容器不仅提供了高效的内存管理，还具备强大的功能和灵活性，帮助我们编写更简洁、更高效的代码。本文将深入探讨STL容器的不同类型及其应用场景，帮助读者更好地理解和运用这些工具。2.存储固定数量的对象当我们知道在程
  • Java EE前端技术编程脚本语言JavaScript
    -CoderOilStation(程序员编程助手科技股份责任有限公司)JavaEE前端技术编程脚本语言JavaScript低代码编程技术编写少量的代码规则。JavaScript脚本编程语言具体细节配置方式编程。前端技术过渡web3.0企业数字化。JavaServicePage(JSP)JavaEEjdk6.5发布企业应用版本Java研发团队发布的jstl（Javastandardtaglibrar
  • C++ 标准库的 locale 类用法 一劳永逸 转帖好文c++stringlocalizationwindows终端
    原来一篇总结了下C标准库的setlocale()用法，这篇讲解的是C++标准库中locale类的用法。参考：cplusplus.com上关于标准C++中国际化支持的参考：LocalizationlibraryLocaleclassTheC++StandardLibrary（NicolaiM.Josuttis，侯捷译）第14章Internationalization（国际化）locale类在头文件中
  • BSCAN 在糖尿病患者数据聚类分析中的应用 wh_xia_jun AI+医疗机器学习支持向量机人工智能
    完整代码：importnumpyasnpimportmatplotlib.pyplotaspltfromsklearn.clusterimportDBSCANfromsklearn.preprocessingimportStandardScalerfromsklearn.datasetsimportmake_blobs#设置随机种子，确保结果可复现np.random.seed(42)#1.生成模拟
  • AES加密算法简要介绍 ° 安如少年初如梦662 Java学习记录后端前端
    前言项目中需要在接口中添加加密，简单了解关于AES的有关知识，低质低创见谅。什么是AESAES（AdvancedEncryptionStandard，高级加密标准）是一种对称加密算法，被广泛应用于数据加密领域。它是由美国国家标准与技术研究院（NIST）于2001年发布，作为一种公开标准，用于保护电子数据的安全。值得一提的是微信小程序的加密传输就是用这个加密算法基本原理和加解密过程由于站内有很详细，
  • python 密码学 模块_Python加密与解密 No module named 'Crypto' weixin_39827304 python密码学模块
    DES加密全称为DataEncryptionStandard，即数据加密标准，是一种使用密钥加密的块算法入口参数有三个：Key、Data、ModeKey为7个字节共56位，是DES算法的工作密钥；Data为8个字节64位，是要被加密或被解密的数据；Mode为DES的工作方式,有两种:加密或解密3DES(即TripleDES)是DES向AES过渡的加密算法使用两个密钥，执行三次DES算法加密的过程是
  • 西门子WinCC Unified服务器硬件要求 D-海漠 其他
    WindowsServer2019Standard（标准版）是微软推出的服务器操作系统WindowsServer2019的三个主要版本之一（另两个为Datacenter数据中心版和Essentials基础版）。它定位于满足中小企业或轻量级虚拟化需求的场景，在功能完整性与成本之间提供平衡。以下是其核心特性的详细解析：一、定义与核心定位基础架构角色：作为物理服务器或轻量虚拟化环境的核心操作系统，支持A
  • 编码标准汇总 追逐此刻 其他python
    1.ASCII（AmericanStandardCodeforInformationInterchange）简介：最早的字符编码标准之一，由美国国家标准协会（ANSI）制定，主要用于英语字符。编码范围：7位编码（共128个字符），包括：控制字符（如换行、回车等）可打印字符（大写字母A-Z、小写字母a-z、数字0-9、标点符号等）缺点：仅支持英语，无法表示其他语言的字符（如中文、日文、阿拉伯文等）。
  • 【004】 ITK 读取 CT Dicom 数据并使用 VTK 显示
    【004】ITK读取CTDicom数据并使用VTK显示文章目录1.CMakeList.txt2.ITK读取CTdicom文件并使用VTK显示代码实现1.CMakeList.txtcmake_minimum_required(VERSION3.5)project(Image2ReadImageLANGUAGESCXX)set(CMAKE_CXX_STANDARD11)set(CMAKE_CXX_ST
  • 2022-10-22 NO.53 SOP思维 nice_lady
    SOP是英文单词StandardOperatingProcedure三个单词中首字母的大写，即标准作业程序。将某一任务的过程、要求以标准化的方式写出来，应用场景包括很多标准化生产的流程，也包括诸如肯德基炸薯条、医生手术前的一些列操作等。这么做的好处是，可以使复杂工作简单化，避免遗漏和出错。类似模板思维和流程图，可以节省很多的时间，适用于经常重复的事项。借鉴这种思维方式，我下午对家庭生活中的一些事情
  • Django母婴商城项目实践（一） - 母婴商城项目介绍 ITB业生 Djangodjango数据库python
    1、母婴商城项目介绍1、项目需求分析需求归纳网站提供的搜索功能搜索结果展示：根据销量、价格、上架时间和收藏数量进行排序商品详情展示：商品尺寸、原价、活动价、图片展示、收藏功能与购买功能购买后的订单信息：包含支付金额、购买时间、订单状态等商品购买的在线支付方式：支付宝、微信、银行卡等功能商品库存管理：SKU(StockKeepingUnit，库存量单位）与SPU(StandardProductUni
  • 深入解析Zstandard压缩格式规范 石顺垒Dora
    深入解析Zstandard压缩格式规范前言Zstandard（简称zstd）是Facebook开发的一种高效无损压缩算法，在现代数据压缩领域占据重要地位。本文将从技术实现角度深入剖析Zstandard压缩格式规范，帮助开发者全面理解其设计原理和实现细节。格式概述Zstandard压缩数据由一或多个帧(frame)组成，每个帧都是独立的压缩单元。帧分为两种类型：标准帧：包含实际压缩数据可跳过帧：包含
  • Python-Zstandard 使用教程
    Python-Zstandard使用教程项目介绍Python-Zstandard是一个为Zstandard（zstd）压缩库提供Python绑定的开源项目。Zstandard是一种由Facebook开发的高性能数据压缩算法，旨在提供高压缩比和快速压缩解压速度。Python-Zstandard项目的目标是通过一个Pythonic的接口，提供对底层CAPI的丰富访问，同时不牺牲性能。项目地址：GitH
  • STL 简介（标准模板库）
    前言通过对C++的特性，类和对象的学习和C++的内存管理对C++基本上有了全面的认识，但是C++的核心在于STL一、STL简介什么是STLC++STL（StandardTemplateLibrary，标准模板库）是C++编程语言中一个功能强大的模板库，它提供了一系列通用的数据结构和算法。STL的设计基于泛型编程，这意味着它使用模板来编写独立于任何特定数据类型的代码。STL的核心组件包括容器（如向量
  • 计算机领域顶级会议汇总 hongyanee parallelperformanceprocessing分布式计算networkingsecurity
    转自ustcxjt的专栏：http://blog.csdn.net/ustcxjt/article/details/7075534COREComputerScienceConferenceRankingsAcronymStandardNameRankAAAINationalConferenceoftheAmericanAssociationforArtificialIntelligenceA+AA
  • npm下载报错npm ERR code ERESOLVE Aaron Con bugnpm
    报错：npmERR!codeERESOLVEnpmERR!ERESOLVEcouldnotresolvenpmERR!npmERR!Whileresolving:@vue/[email protected]!Found:[email protected]!node_modules/eslint-plugin-vuenpmERR!peeres
  • 详解Python实现DES加密解密方法 创新梦想无限 python网络开发语言Python
    DES（DataEncryptionStandard）是一种常用的对称加密算法，它使用相同的密钥进行加密和解密。在本文中，我们将详细介绍如何使用Python实现DES加密和解密，并提供相应的源代码。DES算法使用了一个64位的密钥，但实际上只有56位被用于加密操作。剩下的8位用于奇偶校验，即每个字节的最高位用于校验。DES加密过程中，明文按照64位进行分组，经过一系列的置换、替代和置换运算后得到密
  • MCP Streamable HTTP 样例（qbit） pythonagent
    前言模型上下文协议（ModelContextProtocol，MCP），是由Anthropic推出的开源协议，旨在实现大语言模型与外部数据源和工具的集成，用来在大模型和数据源之间建立安全双向的连接。本文代码技术栈Python3.11.8FastMCP2.10.3MCP的传输机制StandardInput/Output(stdio)StreamableHTTPServer-SentEvents(SS
  • 构建未来交互体验：AG-UI 如何赋能智能体与前端通信？ ChaITSimpleLove AG-UIAIAgent智能体与用户交互协议智能体与用户交互标准化CopilotKit开放的轻量的基于事件的协议
    目录什么是AG-UI?⚙️AG-UI主要解决什么问题？AG-UI介绍️核心组件1.协议层（ProtocolLayer）2.标准HTTP客户端（StandardHTTPClient）3.消息类型（MessageType）4.运行Agent（RunningAgent）5.状态管理（StateManagement）️6.工具和交接（ToolsandHandoff）事件（Events）MCPvsA2Avs
  • STM32（X）精简库解读CMSIS
    概述CMSIS全称为CommonMicrocontrollerSoftwareInterfaceStandard（通用微控制器软件接口标准），点此参考官方解读精简库CMSIS文件夹结构core：CMSISCortex-M3核心外设访问层源文件startup：启动文件stm32f10x.h：CMSISCortex-M3设备外设访问层头文件。这个文件包含了所有外设寄存器的定义，位定义和内存映射的STM
  • 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其他