Java日志记录最佳实践

一、日志简介 1.1 日志是什么（WHAT） 日志：记录程序的运行轨迹，方便查找关键信息，也方便快速定位解决问题。 通常，Java程序员在开发项目时都是依赖Eclipse/IDEA等集成开发工具的Debug 调试功能来跟踪解决Bug，但项目发布到了测试、生产环境怎么办？你有可能会说可以使用远程调试，但实际并不能允许让你这么做。 所以，日志的作用就是在测试、生产环境没有 Debug 调试工具时开发和测试人员定位问题的手段。日志打得好，就能根据日志的轨迹快速定位并解决线上问题，反之，日志输出不好，不仅无法辅助定位问题反而可能会影响到程序的运行性能和稳定性。 很多介绍 AOP 的地方都采用日志来作为介绍，实际上日志要采用切面的话是极其不科学的！对于日志来说，只是在方法开始、结束、异常时输出一些什么，那是绝对不够的，这样的日志对于日志分析没有任何意义。如果在方法的开始和结束整个日志，那方法中呢？如果方法中没有日志的话，那就完全失去了日志的意义！如果应用出现问题要查找由什么原因造成的，也没有什么作用。这样的日志还不如不用！ 1.2 日志有什么用（WHY） 不管是使用何种编程语言，日志输出几乎无处不再。总结起来，日志大致有以下几种用途： 问题追踪：辅助排查和定位线上问题，优化程序运行性能。 状态监控：通过日志分析，可以监控系统的运行状态。 安全审计：审计主要体现在安全上，可以发现非授权的操作。 1.3 总结 日志在应用程序中是非常非常重要的，好的日志信息能有助于我们在程序出现 BUG 时能快速进行定位，并能找出其中的原因。 作为一个有修养的程序猿，对日志这个东西应当引起足够的重视。 二、日志框架（HOW） 2.1 常用的日志框架 log4j、Logging、commons-logging、slf4j、logback，开发的同学对这几个日志相关的技术不陌生吧，为什么有这么多日志技术，它们都是什么区别和联系呢？且看下文分解： 2.1.1 Logging 这是 Java 自带的日志工具类，在 JDK 1.5 开始就已经有了，在 java.util.logging 包下。通常情况下，这个基本没什么人用了，了解一下就行。 2.1.2 commons-logging commons-logging 是日志的门面接口，它也是Apache 最早提供的日志门面接口，用户可以根据喜好选择不同的日志实现框架，而不必改动日志定义，这就是日志门面的好处，符合面对接口抽象编程。现在已经不太流行了，了解一下就行。 2.1.3 Slf4j slf4j,英文全称为“Simple Logging Facade for Java”，为java提供的简单日志Facade。Facade门面，更底层一点说就是接口。它允许用户以自己的喜好，在工程中通过slf4j接入不同的日志系统。 因此slf4j入口就是众多接口的集合，它不负责具体的日志实现，只在编译时负责寻找合适的日志系统进行绑定。具体有哪些接口，全部都定义在slf4j-api中。查看slf4j-api源码就可以发现，里面除了public final class LoggerFactory类之外，都是接口定义。因此slf4j-api本质就是一个接口定义。 2.1.4 Log4j Log4j 是 Apache 的一个开源日志框架，也是市场占有率最多的一个框架。 注意：log4j 在 2015.08.05 这一天被 Apache 宣布停止维护了，用户需要切换到 Log4j2上面去。 下面是官宣原文： On August 5, 2015 the Logging Services Project Management Committee announced that Log4j 1.x had reached end of life. For […]

龙生   08 Dec 2020
View Details

Java日志框架SLF4J和log4j以及logback的联系和区别

