Jolly2015
Jolly2015

Createjs学习心得之使用EaselJs实现拖拽效果

　　寒假时跟着老师在做一个createjs+angularjs的html5应用app，因为在这之前完全没了解过createjs这个框架，所以在查找资料时发现，国外官网(http://www.createjs.com)API文档虽是详细，但对于一些英语不太好的童鞋（其实我也是一枚英语渣渣）就比较难理解了。而国内中文社区做的并不好，用户不多，资料翻译准确度不够。所以在这里，我就把我学习Createjs的一些心得体会向大家分享下：

一.什么是CreateJS?

　　createjs是一个轻量级的javascript库，是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，利用createjs可以构建出许多有趣的动画游戏。例如围住神经猫，看你有多色等Html5游戏。

二.CreateJS有哪几款工具？

　  createjs里面共有四大引擎:

　　　　EaselJS:主要用于动画、向量及位图的绘制。提供支持移动设备触控的一系列方法(click、mousedown、pressup、pressmove分别为鼠标点击、按下、松开以及移动的事件,不过在之前要加上createjs.Touch.enable(<舞台对象>))。

　　　　TweenJS:是一个制作补间动画的引擎，可生成一种连续变化的效果。(用过flash的童鞋应该知道什么是补间动画哈)

　　　　SoundJS:是一个音频播放的引擎，可根据浏览器兼容性及性能选择音频格式播放，可随时加载和卸载。

　　　　PreloadJS:是一个资源预加载的引擎，还可以指定加载顺序及按优先级分组加载资源。

三.如何利用Easel制作一个简单的拖拽？

　　那么假如现在需要用EaselJs实现可任意拖拽一张图片，并通过单击该图片使图片处于选中或未选中状态，选中状态即为可拖拽状态，未选中状态即为不可拖拽状态。且最多有一张图片可以处于拖拽状态。那么如何利用EaselJs实现这个需求且支持移动端设备呢？废话不多说，上源码。

　　HTML代码：

　　

 1 <!DOCTYPE HTML>
 2 <html>
 3 
 4 <head>
 5     <meta charset="utf-8">
 6     <script src="https://code.createjs.com/easeljs-0.8.2.min.js"></script>
 7     <script type="text/javascript">
 8         function Init() {
 9             var canvas = document.getElementById("dragCanvas");
10             canvas.width = 600; //定义画布大小
11             canvas.height = 400;
12             var stage = new createjs.Stage(canvas);
13             createjs.Touch.enable(stage); //允许设备触控
14             var selectBool = []; //控制状态
15             drawImgs();
16             stage.update();
17 
18             function drawImgs() {
19                 var oX = 0,
20                     oY = 0;
21                 var fzmx, fzmy, sx, sy; //辅助变量
22                 for (var i = 0; i < 4; i++) {
23                     var randomColor = Math.floor(Math.random() * 16777215).toString(16);
24                     var con = new createjs.Container();
25                     var bitmap = new createjs.Bitmap(i + '.jpg');
26                     selectBool[i] = false;
27                     con.x = oX;
28                     con.y = oY;
29                     oX += 125;
30                     con.addChild(bitmap);
31                     con.addEventListener("mousedown", function (event) {
32                         var Mindex = stage.getChildIndex(event.target.parent);
33                         sx = event.stageX;
34                         sy = event.stageY;
35                         fzmx = event.stageX - event.target.parent.x;
36                         fzmy = event.stageY - event.target.parent.y;
37                         if (selectBool[Mindex]) {
38                             event.target.parent.addEventListener('pressmove', pressMove, false);
39                         } else {
40                             event.target.parent.removeEventListener('pressmove', pressMove, false);
41                         }
42                         stage.update();
43                     });
44                     //                添加鼠标"松开"事件
45                     con.addEventListener("pressup", function (event) {
46                         var Pindex = stage.getChildIndex(event.target.parent);
47                         if (Math.abs(event.stageX - sx) < 3 && Math.abs(event.stageY - sy) < 3) {
48                             selectBool[Pindex] = !selectBool[Pindex];
49                             shadowUr(selectBool[Pindex], event.target.parent, randomColor);
50                         }
51                         stage.update();
52                     });
53 
54                     //                切换状态方法
55                     function shadowUr(bool, con, randomColor) {
56                         if (bool) {
57                             con.shadow = new createjs.Shadow("#" + randomColor, 0, 0, 10);
58                             var fIndex = con.parent.getChildIndex(con);
59                             for (var i = 0; i < con.parent.numChildren; i++) {
60                                 if (i == fIndex)
61                                     continue;
62                                 con.parent.getChildAt(i).shadow = null;
63                                 selectBool[i] = false;
64                             }
65                         } else
66                             con.shadow = null;
67                     }
68                     //                图片拖动
69                     function pressMove(event) {
70                         var self = event.target.parent;
71                         if (event.stageX - fzmx < 0)
72                             self.x = 0;
73                         else if (event.stageX - fzmx + self.getBounds().width > stage.canvas.width)
74                             self.x = stage.canvas.width - self.getBounds().width;
75                         else
76                             self.x = event.stageX - fzmx;
77                         if (event.stageY - fzmy < 0)
78                             self.y = 0;
79                         else if (event.stageY - fzmy + self.getBounds().height > stage.canvas.height)
80                             self.y = stage.canvas.height - self.getBounds().height;
81                         else
82                             self.y = event.stageY - fzmy;
83                         stage.update();
84                     }
85                     stage.addChild(con);
86                 }
87 
88             }
89         }
90     </script>
91 </head>
92 
93 <body onload="Init();">
94     <canvas id="dragCanvas" style="border:#333 1px solid"></canvas>
95 </body>
96 
97 </html>

 

由于浏览器的同源策略，需要开一个本地服务器，否则无法正常加载。好了，这就是上述所要求的图片拖拽效果啦。细心的童鞋在自己写时会发现里面的闭包问题哦。代码为原创，转载请注明出处，尊重原创，谢谢咯。也欢迎大牛们多多指教！！！　

     

 

你可能感兴趣的:(Createjs学习心得之使用EaselJs实现拖拽效果)

  • auto.js_事件与监听-events(主要的)_ZHOU125disorder_ zjing125 #auto.js基础学习auto.js事件与监听
    启用按键监听events.observeKey()启用按键监听，例如音量键、Home键。按键监听使用无障碍服务实现，如果无障碍服务未启用会抛出异常并提示开启。只有这个函数成功执行后,onKeyDown,onKeyUp等按键事件的监听才有效。该函数在安卓4.3以上才能使用。注册一个按键监听函数events.onKeyDown(keyName,listener)keyName：要监听的按键名称list
  • 万字干货分享最新AI指南：用LazyLLM把Deep Research做成赛博屠龙刀！ 大模型人工智能llm
    最近OpenAI、Jina、perplexity等各大厂商纷纷推出了自家的DeepResearch应用。Deepresearch是什么？为什么这个应用引起了大家的关注？能不能使用lazyllm搭建一个属于自己的deepresearch？带着这些问题，本文将对OpenAI发布的DeepResearch进行简要介绍，并依托于lazyllm强大的能力，使用极少代码量实现一个自己的deepresearch
  • 从混乱到高效：企业如何利用CMDB优化资产管理与战略决策 运维
    在数字化转型加速的今天，企业在面对海量且日益复杂的IT资产和系统配置时，往往会出现数据混乱、信息孤岛和决策盲区等问题。对于许多企业来说，如何从混乱中抽丝剥茧，实现有效管理和科学决策，已成为一个亟待解决的问题。配置管理数据库（CMDB）就是在这样的背景下应运而生的，它为企业搭建了一个统一、权威的资产和配置管理平台，帮助企业优化运营、降低风险、提高战略决策水平。如果您的企业拥有庞大而复杂的IT环境，需
  • Xshell7连接Debian12系统，中文显示乱码，解决办法一览！ linuxdebian
    在使用Xshell7远程连接Debian12时出现中文显示乱码问题，通常是由于字符编码或字体设置不匹配导致的。以下是详细的解决方法：解决方案1：设置Xshell编码为UTF-8打开Xshell会话配置：连接Debian12系统后，点击左侧面板的会话树状结构（如SessionList），右键点击当前会话，选择Properties（属性）。修改字符编码：进入Terminal选项卡。在Character
  • Cargo deny安装指路 编辑器
    本博客所有文章除特别声明外，均采用CCBY-NC-SA4.0许可协议。转载请注明来自唯你简介cargodeny是一个Rust工具，用于检查项目依赖项的许可证、安全性和其他合规性问题。在RustCI（持续集成）中，cargodeny扮演着重要角色：许可证检查：确保项目使用的所有依赖项的许可证都符合项目的许可政策。安全漏洞扫描：检查依赖项是否存在已知的安全漏洞。依赖项合规性：验证依赖项是否符合项目的其
  • HTML基础部分 倒霉男孩 html+css学习笔记html前端
    HTML基础部分所有HTML文档必须以开始。所有HTML文档本身以开始，以结尾。HTML文档中看见部分以开始，以结尾。标题：由到定义，定义最重要的标题，定义最不重要的标题。段落：使用定义，链接：使用定义，图片：使用标签定义scr（图片源路径）alt（附加信息）宽度width和高度height也可以添加。元素定义了文档，该元素又含两个其他HTML元素和定义了一个标题定义了一个段落标题段落结束标签是非
  • 如何使用 Python 实现简单的 Web 服务器？ 程序员黄同学 Python面试题Pythonpython
    为了实现一个简单的Web服务器，Python提供了多种方法。对于快速原型设计和学习目的来说，最简单的方法之一是使用内置的http.server模块。然而，在实际开发中，更常见的做法是使用像Flask或Django这样的框架来构建更为复杂的应用程序。下面我将介绍如何用Python创建一个基本的Web服务器，并提供一些实用建议和注意事项。我们将从最基础的开始，然后逐步深入到更复杂的场景。使用http.
  • 126.HarmonyOS NEXT 数字滚动示例详解(一)：基础结构与组件概述 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT数字滚动示例详解(一)：基础结构与组件概述效果演示1.组件概述DigitalScrollExampleComponent是一个展示数字滚动动效的示例组件，主要用于演示如何在实际场景中使用数字滚动效果。2.核心功能下拉刷新功能数字滚动动画
  • 使用独立Ironpython 脚本运行Ansys electronics进行建模（二）————脚本自动打开项目并自动运行 加点油。。。。 Ironpython电机建模python自动化
    参考文档官方文档——Maxwellhelp—2022R1官方文档——MaxwellScriptingGuide代码实现功能通过Pycharm运行脚本，来自动打开已有程序，进行运行importsyssys.path.append(r"F:\ProgramFiles\AnsysEM\v221\Win64")sys.path.append(r"F:\ProgramFiles\AnsysEM\v221\W
  • SSH后判断当前服务器是云主机、物理机、虚拟机、docker环境 uui1885478445 ssh服务器docker
    在远程通过SSH连接到一台服务器后，想要判断该服务器是云主机、物理机、虚拟机还是Docker容器环境，可以通过检查系统的特定属性和环境变量来进行辨别。以下是一些实用的方法，可以帮助您进行区分：1.检查系统硬件信息物理机与云主机/虚拟机：物理机通常直接暴露硬件信息，而云主机或虚拟机可能会显示虚拟化的硬件信息。可以使用命令如lscpu、dmidecode（需安装）或者sudolshw来查看硬件信息。在
  • Pytorch torch.prod函数介绍 qq_27390023 pytorch人工智能python
    torch.prod是PyTorch库中的一个函数，用于计算输入张量中所有元素或者指定维度上元素的乘积。下面将从函数的基本语法、参数、返回值、使用示例几个方面进行详细介绍。基本语法torch.prod(input,dim=None,keepdim=False,dtype=None)参数input：必需参数，是一个输入的PyTorch张量，函数将对这个张量的元素进行乘积计算。dim：可选参数，指定要
  • 从零到一揭秘微信小程序标签切换：tab-item、data-tab 和 bindtap 的奇妙冒险 小丁学Java 微信小程序WxMa微信小程序小程序bindtap
    从零到一揭秘微信小程序标签切换：tab-item、data-tab和bindtap的奇妙冒险作者：你的奇妙缘分日期：2025年3月12日标签：微信小程序、WXML、WXSS、JS、前端开发在微信小程序的开发世界里，标签切换（TabSwitching）是一个常见的交互场景。无论是电商列表、任务管理，还是本文中的“比对进程”页面，如何优雅地实现选项卡切换？答案藏在tab-item、data-tab和b
  • 【python 机器学习】sklearn数据集的使用 人才程序员 python机器学习sklearn人工智能深度学习神经网络目标检测
    文章目录sklearn数据集的使用1.`sklearn`内置数据集2.导入`sklearn`数据集3.加载和使用Iris数据集3.1加载数据3.2查看数据3.3使用数据集进行分类任务4.加载和使用Digits数据集4.1加载数据4.2查看数据4.3使用数据集进行分类任务5.加载和使用BreastCancer数据集5.1加载数据5.2查看数据5.3使用数据集进行分类任务6.总结sklearn数据集的
  • java实现XZordering算法（附带源码） Katie。 Java实战项目java算法开发语言
    Java实现XZOrdering算法详解目录项目背景与简介1.1项目概述1.2开发动机与应用场景1.3XZOrdering算法简介相关理论知识与数学基础2.1空间映射与局部性保持2.2Morton编码（Z-order）的原理2.3位交叉（BitInterleaving）技术2.4算法复杂度与性能考量系统架构与模块设计3.1整体架构设计3.2主要模块划分3.3类图与流程图项目实现思路与详细设计4.1
  • 深度学习框架PyTorch——从入门到精通（5）自动微分 Fansv587 深度学习pytorch人工智能
    使用torch.autograd自动微分张量、函数和计算图计算梯度禁用梯度追踪关于计算图的更多信息张量梯度和雅可比乘积在训练神经网络时，最常用的算法是反向传播。在该算法中，参数（模型权重）根据损失函数的梯度相对于给定参数进行调整。为了计算这些梯度，PyTorch有一个内置的微分引擎，名为torch.autograd。它支持为任何计算图自动计算梯度。考虑最简单的一层神经网络，具有输入x、参数w和b以
  • 一文读懂stm32和51单片机的区别 对error说不 stm3251单片机嵌入式硬件
    一、引言在嵌入式系统开发领域，STM32和51单片机是两款被广泛使用的微控制器。51单片机以其简单易学、成本低廉的特点，在早期的电子开发中占据了主导地位；而STM32作为后起之秀，凭借其高性能、丰富的外设和强大的处理能力，逐渐成为了中高端应用的首选。本文将从多个方面详细阐述STM32和51单片机的区别，并给出相应的代码示例进行对比。二、硬件架构2.1内核51单片机：采用8位的8051内核，数据处理
  • 网络协议与安全：前端安全防护之CORS/CSP/CSRF(3) 双囍菜菜 前端随记网络协议安全csrf
    前端安全三剑客：CORS、CSP、CSRF防护实战手册文章目录前端安全三剑客：CORS、CSP、CSRF防护实战手册一、当安全防线失守：某社交平台的XSS噩梦二、同源策略：Web安全的基石与枷锁2.1同源定义与限制2.2现实中的妥协方案三、CORS：跨域资源共享的守门人3.1预检请求机制3.2服务端配置示例（Nginx）3.3前端实践注意四、CSP：堵住XSS的最后防线4.1策略配置解析4.2Re
  • 网络协议与安全：WebSocket/WebRTC(2) 双囍菜菜 前端随记网络协议安全websocket
    前端实时通信双雄：WebSocket与WebRTC的生存实战指南文章目录前端实时通信双雄：WebSocket与WebRTC的生存实战指南一、当HTTP遇到实时场景：在线课堂的卡顿之痛二、WebSocket：双向通信的热线电话2.1协议握手过程解析2.2React实时聊天实现2.3Vue股票行情展示三、WebRTC：点对点直连的终极方案3.1核心架构三要素3.2视频会议实现（React版）3.3文件
  • ORA-12541: TNS:no listener 夜光小兔纸 运维数据库Oracle运维oracle数据库
    问题描述：使用PL/SQLDeveloper连接数据库时出现ORA-12541错误。1.查询监听状态[oracle@localhostadmin]$lsnrctlstatusLSNRCTLforLinux:Version19.0.0.0.0-Productionon15-MAR-202510:47:57Copyright(c)1991,2021,Oracle.Allrightsreserved.C
  • Linux系统下Conda安装状态检查与环境管理指南 2401_85812053 linux
    在Linux系统上管理和使用Conda环境是科学计算和数据分析工作中的常见需求。Conda是一个开源的包管理系统和环境管理系统，广泛用于安装多种编程语言的软件包和库。本文将详细介绍如何在Linux上检查Conda是否已经安装，以及如何管理Conda环境。1.Conda简介Conda是一个跨平台的软件包管理系统，它不仅能够管理Python包，还能管理R、Ruby、Lua、Scala等其他语言的包。C
  • Conda 环境迁移指南 时光旅人01号 condaopencv人工智能深度学习计算机视觉
    一、环境打包迁移方法对比方法适用场景所需时间文件大小网络依赖conda-pack离线迁移、复杂依赖、快速部署快（5-15分钟）大（GB级）无YAML导出在线重建、跨平台兼容慢（30分钟+）小（KB级）有二、离线迁移方法（conda-pack）1.源服务器操作步骤1：安装打包工具#优先使用conda安装condainstall-cconda-forgeconda-pack#备选pip安装（无cond
  • pbootcms开发网站模版内容列表标签 非凡网站 php开源前端
    内容列表标签适用范围：指定栏目编码时全站可用，适用当前列表标签作用：用于调取指定栏目的内容列表或自动当前列表1、当前栏目内容列表{pboot:list}[list:title]{/pboot:list}只能在列表页面使用，带分页，同一个页面只能使用一次，否则：老版本会出现分页冲突，新版会显示一样的内容。V1.2.2版本开始order排序进行调整，默认情况下置顶、推荐、头条具有优先显示，包括使用da
  • Dev Container 系列专题（3）：深入配置：自定义你的 Dev Container 不出名的架构师 devopsdocker
    在前两期中，我们了解了DevContainer的概念并快速搭建了一个基于预定义镜像的开发环境。这次，我们将更进一步，探索如何通过自定义配置打造一个完全符合项目需求的DevContainer。本篇将以一个Python项目为例，带你学习配置文件的核心字段、使用Dockerfile定制镜像，并配置开发工具。一、为什么要自定义DevContainer？预定义镜像（如Node.js或Python的官方镜像）
  • Redis常用命令详解：从基础到高阶应用指南 黑猫Teng redis数据库缓存
    Redis常用命令详解：从基础到高阶应用指南一、Redis命令使用须知两种连接方式：命令行工具：redis-cli编程客户端（Java/Python等）通用语法：COMMANDKEY[PARAMS]返回值类型：简单字符串（SimpleStrings）错误信息（Errors）整型（Integers）批量字符串（BulkStrings）数组（Arrays）二、核心数据类型操作命令1.字符串（Strin
  • ubuntu双网卡连接不同网络 周陽讀書 个人经验可供分享Ubuntuubuntu网络服务器
    在ubuntu系统中插入ubs无线网卡构成双网卡设备，设想一个连外网一个连局域网。原本以为装上ubs网卡驱动即可，双网卡连接后发现不能上网，遂研究之。0前言接上一篇文章CF-955AX无线网卡LINUX驱动安装问题及解决我以为装好驱动就能实现双网卡上网，结果发现在ubuntu下还需要配置，网络是薄弱项，多亏学习交流群网友指点。1网卡信息查询参考连接：1.查看网卡信息：ifconfig命令及详细介绍
  • python的导包使用 power_kai python
    1、查看文件的创建时间importtimeimportosprint（time.localtime(os.path.getatime('E:\\a.txt'))）2、查看文件的修改时间print（time.localtime(os.path.getmtime('E:\\a.txt'))）3、pickle数据转换模块,这个写入的文件是一个二进制文件，普通文本编辑器打开是乱码importpickle#
  • Vue Markdown 编辑器全攻略：轻松集成 MD 编辑器到前端项目 misschen888 前端vue.js编辑器
    VueMarkdown编辑器全攻略：轻松集成MD编辑器到前端项目1.为什么选择Markdown编辑器？2.安装v-md-editor3.全局配置与集成4.在组件中使用Markdown编辑器5.高级配置与自定义功能6.总结在现代前端开发中，Markdown编辑器被广泛应用于博客、内容管理系统、在线文档等场景。本文将以Vue3为例，详细介绍如何使用v-md-editor库在项目中集成Markdown编
  • ubuntu中ens33没有显示明确的IP地址的解决办法 网安.Hunter linuxubuntu服务器运维学习
    使用如下两条命令即可：sudodhclientens33sudoifconfigens33
  • 大模型学习方法之——大模型技术学习路线 hhaiming_ 学习方法学习语言模型人工智能
    “技术学习无非涵盖三个方面，理论，实践和应用**”**大模型技术爆火至今已经有两年的时间了，而且大模型技术的发展潜力也不言而喻。因此，很多人打算学习大模型，但又不知道该怎么入手，因此今天就来了解一下大模型的学习路线。‍‍丁元英说：“透视社会有三个层面，技术，制度与文化”；同样的，技术学习同样有三个层面，理论，实践和应用，三者相辅相成，缺一不可。技术的意义在于解决问题01—大模型技术学习的理论，实践
  • CSP认证-202212 搞笑症患者 算法
    前言使用java，根据官方模拟考试的试题列表刷题试题清单目前只更新了前三题的满分思路，后面两题先放一放，随缘更新~202212202212-1现值计算满分思路：计算第k年的x元在今年的价值x/Math.pow(1+i,k)，将每年结果累加注意：题目要将未来的款项转换为今年的价值importjava.util.*;publicclassMain{publicstaticvoidmain(String
  • 分享100个最新免费的高匿HTTP代理IP mcj8089 代理IP代理服务器匿名代理免费代理IP最新代理IP
      推荐两个代理IP网站：   1. 全网代理IP：http://proxy.goubanjia.com/   2. 敲代码免费IP：http://ip.qiaodm.com/     120.198.243.130:80,中国/广东省 58.251.78.71:8088,中国/广东省 183.207.228.22:83,中国/
  • mysql高级特性之数据分区 annan211 java数据结构mongodb分区mysql
    mysql高级特性 1 以存储引擎的角度分析，分区表和物理表没有区别。是按照一定的规则将数据分别存储的逻辑设计。器底层是由多个物理字表组成。 2 分区的原理 分区表由多个相关的底层表实现，这些底层表也是由句柄对象表示，所以我们可以直接访问各个分区。存储引擎管理分区的各个底层 表和管理普通表一样(所有底层表都必须使用相同的存储引擎)，分区表的索引只是
  • JS采用正则表达式简单获取URL地址栏参数 chiangfai js地址栏参数获取
    GetUrlParam:function GetUrlParam(param){ var reg = new RegExp("(^|&)"+ param +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null
  • 怎样将数据表拷贝到powerdesigner (本地数据库表) Array_06 powerDesigner
    ================================================== 1、打开PowerDesigner12，在菜单中按照如下方式进行操作 file->Reverse Engineer->DataBase 点击后，弹出 New Physical Data Model 的对话框 2、在General选项卡中 Model name:模板名字，自
  • logbackのhelloworld 飞翔的马甲 日志logback
    一、概述 1.日志是啥？ 当我是个逗比的时候我是这么理解的：log.debug()代替了system.out.print(); 当我项目工作时，以为是一堆得.log文件。 这两天项目发布新版本，比较轻松，决定好好地研究下日志以及logback。 传送门1：日志的作用与方法： http://www.infoq.com/cn/articles/why-and-how-log 上面的作
  • 新浪微博爬虫模拟登陆 随意而生 新浪微博
    转载自：http://hi.baidu.com/erliang20088/item/251db4b040b8ce58ba0e1235     近来由于毕设需要，重新修改了新浪微博爬虫废了不少劲，希望下边的总结能够帮助后来的同学们。      现行版的模拟登陆与以前相比，最大的改动在于cookie获取时候的模拟url的请求
  • synchronized 香水浓 javathread
        Java语言的关键字，可用来给对象和方法或者代码块加锁，当它锁定一个方法或者一个代码块的时候，同一时刻最多只有一个线程执行这段代码。当两个并发线程访问同一个对象object中的这个加锁同步代码块时，一个时间内只能有一个线程得到执行。另一个线程必须等待当前线程执行完这个代码块以后才能执行该代码块。然而，当一个线程访问object的一个加锁代码块时，另一个线程仍然
  • maven 简单实用教程 AdyZhang maven
    1. Maven介绍  1.1. 简介 java编写的用于构建系统的自动化工具。目前版本是2.0.9，注意maven2和maven1有很大区别，阅读第三方文档时需要区分版本。 1.2. Maven资源 见官方网站；The 5 minute test，官方简易入门文档；Getting Started Tutorial，官方入门文档；Build Coo
  • Android 通过 intent传值获得null aijuans android
    我在通过intent 获得传递兑现过的时候报错，空指针,我是getMap方法进行传值，代码如下 1 2 3 4 5 6 7 8 9 public void getMap(View view){            Intent i =
  • apache 做代理 报如下错误：The proxy server received an invalid response from an upstream baalwolf response
    网站配置是apache＋tomcat,tomcat没有报错，apache报错是： The proxy server received an invalid response from an upstream server. The proxy server could not handle the request GET /. Reason: Error reading fr
  • Tomcat6 内存和线程配置 BigBird2012 tomcat6
    1、修改启动时内存参数、并指定JVM时区 （在windows server 2008 下时间少了8个小时） 在Tomcat上运行j2ee项目代码时，经常会出现内存溢出的情况，解决办法是在系统参数中增加系统参数：  window下， 在catalina.bat最前面 set JAVA_OPTS=-XX:PermSize=64M -XX:MaxPermSize=128m -Xms5
  • Karam与TDD bijian1013 KaramTDD
    一.TDD         测试驱动开发（Test-Driven Development,TDD）是一种敏捷（AGILE）开发方法论，它把开发流程倒转了过来，在进行代码实现之前，首先保证编写测试用例，从而用测试来驱动开发（而不是把测试作为一项验证工具来使用）。         TDD的原则很简单： a.只有当某个
  • [Zookeeper学习笔记之七]Zookeeper源代码分析之Zookeeper.States bit1129 zookeeper
    public enum States { CONNECTING, //Zookeeper服务器不可用，客户端处于尝试链接状态 ASSOCIATING, //？？？ CONNECTED, //链接建立，可以与Zookeeper服务器正常通信 CONNECTEDREADONLY, //处于只读状态的链接状态，只读模式可以在
  • 【Scala十四】Scala核心八：闭包 bit1129 scala
    Free variable A free variable of an expression is a variable that’s used inside the expression but not defined inside the expression. For instance, in the function literal expression (x: Int) => (x
  • android发送json并解析返回json ronin47 android
    package com.http.test; import org.apache.http.HttpResponse; import org.apache.http.HttpStatus; import org.apache.http.client.HttpClient; import org.apache.http.client.methods.HttpGet; import
  • 一份IT实习生的总结 brotherlamp PHPphp资料php教程php培训php视频
    今天突然发现在不知不觉中自己已经实习了 3 个月了，现在可能不算是真正意义上的实习吧，因为现在自己才大三，在这边撸代码的同时还要考虑到学校的功课跟期末考试。让我震惊的是，我完全想不到在这 3 个月里我到底学到了什么，这是一件多么悲催的事情啊。同时我对我应该 get 到什么新技能也很迷茫。所以今晚还是总结下把，让自己在接下来的实习生活有更加明确的方向。最后感谢工作室给我们几个人这个机会让我们提前出来
  • 据说是2012年10月人人网校招的一道笔试题-给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。 将重物放到天平左侧，问在两边如何添加砝码 bylijinnan java
    public class ScalesBalance { /** * 题目： * 给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。 （假设N无限大，但一种重量的砝码只有一个） * 将重物放到天平左侧，问在两边如何添加砝码使两边平衡 * * 分析： * 三进制 * 我们约定括号表示里面的数是三进制，例如 47=(1202
  • dom4j最常用最简单的方法 chiangfai dom4j
    要使用dom4j读写XML文档,需要先下载dom4j包,dom4j官方网站在 http://www.dom4j.org/目前最新dom4j包下载地址:http://nchc.dl.sourceforge.net/sourceforge/dom4j/dom4j-1.6.1.zip 解开后有两个包,仅操作XML文档的话把dom4j-1.6.1.jar加入工程就可以了,如果需要使用XPath的话还需要
  • 简单HBase笔记 chenchao051 hbase
     一、Client-side write buffer 客户端缓存请求 描述：可以缓存客户端的请求，以此来减少RPC的次数，但是缓存只是被存在一个ArrayList中，所以多线程访问时不安全的。 可以使用getWriteBuffer()方法来取得客户端缓存中的数据。 默认关闭。 二、Scan的Caching 描述： next( )方法请求一行就要使用一次RPC,即使
  • mysqldump导出时出现when doing LOCK TABLES daizj mysqlmysqdump导数据
    　　执行　mysqldump -uxxx -pxxx -hxxx -Pxxxx database tablename > tablename.sql　 导出表时，会报 mysqldump: Got error: 1044: Access denied for user 'xxx'@'xxx' to database 'xxx' when doing LOCK TABLES 解决
  • CSS渲染原理 dcj3sjt126com Web
      从事Web前端开发的人都与CSS打交道很多，有的人也许不知道css是怎么去工作的，写出来的css浏览器是怎么样去解析的呢？当这个成为我们提高css水平的一个瓶颈时，是否应该多了解一下呢？          一、浏览器的发展与CSS           
  • 《阿甘正传》台词 dcj3sjt126com
    Part Ⅰ: 《阿甘正传》Forrest Gump经典中英文对白 Forrest: Hello! My names Forrest. Forrest Gump. You wanna Chocolate? I could eat about a million and a half othese. My momma always said life was like a box ochocol
  • Java处理JSON dyy_gusi json
    Json在数据传输中很好用，原因是JSON 比 XML 更小、更快，更易解析。 在Java程序中，如何使用处理JSON，现在有很多工具可以处理，比较流行常用的是google的gson和alibaba的fastjson，具体使用如下： 1、读取json然后处理 class ReadJSON { public static void main(String[] args)
  • win7下nginx和php的配置 geeksun nginx
    1.  安装包准备 nginx :  从nginx.org下载nginx-1.8.0.zip php： 从php.net下载php-5.6.10-Win32-VC11-x64.zip， php是免安装文件。 RunHiddenConsole: 用于隐藏命令行窗口   2. 配置 # java用8080端口做应用服务器，nginx反向代理到这个端口即可 p
  • 基于2.8版本redis配置文件中文解释 hongtoushizi redis
    转载自： http://wangwei007.blog.51cto.com/68019/1548167        在Redis中直接启动redis-server服务时, 采用的是默认的配置文件。采用redis-server   xxx.conf 这样的方式可以按照指定的配置文件来运行Redis服务。下面是Redis2.8.9的配置文
  • 第五章 常用Lua开发库3-模板渲染 jinnianshilongnian nginxlua
    动态web网页开发是Web开发中一个常见的场景，比如像京东商品详情页，其页面逻辑是非常复杂的，需要使用模板技术来实现。而Lua中也有许多模板引擎，如目前我在使用的lua-resty-template，可以渲染很复杂的页面，借助LuaJIT其性能也是可以接受的。   如果学习过JavaEE中的servlet和JSP的话，应该知道JSP模板最终会被翻译成Servlet来执行；而lua-r
  • JZSearch大数据搜索引擎 颠覆者 JavaScript
    系统简介： 大数据的特点有四个层面：第一，数据体量巨大。从TB级别，跃升到PB级别；第二，数据类型繁多。网络日志、视频、图片、地理位置信息等等。第三，价值密度低。以视频为例，连续不间断监控过程中，可能有用的数据仅仅有一两秒。第四，处理速度快。最后这一点也是和传统的数据挖掘技术有着本质的不同。业界将其归纳为4个“V”——Volume，Variety，Value，Velocity。大数据搜索引
  • 10招让你成为杰出的Java程序员 pda158 java编程框架
    如果你是一个热衷于技术的  Java 程序员， 那么下面的 10 个要点可以让你在众多 Java 开发人员中脱颖而出。 　　 1. 拥有扎实的基础和深刻理解 OO 原则 　　对于 Java 程序员，深刻理解 Object Oriented Programming（面向对象编程）这一概念是必须的。没有 OOPS 的坚实基础，就领会不了像 Java 这些面向对象编程语言
  • tomcat之oracle连接池配置 小网客 oracle
    tomcat版本7.0 配置oracle连接池方式： 修改tomcat的server.xml配置文件： <GlobalNamingResources> <Resource name="utermdatasource" auth="Container" type="javax.sql.DataSou
  • Oracle 分页算法汇总 vipbooks oraclesql算法.net
        这是我找到的一些关于Oracle分页的算法，大家那里还有没有其他好的算法没？我们大家一起分享一下！ -- Oracle 分页算法一 select * from ( select page.*,rownum rn from (select * from help) page -- 20 = (currentPag
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他