东栏梨花__
东栏梨花__

js事件案例——小人快跑JavaScript

效果

小人快跑

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    #imgs{
        position:absolute;
        left:500px;
        top:200px;
    }
</style>
<body>

<img src="images/down-0.png" alt="" id="imgs">

<script src="script.js"></script>
</body>
</html>

var imgs = document.getElementById("imgs");
var index = -1;
function fn(value){
    index++;
    if(index>4){
        index=0;
    }
    imgs.src ="images/"+value+"-"+index+".png";
}
document.onkeydown = function(e){

    var e= window.event|| e;

    switch(e.keyCode){
        case 37:

            imgs.style.left = imgs.offsetLeft-10+"px";
            fn("left") ;
            break;

        case 38:
            imgs.style.top = imgs.offsetTop-10+"px";
            fn("up");
            break;

        case 39:

            imgs.style.left = imgs.offsetLeft+10+"px";
            fn("right");

            break;

        case 40:
            imgs.style.top = imgs.offsetTop+10+"px";
            fn("down");
            break;
    }

}

小人图片
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
js事件案例——小人快跑JavaScript_第1张图片
**

统一资料 见网盘：

**
链接：https://pan.baidu.com/s/1byEnA0qObmmgxBbC3_FGVg
提取码：3o7i

你可能感兴趣的:(JavaScript笔记)

  • 转码日记——Javascript笔记（8） zzcoding_ 转码日记数据结构javascript前端开发语言
    数组（Array）数组也是一个对象，和普通对象功能类似。普通对象使用字符串作为属性名，而数组使用数字来作为索引操作。索引：从0开始的整数。数组的存储效率比较高，对属性名没有要求的时候可以使用。基本应用//创建数组对象vararr=newArray();//向数组中添加对象//语法：数组[索引]=值;arr[0]=10;arr[1]=33;//如果读取不存在的索引则返回undefined//获取数组
  • 转码日记——Javascript笔记（14）BOM对象 zzcoding_ 转码日记javascript前端html5
    BOM（browserobjectmodel）浏览器对象模型在BOM中，为我们提供了一组对象，用来帮助我们完成对浏览器的操作。BOM对象：Window（代表整个浏览器的窗口，同时也是网页中的全局对象）,Navigator（代表当前浏览器的信息，通过该对象可以识别不同的浏览器）,Location（代表当前浏览器的地址栏信息，可以获得地址栏信息并操纵浏览器跳转页面）,History（代表浏览器的历史记
  • JavaScript笔记/ES6常用语法(笔记) joker731
    ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。ES6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是
  • Javascript笔记 nuomi_w javascript前端html
    1、什么是JavaScript1.1、概述JavaScript是一门世界上最流行的脚本语言Java、JavaScript=一个合格的后端人员，必须要精通JavaScript=1.2、历史https://www.w3school.com.cn/js/pro_js_history.aspECMAScript它可以理解为是JavaScript的一个标准最新版本已经到es6版本但大部分浏览器还只停留在支持
  • JavaScript笔记整理 无所不能的蓝巨人 前端javascript
    title:JavaScripttags:JavaScriptnotebook:JavaScript笔记整理1.JavaScript基础2022年3月18日大数据类型使用bigIntnull有数据位置但是没有数据，undefined是完全没有数据位置object{}对象，array[]数组if中如果没有写判断语句则括号中的内容会被转换成布尔类型（隐式转换）false：nullnuderfined0
  • web前端javascript笔记——（14）Navigator 、History、Location Komorebi_9999 前端javascript笔记
    Navigator/*DOM文档对象，通过js操作网页BOM浏览器对象BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象。用来完成对浏览器的操作BOM对象window代表的是整个浏览器的窗口，同时window也是网页中的全局对象Navigator代表的是当前浏览器的信息，通过该对象可以来识别不同的浏览器由于历史原因，Navigator对象中的大部分属性都已经不能帮我们识别浏览器了一
  • web前端javascript笔记——（15）定时器 Komorebi_9999 前端javascript笔记
    定时器简介window.onload=function(){//获取countvarcount=document.getElementById("count");//使得count中的内容，自动切换/*JS的程序的执行速度是非常非常快的如果希望一段程序，可以每隔一段时间执行一次，可以使用定时调用*//*for(vari=0;i1切换图片练习img{width:600;height:450px;}w
  • web前端javascript笔记——（16）类 Komorebi_9999 前端javascript笔记
    类的操作.b1{width:100px;height:100px;background-color:red;}.b2{width:200px;height:200px;background-color:yellow;}window.onload=function(){//获取boxvarbox=document.getElementById("box");//获取btn01varbtn01=doc
  • javascript笔记 Tdithyrambus
    javascript代码必须位于与中脚本可被放置于或中单引号双引号均可双斜杠//或/*...*/之间的代码被视为注释标识符用于命名变量（以及关键词、函数和标签），首字符必须是字母、下划线（-）或美元符号（$）对大小写敏感不能使用连字符，如first-nameJavaScript能够以不同方式“显示”数据：使用window.alert()写入警告框使用document.write()写入HTML输出
  • web前端javascript笔记——（13）事件(2） Komorebi_9999 前端javascript笔记
    一、拖拽#box1{width:300px;height:300px;background-color:yellowgreen;position:absolute;}#box2{width:300px;height:300px;background-color:yellow;position:absolute;left:300px;top:300px;}window.onload=function
  • web前端javascript笔记——（12）样式 Komorebi_9999 前端javascript笔记
    一、通过style操作内联样式#box1{width:200px;height:200px;background-color:red;}/*通过style属性读取和设置的都是内联样式通过JS修改元素的样式语法：元素.style.样式名=样式值*通过JS读取元素的样式*语法：元素.style.样式名*/window.onload=function(){/*点击按钮以后，修改box1的大小*///获取
  • web前端javascript笔记——（13）事件(1) Komorebi_9999 前端javascript笔记
    一、事件对象鼠标/键盘属性altKey返回当事件被触发时，“ALT”是否被按下。button返回当事件被触发时，哪个鼠标按钮被点击clientX返回当事件被触发时，鼠标指针的水平坐标。clientY返回当事件被触发时，鼠标指针的垂直坐标。ctrlkey返回当事件被触发时，“CTRL"键是否被按下。metakey返回当事件被触发时，"meta"键是否被按下。relatedTarget返回与事件的目标
  • JavaScript笔记之一：JS原生 浅度学习的ryan 吃掉这本前端基础javascriptes6
    JavaScript一、基础运行在客户端的脚本语言脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来解释执行也可以基于Node.js技术进行服务器端编程1.作用表单动态验证网页特效服务端开发Node.js桌面程序ElectronApp物联网游戏开发2.浏览器执行JS浏览器分为两部分：渲染引擎、JS引擎渲染引擎：用来解释HTML和CSS，内核JS引擎：JS解释器，读取网页中的JS代码，处
  • web前端javaScript笔记——（11）DOM Komorebi_9999 前端javascript笔记
    一、DOM简介DOM简介/*宿主对象，由浏览器，运行环境为我们提供的对象，BOM对象和DOM对象DOMdocumentobjectmodel文档对象模型JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面文档-文档表示的就是整个的HTML网页文档，一个HTML网页就是一个文档对象-对象表示将网页中的每一个部分，各种标签、属性、文本都转换为了一个对象模型-使用模型
  • web前端javaScript笔记——（8）call()、apply()、arguments() Komorebi_9999 前端javascript笔记
    /*functionfun(){alert("我是fun函数！");}*//*call()和apply()这两个方法都是函数对象的方法，需要通过函数对象来调用当会函数调用call()和apply()都会调用函数执行在调用call()和appply()可以将一个对象指定为第一个参数此时这个对象将会成为函数执行时的this*///fun();//弹出"我是fun函数"//fun.apply();//弹
  • web前端javaScript笔记——（10）正则表达式 Komorebi_9999 前端javascript正则表达式
    正则表达式的简介/*正则表达式*邮箱举例：*[email protected]*[email protected]*adminatguigu.com*邮件的规则：*1.前边可以是xxxxx乱七八糟*2.跟着一个@*3.后边可以是xxxxx乱七八糟*4..com获取其他的乱七八糟**正则表达式用于定义一些字符串的规则*计算机可以根据正则表达式，来检查一个字符串是否符合规则*或者将字符串中复合规则的内容提取出来*
  • web前端javaScript笔记——（9）包装类和字符串 Komorebi_9999 前端javascript笔记
    /*基本数据类型StringNumberBooleanNullUndefined引用数据类型Object在JS中为我们提供了三个包装类u，通过这三个包装类可以将基本数据类型转换为对象String()可以将基本数据类型字符串转换为String对象Number()可以将基本数据类型的数字转换为Number对象Boolean（）可以将基本数据类型的boolean值转换为Boolean对象String()
  • JavaScript笔记之Date之 Date.now()===new Date().getTime() kfepiza HTMLCSSJS#JsJavaScriptECMAScript日期时间时区等javascriptjs
    Date.now和newDate().getTime()相同点都是获取1970年1月1日到现在的毫秒数不同点1.性能不同一千万次测试Date.now()用时0.8秒newDate().getTime()用时1.4秒2.调用方式不同now()是直接调用getTime()是原型链上的方法性能的差异也体现了调用prototype的损耗
  • JavaScript笔记之 console计时器 time() timeLog() timeEnd() kfepiza #JsJavaScriptECMAScriptHTMLCSSJSjsjavascript
    用法先取个名字:letname=“计时器1”;然后console.time(name);计时器起点可选console.timeLog(name);显示当前耗时console.timeEnd(name);显示当前耗时,并结束计时器测试代码timetimeLogtimeEnd.CodeIB,.CodeB{padding:0px10px;border-left:10pxsolidblue;backgro
  • web前端javaScript笔记——（7）Math和Date方法 Komorebi_9999 前端javascript笔记
    Math-Math和其他的对象不同，它不是一个构造函数，它属于一个工具类不用创建对象，它里边封装了数学运算相关的属性和方法比如Math.PI表示的圆周率使用方法Math.方法();Math.abs()可以用来计算一个数的绝对值Math.ceil()可以对一个数进行向上取整abs(x)返回数的绝对值。console.log(Math.abs(-1));acos(x)返回数的反余弦值。asin(x)返
  • javascript笔记5 michaelYH
    时间Date对象方法及运算BOMwindow中常用方法window常用事件-onload加载事件和onunload卸载事件window中常用事件-onscroll滚动事件window中常用事件-onresize窗口变化事件时间//格里尼治时间//世界协调时间（1970年1月1日0点）Date对象方法及运算vard=Date();console.log(d);//TueSep04201818:17:
  • HTML/CSS/JavaScript笔记 neukfc htmlcss
    HTML/CSS/JavaScript个人学习笔记前言简介HTML一些最常见的HTML标签汇总CSS内联样式内部样式表前言学习用途所做的个人笔记，部分资料图片来自：菜鸟教程.，如有侵权或标注遗漏请随时告知：）简介HTML：超文本标记语言，是一种描述性语言。CSS：层叠样式表，是一种用来表现HTML、XML等文件样式的语言，如字体、颜色、位置等等。JavaScript：多用于前端网页开发的脚本编程语
  • JavaScript笔记整理3 -- JS基础概念之 变量与函数 Lynx256 JavaScriptJavaScript
    JavaScript笔记整理3--JS基础概念之变量与函数变量什么是变量声明和定义变量声明变量定义变量变量名的命名规则变量的数据类型typeof方法基本（标量）数据类型字符串型String数值型类型Number布尔型Boolean未定义型undefined空型null复合数据类型对象Object数组Array变量数据类型的转换自动转换强制转换函数1：`Boolean(`变量名`)`函数2：`Num
  • JavaScript笔记之如何写好JavaScript HeyCChen 前端javascript前端
    写好JavaScript的三个原则：各司其责组件封装过程抽象各司其责HTML/CSS/JavaScript各司其责HTML->Structural;CSS->Presentational;JavaScript->Behavioral应当避免不必要的由JS直接操作样式可以用class来表示状态纯展示类交互应寻求零JS方案组件封装组件是指Web页面上抽出来的一个个包含模块（HTML）、样式（CSS）和
  • HTML+CSS+JavaScript 小归空. 前端htmljavascriptcss笔记前端
    HTML+CSS+JavaScript笔记由B站狂神说视频整理HTMLHTML：HyperTextMarkupLanguage（超文本标记语言）HTML5+CSS3W3C：WorldWideWebConsortium（万维网联盟）W3C标准包括：结构化标准语言（HTML、XML配置文件）、表现语言标准（CSS）、行为标准（DOM文档对象模型、ECMAScript）标签基础标签Title一级标签二级
  • web前端javaScript笔记——（6）数组 Komorebi_9999 前端javascript笔记
    对象一般分为内建对象，宿主对象，自定义对象。数组(Array)数组也是一个对象它和我们普通对象功能类似，也是用来存储一些值的不同的是普通对象是使用字符串作为属性名的，而数组时使用数字来作为索引操作元素案引:从0开始的整数就是索引数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据创建数组对象vararr=newArray();console.log(arr);//””console
  • 学习JavaScript笔记——读取当前日期 巨汉子
    这个故事发生在某天，喝完早茶帮女同事打包了个陈村粉就回公司，上网收集有趣的文字，整理修订多年前写好的《JavaScript》教程，并创作汉语SEO要用的《Html5》教程，存起来以后当文化传播作品使用。一边整理《JavaScript》教程,一边在网上和女粉丝侃大山，突然间一个说自已是从武汉来广州渡假的女粉丝问：“陈老师，最近文化传播教程又打算教点什么新东西？”。我问：“你们都想学啥？”。女粉丝说：
  • Javascript笔记（持续更新中） 瑶瑶南波万 笔记javascript开发语言ecmascript
    前端学习路线图先附上一张前端学习路线图：（一）Javascript的定义Javascript是一门跨平台、面向对象的脚本语言，来控制网页的行为，它可以实现网页的交互网页由三部分构成：结构：Html表现：Css行为：Javascript（二）Javascript的作用网页特效（监听用户的一些行为让网页作出对应反馈）表单验证（针对表单数据的合法性进行判断）数据交互（获取后台的数据，渲染到前端）服务端编
  • JavaScript笔记 沉默的大憨君
    Javascript笔记Javascript数据类型有哪些？JavaScript的数据类型分为两大类，一类是基本数据类型另一类是引用数据类型基本数据类型有:NumberStringUndefinedNullSymbol(ES6新增数据类型)引用数据类型有:ArrayFunctionObjectDateRegExp用户自定义的类型备注:所有引用类型的值都是Object类型的实例比如下面的代码：let
  • web前端JavaScript笔记——（2）对象 Komorebi_9999 javascript前端angular.js
    对象对象的简介只要不是Number，StringBooleannullundefined这五种基本类型的数据都是对象。基本数据类型都是单一的值"hello”123true,值和值之间没有任何的联系。在JS中来表示一个人的信息(namegenderage)varname=”孙悟空”;vargender="男";varage=18;如果使用基本数据类型的数据，我们所创建的变量都是独立，不能成为一个整体
  • 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其他