1.SLF4J(Simple logging Facade for Java) 意思为简单日志门面，它是把不同的日志系统的实现进行了具体的抽象化，只提供了统一的日志使用接口，使用时只需要按照其提供的接口方法进行调用即可，由于它只是一个接口，并不是一个具体的可以直接单独使用的日志框架，所以最终日志的格式、记录级别、输出方式等都要通过接口绑定的具体的日志系统来实现，这些具体的日志系统就有log4j,logback,java.util.logging等，它们才实现了具体的日志系统的功能。 如何使用SLF4J? 既然SLF4J只是一个接口，那么实际使用时必须要结合具体的日志系统来使用，我们首先来看SLF4J和各个具体的日志系统进行绑定时的框架原理图： 其实slf4j原理很简单，他只提供一个核心slf4j api(就是slf4j-api.jar包)，这个包只有日志的接口，并没有实现，所以如果要使用就得再给它提供一个实现了些接口的日志包，比 如：log4j,common logging,jdk log日志实现包等，但是这些日志实现又不能通过接口直接调用，实现上他们根本就和slf4j-api不一致，因此slf4j又增加了一层来转换各日志实现包的使 用，当然slf4j-simple除外。其结构如下： slf4j-api(接口层)    | 各日志实现包的连接层( slf4j-jdk14, slf4j-log4j)    | 各日志实现包 所以，结合各日志实现包使用时提供的jar包情况为： SLF4J和logback结合使用时需要提供的jar:slf4j-api.jar,logback-classic.jar,logback-core.jar SLF4J和log4j结合使用时需要提供的jar:slf4j-api.jar,slf4j-log412.jar,log4j.jar SLF4J和JDK中java.util.logging结合使用时需要提供的jar:slf4j-api.jar,slf4j-jdk14.jar SLF4J和simple(SLF4J本身提供的一个接口的简单实现)结合使用时需要提供的jar:slf4j-api.jar,slf4j-simple.jar 当然还有其他的日志实现包，以上是经常会使用到的一些。 注意，以上slf4j和各日志实现包结合使用时最好只使用一种结合，不然的话会提示重复绑定日志，并且会导致日志无法输出。 slf4j-api.jar:对外提供统一的日志调用接口，该接口具体提供的调用方式和方法举例说明： public class Test { private static final Logger logger = LoggerFactory.getLogger(Tester.class);  //通过LoggerFactory获取Logger实例 public static void main(String[] args) { //接口里的统一的调用方法，各具体的日志系统都有实现这些方法 logger.info("testlog: {}", "test"); logger.debug("testlog: {}", "test"); logger.error("testlog: {}", "test"); logger.trace("testlog: {}", "test"); logger.warn("testlog: {}", "test"); } } 如果系统中之前已经使用了log4j做日志输出，想使用slf4j作为统一的日志输出，该怎么办呢？ 如果之前系统中是单独使用log4j做为日志输出的，这时再想使用slf4j做为日志输出时，如果系统中日志比较多，此时更改日志输出方法肯定是不太现实的，这个时候就可以使用log4j-over-slf4j.jar将使用log4j日志框架输出的日志路由到slf4j上来统一采用slf4j来输出日志。 为什么要使用SLF4J?  slf4j是一个日志接口，自己没有具体实现日志系统，只提供了一组标准的调用api,这样将调用和具体的日志实现分离，使用slf4j后有利于根据自己实际的需求更换具体的日志系统，比如，之前使用的具体的日志系统为log4j,想更换为logback时，只需要删除log4j相关的jar,然后加入logback相关的jar和日志配置文件即可，而不需要改动具体的日志输出方法，试想如果没有采用这种方式，当你的系统中日志输出有成千上万条时，你要更换日志系统将是多么庞大的一项工程。如果你开发的是一个面向公众使用的组件或公共服务模块，那么一定要使用slf4的这种形式，这有利于别人在调用你的模块时保持和他系统中使用统一的日志输出。 slf4j日志输出时可以使用{}占位符，如，logger.info("testlog: {}", "test")，而如果只使用log4j做日志输出时，只能以logger.info("testlog:"+"test")这种形式，前者要比后者在性能上更好，后者采用+连接字符串时就是new 一个String 字符串，在性能上就不如前者。 2.log4j(log for java) Log4j是Apache的一个开源项目，通过使用Log4j，我们可以控制日志信息输送的目的地是控制台、文件、GUI组件，甚至是套接口服务器、NT的事件记录器、UNIX Syslog守护进程等；我们也可以控制每一条日志的输出格式；通过定义每一条日志信息的级别，我们能够更加细致地控制日志的生成过程。最令人感兴趣的就是，这些可以通过一个配置文件来灵活地进行配置，而不需要修改应用的代码。 如何使用？ 引入jar,使用log4j时需要的jar为：log4j.jar。 定义配置文件log4j.properties或log4j.xml 在具体的类中进行使用： 在需要日志输出的类中加入：private static final Logger logger = Logger.getLogger(Tester.class);  //通过Logger获取Logger实例 在需要输出日志的地方调用相应方法即可：logger.debug(“System […]

龙生   08 Dec 2020
View Details

使用Log4j2实现日志输出

一、说明 如果是使用slf4j规范的，请先引用：

1
2
3
4
5
6
     <!-- https://mvnrepository.com/artifact/org.apache.logging.log4j/log4j-slf4j-impl -->
        <dependency>
            <groupId>org.apache.logging.log4j</groupId>
            <artifactId>log4j-slf4j-impl</artifactId>
            <version>2.11.0</version>
        </dependency>

二、测试类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import org.junit.Test;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
 
 
public class LogTest {
    @Test
    public void test() {
        Logger log = LoggerFactory.getLogger(LogTest.class);
        log.warn("this is message {}", 1);
        Exception ex = new Exception("this is a message.");
        log.error("a new exeception", ex);
        log.trace("trace message.");
        log.info("info message.");
        for (int i = 0; i < 120000; i++)
            log.debug("debug message:{}={}", "line", i);
    }
}

三、配置 在Maven项目的resources目录下，或者Java项目的src下，新建log4j2.xml文件。这里要注意，如果是使用的log4j1版本，请添加log4j.properties文件并配置，但是在log4j2中已经废弃了log4j.properties文件的使用，使用的是log4j2.xml。参考如下内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?xml version="1.0" encoding="UTF-8"?>
<configuration status="ON">
    <appenders>
        <Console name="Console" target="SYSTEM_OUT">
            <PatternLayout pattern="%d{HH:mm:ss.SSS} [%t] %-5level %logger{36} - %msg%n"/>
        </Console>
        <RollingFile name="RollingFile" fileName="logs/app.log"
                     filePattern="logs/$${date:yyyy-MM}/app-%d{MM-dd-yyyy}-%i.log.gz">
            <PatternLayout pattern="%d{yyyy.MM.dd 'at' HH:mm:ss z} %-5level %class{36} %L %M - %msg%xEx%n"/>
            <SizeBasedTriggeringPolicy size="5 MB" />
        </RollingFile>
    </appenders>
    <loggers>
        <root level="DEBUG">
            <appender-ref ref="Console"/>
            <appender-ref ref="RollingFile"/>
        </root>
    </loggers>
</configuration>

　　说明：上面配置的最低Level为DEBUG，同时使用了Console和RollingFile两种输出方式。所以输出的日志，一方面输出到控制台，一方面输出到logs/app.log中，当app.log达到5MB时，就会自动生成gz压缩文件到/logs下，并清空app.log，继续输出到app.log，以此循环。 四、运行并输出日志     宋兴柱(Sindrol)：转载内容，请标明出处，谢谢！源文来自 宝贝云知识分享：https://www.dearcloud.cn from:https://www.cnblogs.com/songxingzhu/p/8867817.html

龙生   08 Dec 2020
View Details

Android Studio 关于Kotlin Gradle plugin version编译出错问题

Android编译出错：The Android Gradle plugin supports only Kotlin Gradle plugin version 1.2.51 and higher. Project ‘Test’ is using version 1.2.30. 打开build.gradle（Project） 修改buildscript中的ext.kotlin_version = ‘1.2.30’ 改成ext.kotlin_version = ‘1.2.51’ 最后点击Sync Now，重新编译就好了   from:https://blog.csdn.net/qq_34947048/article/details/85250198

龙生   08 Dec 2020
View Details

解决"No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android"错误

今天安装了Android Studio 3.2，打开一个旧工程，编译提示"No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android" 网上也有解决办法，就是下载旧版的NDK，将其中的toolchain复制到新版的NDK中 但是感觉这种方式，不是解决的正道。 经过对新版NDK的研究，发现NDK的更新记录里有一段话 This version of the NDK is incompatible with the Android Gradle plugin version 3.0 or older. If you see an error like No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android, update your project file to [use plugin version 3.1 or newer]. You will also need to upgrade to Android Studio 3.1 or newer.   也就是说新版本的NDK与3.0及以前旧版的Android Gradle plugin插件不兼容 其实解决方法很简单，就是修改build.gradle中的红字部分，改为3.1以上版本即可

1
2
3
4
5
6
dependencies {
    classpath 'com.android.tools.build:gradle:3.2.0'
 
    // NOTE: Do not place your application dependencies here; they belong
    // in the individual module build.gradle files
}

  from:https://blog.csdn.net/vocanicy/article/details/83004626

龙生   08 Dec 2020
View Details

错误NDK is missing a "platforms" directory.

编译错误提示：Gradle sync failed: Could not run build action using Gradle distribution 'https://services.gradle.org/distributions/gradle-4.1-all.zip'. 点击Gradle Console NDK is missing a "platforms" directory. If you are using NDK, verify the ndk.dir is set to a valid NDK directory.  It is currently set to D:\AndroidStudioSDK\ndk-bundle. If you are not using NDK, unset the NDK variable from ANDROID_NDK_HOME or local.properties to remove this warning. 不言而喻，NDK缺少一个“platforms”目录。如果您正在使用NDK，请验证NDK。将dir设置为有效的NDK目录。目前它被设置为D: AndroidStudioSDK\ndk-bundle。如果不使用NDK，请从ANDROID_NDK_HOME或local中卸载NDK变量。属性删除此警告。 这个错误Google 的坑。目前只有兼容最新的NDK版本才能解决。 解决办法： 1.打开SDK Manager 2.勾选上NDK最新版本，安装成功后Apply 3.安装完成后重新build下项目搞定！   from:https://blog.csdn.net/github_36787585/article/details/82841129

龙生   08 Dec 2020
View Details

Java Map 接口

Map 接口中键和值一一映射. 可以通过键来获取值。 给定一个键和一个值，你可以将该值存储在一个 Map 对象。之后，你可以通过键来访问对应的值。 当访问的值不存在的时候，方法就会抛出一个 NoSuchElementException 异常。 当对象的类型和 Map 里元素类型不兼容的时候，就会抛出一个 ClassCastException 异常。 当在不允许使用 Null 对象的 Map 中使用 Null 对象，会抛出一个 NullPointerException 异常。 当尝试修改一个只读的 Map 时，会抛出一个 UnsupportedOperationException 异常。 序号 方法描述 1 void clear( ) 从此映射中移除所有映射关系（可选操作）。 2 boolean containsKey(Object k) 如果此映射包含指定键的映射关系，则返回 true。 3 boolean containsValue(Object v) 如果此映射将一个或多个键映射到指定值，则返回 true。 4 Set entrySet( ) 返回此映射中包含的映射关系的 Set 视图。 5 boolean equals(Object obj) 比较指定的对象与此映射是否相等。 6 Object get(Object k) 返回指定键所映射的值；如果此映射不包含该键的映射关系，则返回 null。 7 int hashCode( ) 返回此映射的哈希码值。 8 boolean isEmpty( ) 如果此映射未包含键-值映射关系，则返回 true。 9 Set keySet( ) 返回此映射中包含的键的 Set 视图。 10 Object put(Object k, Object v) 将指定的值与此映射中的指定键关联（可选操作）。 11 void putAll(Map m) […]

龙生   08 Dec 2020
View Details

vue 进入页面与离开页面触发事件

1.切换进入当前路由之前的钩子函数 beforeRouteEnter

1
2
3
4
5
6
7
<script>
export default {
  beforeRouteEnter(to, form, next) {
    next()
  }
}
</script>

2.离开当前路由之前的钩子函数 beforeRouteLeave

1
2
3
4
5
6
7
<script>
export default {
  beforeRouteLeave(to, form, next) {
    next()
  }
}
</script>

  from:https://www.cnblogs.com/gqx-html/p/11233014.html

龙生   08 Dec 2020
View Details

移动端：div在手机页面上随意拖动/拖拽

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!doctype html>
<html>
    <head>
        <title>弹窗</title>
        <meta charset="utf-8">
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <style>
            body{margin:0;padding:0;}
            .barrage{position:fixed;display:block;top:0;}
            .barrage_name{width:70px;height:70px;background:-webkit-gradient(linear,0 0,100% 100%,from(#f00), to(#0f0));border-radius:50%;}
            .barrage_name_hover{width:70px;height:70px;background:-webkit-gradient(linear,0 0,100% 100%,from(#ff0), to(#00f));border-radius:50%;}
            .col1{color:#fff;display: block;padding: 17px;text-align: center;}
        </style>
    </head>
    <body>
        <div class="barrage" id="barrage">
            <div class="barrage_name" id="barrage_name">
                <span class="col1">打开弹幕</span>
            </div>
        </div>
        <div>
        <p>我是来打酱油的</p>
        <p>我是来打酱油的</p>
        <p>我是来打酱油的</p>
        <p>我是来打酱油的</p>
        <p>我是来打酱油的</p>
        <p>我是来打酱油的</p>
        <p>我是来打酱油的</p>
        <p>我是来打酱油的</p>
        </div>
    </body>
    <script type="text/javascript">
    $(function(){
        var cont=$("#barrage");
        var contW=$("#barrage").width();
        var contH=$("#barrage").height();
        var startX,startY,sX,sY,moveX,moveY;
        var winW=$(window).width();
        var winH=$(window).height();
        var barrage_name=$("#barrage_name");
        var barrage_frame=$("#barrage_frame");
        var body=$("body");
 
 
        cont.on({//绑定事件
            touchstart:function(e){
                startX = e.originalEvent.targetTouches[0].pageX;    //获取点击点的X坐标
                startY = e.originalEvent.targetTouches[0].pageY;    //获取点击点的Y坐标
                //console.log("startX="+startX+"************startY="+startY);
                sX=$(this).offset().left;//相对于当前窗口X轴的偏移量
                sY=$(this).offset().top;//相对于当前窗口Y轴的偏移量
                //console.log("sX="+sX+"***************sY="+sY);
                leftX=startX-sX;//鼠标所能移动的最左端是当前鼠标距div左边距的位置
                rightX=winW-contW+leftX;//鼠标所能移动的最右端是当前窗口距离减去鼠标距div最右端位置
                topY=startY-sY;//鼠标所能移动最上端是当前鼠标距div上边距的位置
                bottomY=winH-contH+topY;//鼠标所能移动最下端是当前窗口距离减去鼠标距div最下端位置
                },
            touchmove:function(e){
                e.preventDefault();
                moveX=e.originalEvent.targetTouches[0].pageX;//移动过程中X轴的坐标
                moveY=e.originalEvent.targetTouches[0].pageY;//移动过程中Y轴的坐标
                //console.log("moveX="+moveX+"************moveY="+moveY);
                if(moveX<leftX){moveX=leftX;}
                if(moveX>rightX){moveX=rightX;}
                if(moveY<topY){moveY=topY;}
                if(moveY>bottomY){moveY=bottomY;}
                $(this).css({
                    "left":moveX+sX-startX,
                    "top":moveY+sY-startY,
                    })
                },
 
        })
 
        })
    </script>
</html>

为了兼容PC和移动端，想出了以下办法： 拖动时候用到的三个事件： mousedown 、 mousemove 、 mouseup 在移动端都不起任何作用。毕竟移动端是没有鼠标的，查资料后发现，在移动端与之相对应的分别是： touchstart 、 touchmove 、 touchend 事件。还有一点要注意的是在PC端获取当前鼠标的坐标是： event.clientX 和 event.clientY ，在移动端获取坐标位置则是： event.touches[0].clientX 和 event.touches[0].clientY 。下面就来说说怎么实现这个效果吧，先看一下效果： PC端 ： 移动端 ： 先来分析一个拖动的流程，以PC端为例，首先是鼠标按下（ mousedown 事件），然后移动（ mousemove 事件），最后释放鼠标（ mouseup 事件），首先要设置一个变量记录鼠标是否按下，在鼠标按下的时候，我们做一个标记，然后需要记录一下鼠标当前的坐标，还有这个div当前的偏移量，当鼠标开始移动的时候，记录下鼠标当前的坐标，用鼠标当前的坐标减去鼠标按下时的坐标再加上鼠标按下时div的偏移量就是现在div距离父辈元素的距离，当鼠标释放的时候将标记改为鼠标已经释放。下面来看一下代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
var flag = false;       //是否按下鼠标的标记
var cur = {             //记录鼠标按下时的坐标
    x:0,
    y:0
}
var nx,ny,dx,dy,x,y ;
//鼠标按下时的函数
function down(){
    flag = true;             //确认鼠标按下
    cur.x = event.clientX;   //记录当前鼠标的x坐标
    cur.y = event.clientY;   //记录当前鼠标的y坐标
    dx = div2.offsetLeft;    //记录div当时的左偏移量
    dy = div2.offsetTop;     //记录div的上偏移量
}
//鼠标移动时的函数
function move(){
    if(flag){                        //如果是鼠标按下则继续执行
        nx = event.clientX - cur.x;  //记录鼠标在x轴移动的数据
        ny = event.clientY - cur.y;  //记录鼠标在y轴移动的数据
        x = dx+nx;                   //div在x轴的偏移量加上鼠标在x轴移动的距离
        y = dy+ny;                   //div在y轴的偏移量加上鼠标在y轴移动的距离
        div2.style.left = x+"px";
        div2.style.top = y +"px";
    }
}
//鼠标释放时候的函数
function end(){
    flag = false;                    //鼠标释放
}

然后在将事件加入到这个div中即可，下面再来看一个在移动端需要做些什么，首先是事件不同，只需要在添加移动端的 touchatart 、 touchmove 、 touchend 就可以了，还有一个不同的时移动端获取坐标是 event.touches[0].clientX 和 event.touches[0].clientY ，这也很简单，只要加上判断就可以了，如果是PC端就使用event，如果是移动端就使用 event.touches ：

1
2
3
4
5
6
var touch ;
if(event.touches){
    touch = event.touches[0];
}else {
    touch = event;
}

还有一点要注意，在移动端拖动div的时候移动端的页面会自动产生滑动效果，所以还需要在 touchmove 的是给页面添加一个阻止默认事件的函数。 下面是整个代码，可以在Chrome下模拟移动端测试，点击这里查看：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>适配移动端的拖动效果</title>
    <style>
        #div1{
            height: 1000px;
        }
        #div2{
            position: absolute;
            top:0;
            left:0;
            width: 100px;
            height: 100px;
            background: #bbbbbb;
        }
    </style>
</head>
<body>
<div id="div1">
    <div id="div2"></div>
</div>
<script>
    var flag = false;
    var cur = {
        x:0,
        y:0
    }
    var nx,ny,dx,dy,x,y ;
    function down(){
        flag = true;
        var touch ;
        if(event.touches){
            touch = event.touches[0];
        }else {
            touch = event;
        }
        cur.x = touch.clientX;
        cur.y = touch.clientY;
        dx = div2.offsetLeft;
        dy = div2.offsetTop;
    }
    function move(){
        if(flag){
            var touch ;
            if(event.touches){
                touch = event.touches[0];
            }else {
                touch = event;
            }
            nx = touch.clientX - cur.x;
            ny = touch.clientY - cur.y;
            x = dx+nx;
            y = dy+ny;
            div2.style.left = x+"px";
            div2.style.top = y +"px";
            //阻止页面的滑动默认事件
            document.addEventListener("touchmove",function(){
                event.preventDefault();
            },false);
        }
    }
    //鼠标释放时候的函数
    function end(){
        flag = false;
    }
    var div2 = document.getElementById("div2");
    div2.addEventListener("mousedown",function(){
        down();
    },false);
    div2.addEventListener("touchstart",function(){
        down();
    },false)
    div2.addEventListener("mousemove",function(){
        move();
    },false);
    div2.addEventListener("touchmove",function(){
        move();
    },false)
    document.body.addEventListener("mouseup",function(){
        end();
    },false);
    div2.addEventListener("touchend",function(){
        end();
    },false);
</script>
</body>
</html>

  from:https://www.cnblogs.com/joyco773/p/6519668.html

龙生   08 Dec 2020
View Details

更换安卓模拟器路径

修改系统变量 变量名：ANDROID_SDK_HOME 变量值：存放avd的路径，如：D:\AVD 在Android Studio中运行模拟器时，提示Error: Not enough disk space to run AVD '….'. Exiting。是说安装模拟的磁盘空间不足，导致无法运行模拟器。 Android Studio 安装之后，默认的模拟器会安装在C盘中，可以打开模拟器管理界面，右键查看（Show on disk）模拟器安装的目录。如下图： 我的模拟器安装路径为： C:\Users\Administrator\.android\avd， 其中的avd文件夹就是用来存放模拟器镜像文件的。   第一步：需要将Pixel_API_27.avd的文件夹移出C盘，放入空间足够的磁盘中。   第二步：就是要修改Pixel_API_27.ini（在此就称为模拟器配置文件吧，我也是新手不太懂）文件中模拟器的路径。 然后重新运行模拟器，没有问题应该可以运行起来。   from:https://www.cnblogs.com/wang2804355025/p/13155556.html

龙生   05 Dec 2020
View Details
1 … 102 103 104 … 410

Copyright © 2025 Longsheng All rights reserved