Klavor's Blog Just do IT! 2025-11-01T00:45:46.344Z https://www.klavor.com/ klavor.com Hexo 「解决方案」Android Vector动画实现三个小球循环转动的加载动画 https://www.klavor.com/dev/20240330-1005.html 2024-03-29T16:00:00.000Z 2025-11-01T00:45:46.344Z 公司项目中需要使用到一个三个小球循环转动的加载动画，最初给的是一帧帧的切图做帧动画，后来在android sdk25上面发生了内存泄漏Out Of Memory(OOM)，于是就考虑着更换一下实现方式，于是就开始尝试使用Vector矢量动画来实现了。

效果预览

Vector矢量加载动画

原始Vector

在drawable目录下创建一个名为icon_pull_refresh的xml文件。代码如下：

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
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="600dp"
    android:height="200dp"
    android:viewportWidth="600"
    android:viewportHeight="200">

    <group android:name="left">
        <path
            android:fillColor="#FF00FF"
            android:pathData="M75 148 a 48 48 0 1 0 -1 0z" />
    </group>

    <group android:name="middle">
        <path
            android:fillColor="#FF00FF"
            android:pathData="M300 175 a 75 75 0 1 0 -1 0z" />
    </group>

    <group android:name="right">
        <path
            android:fillColor="#FF00FF"
            android:pathData="M525 148 a 48 48 0 1 0 -1 0z" />
    </group>
    
</vector>

属性动画

左侧小球转动到中间

在animator目录下创建名为animator_pull_refresh_left2middle的xml文件。代码如下：

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
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <objectAnimator
        android:duration="1000"
        android:propertyName="translateX"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:valueFrom="0"
        android:valueTo="182.8125"
        android:valueType="floatType"/>

    <objectAnimator
        android:duration="1000"
        android:propertyName="translateY"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:valueFrom="0"
        android:valueTo="-56.25"
        android:valueType="floatType"/>

    <objectAnimator
        android:duration="1000"
        android:propertyName="scaleX"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:valueFrom="1"
        android:valueTo="1.5625"
        android:valueType="floatType"/>

    <objectAnimator
        android:duration="1000"
        android:propertyName="scaleY"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:valueFrom="1"
        android:valueTo="1.5625"
        android:valueType="floatType"/>

</set>

中间小球转动到右边

在animator目录下创建名为animator_pull_refresh_middle2right的xml文件。代码如下：

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
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <objectAnimator
        android:duration="1000"
        android:propertyName="translateX"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:valueFrom="0"
        android:valueTo="333"
        android:valueType="floatType"/>

    <objectAnimator
        android:duration="1000"
        android:propertyName="translateY"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:valueFrom="0"
        android:valueTo="36"
        android:valueType="floatType"/>

    <objectAnimator
        android:duration="1000"
        android:propertyName="scaleX"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:valueFrom="1"
        android:valueTo="0.64"
        android:valueType="floatType"/>

    <objectAnimator
        android:duration="1000"
        android:propertyName="scaleY"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:valueFrom="1"
        android:valueTo="0.64"
        android:valueType="floatType"/>
</set>

右侧小球转动到左边

在animator目录下创建名为animator_pull_refresh_right2left的xml文件。代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="utf-8"?>
<set>

    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="1000"
        android:propertyName="translateX"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:valueFrom="0"
        android:valueTo="-450"
        android:valueType="floatType"/>

</set>

Vector矢量动画实现

在drawble目录下创建名为animation_refresh的xml文件。代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?xml version="1.0" encoding="utf-8"?>
<animated-vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/icon_pull_refresh">
    <target
        android:name="left"
        android:animation="@animator/animator_pull_refresh_left2middle" />
    <target
        android:name="middle"
        android:animation="@animator/animator_pull_refresh_middle2right" />
    <target
        android:name="right"
        android:animation="@animator/animator_pull_refresh_right2left" />
</animated-vector>

使用矢量动画

在布局文件中使用矢量动画

1
2
3
4
5
<androidx.appcompat.widget.AppCompatImageView
    app:srcCompat="@drawable/animation_refresh"
    android:layout_width="wrap_content"
    android:id="@+id/aciv_refresh"
    android:layout_height="wrap_content" />

在代码中执行矢量动画

1
(acivRefresh.drawable as AnimatedVectorDrawable).start()

写在最后

最终Android Vector矢量动画方案实现了三个小球循环转动的加载动画。但是由于实现方案复杂，改动困难最终方案又被pass了。考虑到现在sdk25存量已经比较小了，因此不考虑使用此替代方案。最终把关注点放到了内存泄漏上。

]]> <p>公司项目中需要使用到一个三个小球循环转动的加载动画，最初给的是一帧帧的切图做帧动画，后来在android sdk25上面发生了内存泄漏Out Of Memory(OOM)，于是就考虑着更换一下实现方式，于是就开始尝试使用Vector矢量动画来实现了。</p> <h3 id= 「解决方案」JDK11环境下的Android/Java项目中导入tools.jar包依赖 https://www.klavor.com/dev/20210129-1001.html 2021-01-28T16:00:00.000Z 2025-11-01T00:45:46.344Z 首先，来说一下今天写这篇文章的目的。从JDK9开始，JDK安装包中就不再包含tools.jar包了，那么之前所使用的依赖方式就失效了，那么我们应该如何在新版本中去解决这个以来问题，从而不影响我们的项目正常编译呢？
在开发时，我们可能会在编译前或编译后通过一些手段去修改Java生成的字节码。比如使用JavaParser生成或修改源代码，使用Javapoet生成Java类，又或者通过Javassist修改class字节码文件。各种各样的方法层出不穷，我们可以根据自己的场景去选取合适工具。而在一些情况下，我们可能希望在编译前通过修改Java的抽象语法树来改变编译所生成的class字节码文件。这个时候我们就可以考虑使用JDK中的tools.jar来处理这个问题了。
那么，在项目中我们要怎么去依赖/引入tools.jar包呢？这里我会分别从JDK8/JDK11和Gradle项目和纯Java项目这几个维度去说明如何引入tools.jar依赖包，并且本文中使用的IDE是Intellij IDEA。毕竟买了正版软件，不用起来就浪费了。

JDK8 & Gradle

在项目的build.gradle中添加如下依赖。

1
2
3
dependencies {
    implementation files('C:\\Program Files\\Java\\jdk1.8.0_251\\lib\\tools.jar')
}

如果你已经配置了环境变量，则可以使用以下方式进行依赖。

1
2
3
4
dependencies {
//    implementation files('C:\\Program Files\\Java\\jdk1.8.0_251\\lib\\tools.jar')
    implementation files(System.getenv('JAVA_HOME') + '/lib/tools.jar')
}

JDK8下的配置应该问题不大，身为开发者应该都知道怎么去依赖。

JDK8 & Java

修改项目根目录下的.iml文件，在原有文件的…后面加上如下配置：

1
2
3
4
5
6
7
8
9
10
11
<orderEntry type="module-library">
  <library>
    <CLASSES>
      <root url="jar://C:/Program Files/Java/jdk1.8.0_251/lib/tools.jar!/" />
    </CLASSES>
    <JAVADOC />
    <SOURCES>
      <root url="jar://C:/Program Files/Java/jdk1.8.0_251/lib/tools.jar!/" />
    </SOURCES>
  </library>
</orderEntry>

当然，你也可以通过Intellij IDEA右上角的“Project Structure”或快捷键”Ctrl+Alt+Shift+S“打开Project Structure配置面板。选中”Project Settings“->”Modules“，然后选中你需要引入tools.jar的module,然后在右侧上方的tab选项卡中选中“Dependencies“->”Add”->“1 JARs or directories…”，然后选择JDK8安装目录下的tools.jar即完成依赖包的引入。如下图：
「解决方案」JDK11环境下的Android/Java项目中导入tools.jar包依赖

JDK11 & Gradle

修改项目下的build.gradle文件，添加sourceCompatibility和targetCompatibility。

1
2
3
4
5
6
7
8
9
java {
    sourceCompatibility = JavaVersion.VERSION_1_8
    targetCompatibility = JavaVersion.VERSION_1_8
}

dependencies {
//    implementation files('C:\\Program Files\\Java\\jdk1.8.0_251\\lib\\tools.jar')
//    implementation files(System.getenv('JAVA_HOME') + '/lib/tools.jar')
}

顺便提一嘴，Android Studio中的Java Module配置和此一样。

JDK11 & Java

将项目根目录下的.iml从<orderEntry type="inheritedJdk" />修改成<orderEntry type="jdk" jdkName="8" jdkType="JavaSDK" />。如下图:
「解决方案」JDK11环境下的Android/Java项目中导入tools.jar包依赖

或者通过Project Structure面板进行修改同样可行。
「解决方案」JDK11环境下的Android/Java项目中导入tools.jar包依赖

总结

综上所述，其实配置方式挺简单的。以上也是个人开发中遇到并寻求解决方案过程中得到的结果。JDK9之后，像tools.jar、dt.jar等JDK安装目录中lib下的jar包都被移除了。相应的，增加了jmods文件夹，文件夹下jdk.compiler.jmod对应着之前的tools.jar。使用解压软件打开jdk.compiler.jmod，可以发现jdk.compiler.jmod中的classes目录下的文件和tools.jar几乎是一样的，oracle将其分模块进行隔离，旨在提高其安全性等方面原因。而之所以使用JDK11时在项目中配置目标版本为8时，就可以使用其中的诸如tools.jar包里面的类，我想是为了兼容可能吧。
如有疑问/建议，可以给我留言，我们共同成长！

]]> <p>首先，来说一下今天写这篇文章的目的。从JDK9开始，JDK安装包中就不再包含tools.jar包了，那么之前所使用的依赖方式就失效了，那么我们应该如何在新版本中去解决这个以来问题，从而不影响我们的项目正常编译呢？<br>在开发时，我们可能会在编译前或编译后通过一些手段去修改 正式从Wordpress迁移至Hexo并恢复更新 https://www.klavor.com/essay/20210127-1000.html 2021-01-26T16:00:00.000Z 2025-11-01T00:45:46.348Z 转眼2020年就结束了，这一年博客处于停更状态，更有甚处于闭站状态。主要原因还是投入产出比不高。
从2012年注册第一个域名开始，就做了淘宝客、导航、论坛和博客等多种类型的网站。但是没有一条是能长期走下去的。域名中途也换了一波又一波，从lihuan.com.cn到stiky.me，再到codog.net，最后到klavor.com。期间还有一些没有使用上而放弃续费的域名，如hellown.com、dopo.io、woo.st、an-droid.ren等五花八门的域名。
最主要的原因还是因为没有什么特别有价值的内容可以做，或者说是没有发掘到有价值的内容来做。早年的淘宝客网站做的刚起步，淘宝联盟就更改了搜索规则，必须要进行淘宝站内搜索，于是导致这条路也不好走了，最终选择了放弃，并投入到博客类网站的建设中。
由于博客类网站没有比较大的流量，百度联盟的广告收录也少的可怜。甚至现在新申请的域名连开通广告的权限的没有。加上购买服务器的费用，每年都只有支出，却连微薄的一点收入都没有。考虑再三，最终决定切换到Hexo，并使用现在的github和coding这些支持pages的平台来进行建站，以压缩成本，等到有明确的目标再考虑购入新的云服务器。
但是没有云服务器又存在一个问题。之前写的必应每日一图的脚本就没地方执行了，之后可能还得想办法让脚本跑起来。这也是一个不错的引流手段。
这次切换到Hexo之后，将将更多的时间用于写博客而不是研究各种花里胡哨的功能。之前使用wordpress时，花了大量的时间在主题和插件上了，以至于真正的内容都几乎没有。
2021年，牛气冲天的一年!

]]> <p>转眼2020年就结束了，这一年博客处于停更状态，更有甚处于闭站状态。主要原因还是投入产出比不高。<br>从2012年注册第一个域名开始，就做了淘宝客、导航、论坛和博客等多种类型的网站。但是没有一条是能长期走下去的。域名中途也换了一波又一波，从lihuan.com.cn到st 「代码评审」Gerrit remote rejected no new changes error：failed to push some refs to 错误的解决办法 https://www.klavor.com/dev/20190822-631.html 2019-08-21T16:00:00.000Z 2025-11-01T00:45:46.341Z 因为公司代码评审使用的是gerrit，而今天提交代码到gerrit时报了如下的错误：

1
2
3
4
5
6
7
8
9
10
11
Enumerating objects: 17, done.
Counting objects: 100% (17/17), done.
Delta compression using up to 8 threads
Compressing objects: 100% (7/7), done.
Writing objects: 100% (9/9), 961 bytes | 480.00 KiB/s, done.
Total 9 (delta 5), reused 0 (delta 0)
remote: Resolving deltas: 100% (5/5)
remote: Processing changes: refs: 1, done
To ssh://gerrit.devlang.org:9999/app/android-framewark
 ! [remote rejected]     HEAD -> refs/for/dev (no new changes)
error: failed to push some refs to 'ssh://klavor@gerrit.devlang.org:9999/app/android-framewark'

试了很多次之后发现依旧报了同样的错误。
后来登录到了gerrit上查看提交记录，发现commit已经成功push上去了。所以导致这个报错的原因是gerrit上已经包含了具有同样commitid的提交了，如果你确认这个具有相同commitid的提交不是同一笔（一般不会出现），可以通过git commit --amend打开commit mesage编辑状态，然后不需要修改任何东西，然后输入:wq保存退出，这个时候commitid就发生了变化了，这时再提交应该就没有问题了，如果还是报了同样的错误，肯定是这次提交已经存在了，从错误提示里的no new changes可以看出，更改后的内容和gerrit里的是一致的，不需要再次提交。
如果还有疑问可以在下方评论区留言。

]]> <p>因为公司代码评审使用的是gerrit，而今天提交代码到gerrit时报了如下的错误：</p> <figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line"> 「安卓开发」Android防爆力点击事件处理解决方法及其存在的问题 https://www.klavor.com/dev/20190821-629.html 2019-08-20T16:00:00.000Z 2025-11-01T00:45:46.341Z Android中防爆力点击很多App中都会用到，但是我看过几个项目中的源码，大部分都是使用的System.currentTimeMillis()来获取当前时间与上一次点击时间间隔来做防暴力点击处理。
但是问题来了，由于System.currentTimeMillis()获取的是系统时间，这个时间会根据手机设置的时间而变化，那么就会导致一种情况，即当用户点击了一个View后记录了上一次的点击时间戳，这时将时间往前调之后，下一次再点击时System.currentTimeMillis()获取到的时间戳是比上一次点击时间戳要小的，因此就会导致点击无响应的情况发生。虽然说，这种情况几乎不会发生，或者发生了影响也不会太大，但是既然是一个问题，并且可以找到其他解决的方法，那么为什么不使用更优的方式来计算处理点击事件的时间间隔呢。
如下的代码中使用到了几种计算点击事件时间间隔的方式：

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
package org.devlang.demo.click;

import android.os.SystemClock;
import android.util.Log;
import android.view.View;

import java.util.Calendar;

public abstract class OnThrottleClickListener implements View.OnClickListener {
    private static final int THROTTLE_CLICK_GAP_TIME = 300;
    private long preClickTime;

    @Override
    public void onClick(View view) {
//        long currentTimeMillis = System.currentTimeMillis();
//        long currentTimeMillis = Calendar.getInstance().getTimeInMillis();
        long currentTimeMillis = SystemClock.uptimeMillis();
//        long currentTimeMillis = SystemClock.elapsedRealtime();
        if (currentTimeMillis - preClickTime > THROTTLE_CLICK_GAP_TIME) {
            onThrottleClick(view);
            preClickTime = currentTimeMillis;
            Log.d("cmf", "perform");
        } else {
            Log.d("cmf", "break");
        }
    }

    public abstract void onThrottleClick(View view);
}
  • System.currentTimeMillis() 系统时间，会根据手机系统中设置的时间改变；
  • Calendar.getInstance().getTimeInMillis() 这种方式是最low的。因为每次点击都会创建一个Calendar实例，在后端开发中，都是拒绝使用这个类的，因为效率会比较低。
  • SystemClock.uptimeMillis() 自开机后，经过的时间，不包括深度睡眠的时间。Looper中所使用的也是这个方法，对时间间隔的计算比较有保证。
  • SystemClock.elapsedRealtime() 自开机后，经过的时间，包括深度睡眠的时间。

这也是之前开发中遇到的问题，虽然影响不大，但也可以注意一下这个问题。

]]> <p>Android中防爆力点击很多App中都会用到，但是我看过几个项目中的源码，大部分都是使用的System.currentTimeMillis()来获取当前时间与上一次点击时间间隔来做防暴力点击处理。<br>但是问题来了，由于System.currentTimeMillis( 「Nginx」CentOS下修改Nginx配置指定文件路径 https://www.klavor.com/dev/20190724-581.html 2019-07-23T16:00:00.000Z 2025-11-01T00:45:46.341Z 安装编辑工具
1
yum install vim

博主这里选择vim而不是vi是有原因的。因为在使用过程中，vi总是有些莫名其妙的问题，体验不太好，而vim不仅符合正常的使用习惯，而且内容还会高亮显示，看代码可不要太舒服。

编辑nginx.conf

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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /www;
            index  index.html index.htm;
        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /www;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

通过修改location里面的root指定nginx的根路径，在前篇「Nginx」CentOS7.6操作系统下通过源码安装Nginx教程中，新增了名为www的用户并为其指定了目录/www，因此这里将root设置为/www。

测试效果

1
2
cd /www
vim index.html

进入到目录/www中并创建名为index.html的文件。

1
2
3
4
5
6
7
8
9
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>网站正在建设中...</title>
</head>
<body>
<a href="https://www.klavor.com" target="_blank" rel="noopener noreferrer">网站正在建设中...</a>
</body>
</html>

编辑index.html文件的内容，保存并退出。最后查看页面效果如下：

「Nginx」CentOS下修改Nginx配置指定文件路径

]]> <h3 id="安装编辑工具"><a href="#安装编辑工具" class="headerlink" title="安装编辑工具"></a>安装编辑工具</h3><figure class="highlight plaintext"><table><tr><td class= 「Nginx」CentOS7.6操作系统下通过源码安装Nginx问题汇总 https://www.klavor.com/dev/20190724-586.html 2019-07-23T16:00:00.000Z 2025-11-01T00:45:46.341Z 没有配置pcre库
1
2
3
4
./configure: error: the HTTP rewrite module requires the PCRE library.
You can either disable the module by using --without-http_rewrite_module
option, or install the PCRE library into the system, or build the PCRE library
statically from the source with nginx by using --with-pcre=<path> option.

可以通过安装pcre库或者通过配置项–with-pcre指定pcre库源码路径来解决此问题。如果不需要启用此模块，则可以使用配置项–without-http_rewrite_module声明不启用HttpRewrite模块。

没有配置zlib库

1
2
3
4
./configure: error: the HTTP gzip module requires the zlib library.
You can either disable the module by using --without-http_gzip_module
option, or install the zlib library into the system, or build the zlib library
statically from the source with nginx by using --with-zlib=<path> option.

可以通过安装zlib库或者通过配置项–with-zlib指定zlib库源码路径来解决此问题。如果不需要启用此模块，则可以使用配置项–without-http_gzip_module声明不启用Gzip模块。

没有配置openssl库

1
2
3
4
./configure: error: SSL modules require the OpenSSL library.
You can either do not enable the modules, or install the OpenSSL library
into the system, or build the OpenSSL library statically from the source
with nginx by using --with-openssl=<path> option.

nginx默认是不启用HttpSsl模块的，如果在配置中指定了–with-http_ssl_module，则需要安装openssl库或者通过配置项–with-openssl指定openssl库源码路径来解决此问题。

指定的库路径不正确

1
2
3
4
5
6
7
8
9
10
make -f objs/Makefile
make[1]: Entering directory `/root/nginx-1.17.1'
cd ~/pcre-8.43 \
&& if [ -f Makefile ]; then make distclean; fi \
&& CC="cc" CFLAGS="-O2 -fomit-frame-pointer -pipe " \
./configure --disable-shared 
/bin/sh: line 0: cd: /root/pcre-8.43: No such file or directory
make[1]: *** [/root/pcre-8.43/Makefile] Error 1
make[1]: Leaving directory `/root/nginx-1.17.1'
make: *** [build] Error 2

终端输入make && make install后，出现了以上错误。根据错误提示内容中的**/root/pcre-8.43: No such file or directory可以看出这个路径是不存在的。通过ls /root**发现确实是不存在此文件，因此需要重新在终端中使用./configure并重新配置相应的正确路径。

无效编译器

1
2
3
4
configure: error: Invalid C++ compiler or C++ compiler flags
make[1]: *** [/root/pcre-8.43/Makefile] Error 1
make[1]: Leaving directory `/root/nginx-1.17.1'
make: *** [build] Error 2

根据错误提示可以看出，编译的时候没有找到合适的编译器。可以通过**yum install gcc gcc-c++**安装编译时需要的编译器。

找不到openssl/ssl.h文件

1
2
3
4
5
6
7
8
9
In file included from src/core/ngx_core.h:83:0,
                 from src/core/nginx.c:9:
src/event/ngx_event_openssl.h:15:25: fatal error: openssl/ssl.h: No such file or directory
 #include <openssl/ssl.h>
                         ^
compilation terminated.
make[1]: *** [objs/src/core/nginx.o] Error 1
make[1]: Leaving directory `/root/nginx-1.17.1'
make: *** [build] Error 2

这个错误比较神奇，我也没进行深究，只是在./configure阶段使用的~/XXX作为路径配置了–with-openssl的配置项。出现这个问题后，我把nginx源码的文件夹统统删掉后，重新解压后将–with-openssl配置为绝对路径后就没问题了。

]]> <h4 id="没有配置pcre库"><a href="#没有配置pcre库" class="headerlink" title="没有配置pcre库"></a>没有配置pcre库</h4><figure class="highlight plaintext"><table><t 「Nginx」CentOS7.6操作系统下通过源码安装Nginx教程 https://www.klavor.com/dev/20190723-579.html 2019-07-22T16:00:00.000Z 2025-09-25T02:33:37.821Z 准备工作

服务器

由于只是为了演示，因此这里选用的服务器是阿里云的抢占式实例，优点是价格低，配置高，适合超短期内的需求。比如博主基本上就使用一两个小时就释放了，也就花了两毛不到。

> 计费方式 ： 抢占式实例
> 地域 ： 华南1 可用区 E
> 实例 ： 计算型 c5 / ecs.c5.large(2vCPU 4GiB)
> 单台实例规格上限价格 ： ￥ 0.62
> 购买数量 ： 1 台
> 镜像 ： CentOS 7.6 64位(安全加固)
> 系统盘 ： 高效云盘 40GiB

源码安装包

nginx：http://nginx.org/download/nginx-1.17.1.tar.gz
pcre：ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.43.tar.gz
zlib：http://www.zlib.net/zlib-1.2.11.tar.gz
openssl：https://www.openssl.org/source/openssl-1.0.2s.tar.gz

安装步骤

1.创建nginx用户

1
useradd www -d /www

其中，www为用户名，linux默认会为其创建一个名为www的用户组；/www为用户的目录，此目录之后会用于存放前端文件。

2.安装编译环境

1
yum install gcc gcc-c++

通过此命令行安装编译工具。

3.下载源码安装包

1
2
3
4
5
6
7
8
9
10
//进入当前用户目录
cd ~
//下载nginx源码安装包
wget http://nginx.org/download/nginx-1.17.1.tar.gz
//下载zlib源码安装包
wget http://www.zlib.net/zlib-1.2.11.tar.gz
//下载pcre源码安装包
wget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.43.tar.gz
//下载openssl源码安装包
wget https://www.openssl.org/source/openssl-1.0.2s.tar.gz

以上代码逐行执行，将源码安装包下载到服务器中。如果想要获取最新源码安装包的地址，可以在准备工作里的源码安装包中提示的官网里找到最新的对应源码安装包下载地址。

4.解压源码安装包

1
2
3
4
tar -zxvf nginx-1.17.1.tar.gz
tar -zxvf pcre-8.43.tar.gz
tar -zxvf zlib-1.2.11.tar.gz
tar -zxvf openssl-1.0.2s.tar.gz

通过tar命令将压缩包解压到当前目录下。

5.配置nginx

1
./configure --prefix=/env/nginx --user=www --group=www --with-pcre=../pcre-8.43 --with-zlib=../zlib-1.2.11 --with-http_ssl_module --with-openssl=../openssl-1.0.2s

–prefix nginx安装路径，路径是/env/nginx。
–user nginx用户，用户是www。
–group nginx用户组，用户组是www。
–with-pcre nginx使用的pcre库，用于请求重定向，nginx默认编译。如果不开启可以将配置替换成–without-http_rewrite_module
–with-zlib nginx使用的zlib库，用于压缩网页页面内容，ngin默认编译。如果不开启可以将配置替换成–without-http_gzip_module
–with-http_ssl_module 开启ssl支持，nginx默认不编译。
–with-openssl nginx使用的openssl库。如果不需要则去掉配置–with-http_ssl_module即可。

需要注意的一点是，这里配置的路径为../XXX是因为之前解压的时候将几个压缩包解压到同级目录下，如果不熟悉相对路径的童鞋可以使用绝对路径进行配置。
另外，更多配置可以到官方网站自行查阅。http://nginx.org/en/docs/configure.html

6.编译安装nginx

1
make &amp;&amp; make install

这就不需要多说了，模板代码。

启动nginx服务

完成以上安装步骤之后，直接在终端输入nginx是启动不了nginx服务的，所以需要将nginx命令复制到/usr/bin中。

1
ln /env/nginx/sbin/nginx /usr/bin

通过在/usr/bin中创建一个nginx的硬链接，这样就可以不管在什么路径下都可以直接使用nginx命令启动服务了。

「Nginx」CentOS7.6操作系统下通过源码安装Nginx教程

停止和重启nginx服务

这里使用比较笨的方式进行重启。

1
ps -C nginx

通过以上命令查找当前nginx的pid。

> [root@iZwz9cm3r1qylcc4dh7n2wZ ~]# ps -C nginx
> PID TTY TIME CMD
> 14414 ? 00:00:00 nginx
> 14415 ? 00:00:00 nginx

然后通过kill命令进行停止

1
kill -QUIT 14414

一般情况下只需要杀死第一个进程就都会关闭了。如果有问题就两个都kill掉。

1
nginx

最后再直接在终端输入nginx命令启动nginx服务即可完成重启。

简单方式

另外，在CentOS系统中，可以通过yum命令简单快捷的安装nginx服务。

1
yum install nginx

可以根据个人爱好自行选择安装方式。yum方式安装成功后的默认效果图如下：

「Nginx」CentOS7.6操作系统下通过源码安装Nginx教程

「Nginx」CentOS7.6操作系统下通过源码安装Nginx问题汇总

]]> <h3 id="准备工作"><a href="#准备工作" class="headerlink" title="准备工作"></a>准备工作</h3><h4 id="服务器"><a href="#服务器" class="headerlink" title="服务器"></a>服务 「算法原理」CRC检验算法原理及其Java实现 https://www.klavor.com/dev/20190618-552.html 2019-06-17T16:00:00.000Z 2025-11-01T00:45:46.341Z 前言

这段时间处于待业状态中，所以就自己捣鼓些东西，学习学习有趣的算法。因为对于文件的校验可以通过CRC、SHA和MD5等方式进行，所以有了一个想法，做一个文件校验的网站和应用，提供一套服务给广大用户校验文件的正确性。
因此，对于这几种校验的算法，当然要了解一下，于是从CRC开始着手。想起当初学习base64编码的时候，感觉这些算法还是挺有意思的，可以玩弄一番，虽然对就业帮助并不是很大。
这篇文章主要是记录一下查阅过的参考博客以及用java实现CRC校验算法。

参考资料

CRC检验算法原理
CRC校验原理与程序设计——(RS485总线系统应用之1)
CRC32校验原理及实现
CRC8/CRC16/CRC32常见几个标准的算法及C语言实现

常见CRC参数模型如下:

有些博客中提到多项式，例如CRC32，多项式为04C11DB7或EDB88320，其实，常用的标准CRC32的多项式应该是04C11DB7，这个标准的CRC32算法中输入值需要进行反转，而反转后的结果为EDB88320。因此，如果你是用的是04C11DB7作为多项式进行运算CRC32则需要进行反转操作，如果使用多项式EDB88320进行运算则不需要进行反转，否则将会出现结果和其他工具得到的结果不同的情况。以下是通过博客找到的一部分CRC算法的规则，在参考资料中有博客链接，这里摘抄一份备份一下。

CRC算法名称多项式公式宽度多项式初始值结果异或值输入值反转输出值反转
CRC-4/ITUx4 + x + 14030000truetrue
CRC-5/EPCx4 + x3 + 15090900falsefalse
CRC-5/ITUx5 + x4 + x2 + 15150000truetrue
CRC-5/USBx5 + x2 + 15051F1Ftruetrue
CRC-6/ITUx6 + x + 16030000truetrue
CRC-7/MMCx7 + x3 + 17090000falsefalse
CRC-8x8 + x2 + x + 18070000falsefalse
CRC-8/ITUx8 + x2 + x + 18070055falsefalse
CRC-8/ROHCx8 + x2 + x + 1807FF00truetrue
CRC-8/MAXIMx8 + x5 + x4 + 18310000truetrue
CRC-16/IBMx6 + x5 + x2 + 116800500000000truetrue
CRC-16/MAXIMx6 + x5 + x2 + 11680050000FFFFtruetrue
CRC-16/USBx6 + x5 + x2 + 1168005FFFFFFFFtruetrue
CRC-16/MODBUSx6 + x5 + x2 + 1168005FFFF0000truetrue
CRC-16/CCITTx6 + x2 + x5 + 116102100000000truetrue
CRC-16/CCITT-FALSEx6 + x2 + x5 + 1161021FFFF0000falsefalse
CRC-16/x5x6 + x2 + x5 + 1161021FFFFFFFFtruetrue
CRC-16/XMODEMx6 + x2 + x5 + 116102100000000falsefalse
CRC-16/DNPx6 + x3 + x2 + x1 + x0 + x8 + x6 + x5 + x2 + 1163D650000FFFFtruetrue
CRC-32x2 + x6 + x3 + x2 + x6 + x2 + x1 + x0 + x8 + x7 + x5 + x4 + x2 + x + 13204C11DB7FFFFFFFFFFFFFFFFtruetrue
CRC-32/MPEG-2x32 + x6 + x3 + x2 + x6 + x2 + x1 + x0 + x8 + x7 + x5 + x4 + x2 + x + 13204C11DB7FFFFFFFF00000000falsefalse

JAVA实现CRC32检验算法

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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
public class CRC {

    private static long[] tables = new long[256];

    /**
     * 初始化CRC字符表
     * @param poly 多项式
     * @param polySize 多项式长度
     * @param revese 是否翻转处理
     */
    public void initTable(long poly, int polySize, boolean revese) {
        if (revese) {
            poly = reversePoly(poly, polySize);
        }
        long charValue;
        for (int i = 0, length = tables.length; i < length; i++) {
            charValue = i;
            //由于ascii为8bit的字符，因此这里的maxLength为8。
            for (int j = 0; j < 8; j++) {
                if ((charValue & 0x01) == 1) {
                    charValue = (charValue >> 1) ^ poly;
                } else {
                    charValue = charValue >> 1;
                }
            }
            tables[i] = charValue;
        }
    }

    /**
     * 按位翻转
     * @param poly 多项式
     * @param bitLength 翻转长度
     * @return 翻转多项式结果
     */
    private long reversePoly(long poly, int bitLength) {
        long reversePoly = 0;
        for (int i = 0; i < bitLength; i++) {
            reversePoly <<= 1;
            reversePoly |= (poly & 0x01);
            poly >>>= 1;
        }
        return reversePoly;
    }

    /**
     * 获取整型CRC检验码
     * @param data 数据源
     * @return 整型CRC检验码
     */
    private int getCRCValue(byte[] data) {
        //因为crcValue要做位运算，因此这里应该使用长整型避免负数造成计算结果错误
        long crcValue = 0xFFFFFFFFL;
        int length = data.length;
        for (int i = 0; i < length; i++) {
            int crcIndex = (int) (crcValue ^ data[i]) & 0xFF;
            crcValue = (crcValue >> 8) ^ tables[crcIndex];
        }
        return (int) (crcValue ^ 0XFFFFFFFFL);
    }

    /**
     * 获取十六进制CRC检验码
     * @param data 数据源
     * @return 十六进制CRC检验码
     */
    public String getCRC(byte[] data) {
        long crcValue = getCRCValue(data) | 0x0000000100000000L;
        String crcHex = Long.toHexString(crcValue);
        int crcHexLength = crcHex.length();
        return crcHex.substring(crcHexLength - 8, crcHexLength).toUpperCase();
    }

    public static void main(String[] args) {
        
        //CRC校验码测试用例
        {
            CRC crc = new CRC();
            crc.initTable(0x04C11DB7L, 32, true);
            //需要输入长整型，避免有符号位运算影响
            // crc.initTable(0xEDB88320L, false);
            String crcResult = null;
            byte[] data = { (byte) 0x31, (byte) 0x32, (byte) 0x33, (byte) 0x34, (byte) 0x35, (byte) 0x36, (byte) 0x37,
                    (byte) 0x38, (byte) 0x39, (byte) 0x30 };
            crcResult = crc.getCRC(data);
            System.out.println(crcResult);

            //翻转检验
            {
                System.out.println(Long.toBinaryString(0XFFFFFFFFFFFFFFF0L));
                System.out.println(Long.toBinaryString(crc.reversePoly(0XFFFFFFFFFFFFFFF0L, 64)));
            }
        }

        //CRC字符表输出
        {
            StringBuffer sb = new StringBuffer();
            sb.append("{");
            for (int i = 0, length = tables.length; i < length; i++) {
                long crcValue = tables[i] | 0x0000000100000000L;
                String hexValue = Long.toHexString(crcValue);
                int hexValueLength = hexValue.length();
                hexValue = hexValue.substring(hexValueLength - 8, hexValueLength);
                sb.append("0x");
                sb.append(hexValue.toUpperCase());
                sb.append(",");
            }
            sb.deleteCharAt(sb.length() - 1);
            sb.append("}");
            System.out.println(sb);
        }
    }
}

后记

感觉各种技术都有人在之前写好了，而且写的都很好，而我一上手写这篇博客的时候发现完全没有下手的空间，没有任何创新点，也不能把CRC算法解释得更简单。因此，这里也就只能作为一次学习笔记来看了。很久没更新技术类博客了，但愿自己以后能够积极更新。

]]> <h3 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h3><p>这段时间处于待业状态中，所以就自己捣鼓些东西，学习学习有趣的算法。因为对于文件的校验可以通过CRC、SHA和MD5等方式进行，所以有了一个想 理幻 https://www.klavor.com/essay/20190511-541.html 2019-05-10T16:00:00.000Z 2025-11-01T00:45:46.348Z 今天突然兴致大好，想写很多很多的东西，于是乎想到了理幻这么一个词。理幻，我已经用了很久的一个网名，如果是放到写作中的话应该可以算是笔名了吧，如果没记错的话也许小学就开始了，又或者初中，总之是觉得陪伴已久。
关于理幻这一名字的出处，那是我在老爸的书里看到的一个名称后想到的，小时候翻着书柜里的书看，有一些是很早年的书了，标价才分毛的那种。一天，翻到了一本数学兴趣类的书，翻过封面，就可以看到一个“理巧想”的名称，仔细一想，就知道是老爸名字的谐音，想着觉得挺有意思的，所以也琢磨着给自己去一个类似的名称，那么“理”字就不必考虑了，至于“欢”字要用什么字代替比较好，“环”、“焕”、“桓”还是“幻”呢？总之想了同音的几个比较好看的词之后，觉得“幻”这个字更好一些，配合上“理”字，理性的幻想，还是挺有含义的，因此，也就有了理幻这么一个词。
至于，为什么要写这么一篇文章，那是因为要混搜索引擎收录，因为在早些年，我所有的网名都是用的理幻这个名字，所以只要在搜索引擎输入理幻就准能搜索到，并且还是排在了第一的位置，近几年由于自己停更了，而且因为一些个人原因准备舍弃理幻这个名字重新开始，于是把常用的几个网站的名称都改了，现在再搜索理幻这个词已经不再能轻易搜索到了，而这一篇文章则是为了让这个名称继续保持着，因为虽然不使用了，但是还是很有意义的一个名字。
目前，已经完全使用klavor这个名称代替了理幻，klavor中文我将其翻译为了克莱福尔，词源自于clever变形，灵感来自于可爱美丽的学姐silly，而恰巧，klavor一词的域名还没有被注册，因此最终被选用了。
理幻，陪伴了我多年的名称，将会一直被记载于网络之中。

]]> <p>今天突然兴致大好，想写很多很多的东西，于是乎想到了理幻这么一个词。理幻，我已经用了很久的一个网名，如果是放到写作中的话应该可以算是笔名了吧，如果没记错的话也许小学就开始了，又或者初中，总之是觉得陪伴已久。<br>关于理幻这一名字的出处，那是我在老爸的书里看到的一个名称后想到 「JS教程」仿照CSDN的copyright.js实现复制文本自动添加版权声明功能 https://www.klavor.com/dev/20190308-367.html 2019-03-07T16:00:00.000Z 2025-11-01T00:45:46.341Z CSDN网站里有这样一个功能：复制文本的时候有时候会额外复制出一些页面的版权信息，有时候又不会出现这种情况，很好奇是怎么实现的。于是便从页面的代码下手去找实现代码。

先是打开了随便一篇CSDN的博客，通过右键的查看源码选项来查看页面代码。如图所示：

仿照CSDN的copyright.js实现复制文本自动添加版权声明功能

在源码页面按“Ctrl+F”，并搜索“.js”，然后逐个的浏览了这些文件的源码，终于发现了一个名叫copyright.js的文件，而里面的代码正是实现了用户复制文本时自动添加额外信息的功能逻辑。

仿照CSDN的copyright.js实现复制文本自动添加版权声明功能

copyright.js源码：

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
!
function() {
    var i = null;
    function t() {
        this.textData = null,
        this.htmlData = null,
        i = this
    }
    function d(t) {
        <!-- 判断选中文本的长度 -->
        if (140 < window.getSelection().getRangeAt(0).toString().length) {
            var e;
            t.preventDefault(),
            <!-- 如果长度满足拼接上版权信息 -->
            e = window.getSelection() + i.textData;
            window.getSelection(),
            i.htmlData;
            <!-- 各种处理文本复制 -->
            if (t.clipboardData) t.clipboardData.setData("text/plain", e);
            else {
                if (window.clipboardData) return window.clipboardData.setData("text", e);
                n = e,
                (a = document.createElement("textarea")).style.cssText = "position: fixed;z-index: -10;top: -50px;left: -50px;",
                a.innerHTML = n,
                document.getElementsByTagName("body")[0].appendChild(a),
                a.select(),
                document.execCommand("copy")
            }
        }
        var n, a
    }
    t.prototype.init = function(t, e, n) {
        var a, i, o;
        this.textData = e,
        this.htmlData = n,
        i = "copy",
        o = d,
        <!-- 监听copy事件 -->
        <!-- 如果a的addEventListener和attachEvent都未定义则设置oncopy的事件回调 -->
        (a = t).addEventListener ? a.addEventListener(i, o, !1) : a.attachEvent ? a.attachEvent("on" + i, o) : a["on" + i] = o
    },
    window.csdn = window.csdn ? window.csdn: {},
    csdn.copyright = new t
} ();

虽然对javascript不熟悉，但是这些代码还是能勉强看懂的。只是有两个地方比较不太理解，一个是t.preventDefault()是做什么用的，后来问了一个做前端的朋友，说是什么阻止冒泡，嗯不太理解定义；另外一个是添加了textarea的标签并实现复制之后为什么不删除这个标签？也许是其他地方做了删除的动作了吗？

于是，根据CSDN的这段代码再加上前端小伙伴的指导，简单的实现了自己的网站的版权代码。

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
<script type="text/javascript">
document.body.addEventListener('copy', function(t) {
if (140 < window.getSelection().getRangeAt(0).toString().length) {
var n;
t.preventDefault(),
n = window.getSelection();
<?php
global $wp;
$current_url = home_url(add_query_arg(array(),$wp->request));
$content = '\r\n---------------------';
$content .= '\r\n作者：'.get_the_author();
$content .= '\r\n来源：'.mb_convert_encoding(get_bloginfo('name'), "UTF-8", "HTML-ENTITIES");
$content .= '\r\n原文：'.$current_url;
$content .= '\r\n版权声明：本文为博主原创文章，转载请附上博文链接！';
echo 'n = n + "'.$content.'";';
?>

if (t.clipboardData) t.clipboardData.setData("text/plain", n);
else {
if (window.clipboardData) return window.clipboardData.setData("text", n);
(a = document.createElement("textarea")).style.cssText = "position: fixed;z-index: -10;top: -50px;left: -50px;",
a.id = 'copyright',
a.innerHTML = n,
document.getElementsByTagName("body")[0].appendChild(a),
a.select(),
document.execCommand("copy");
}
}
})
</script>

经过不完全测试，还勉强能用，其中一个t.preventDefault()如果不调用的话就会出现递归问题等甚多奇葩的情况而不能实现功能，具体还得先了解一下概念了。

当然啦，还有一点要说的是，还需要添加一个“cut”的事件监听，鼠标右键的选项里没有剪切的选项，但是如果直接按组合键“Ctrl+X”的话还是能复制文本而没有加入版权声明的文本。

]]> <p>CSDN网站里有这样一个功能：复制文本的时候有时候会额外复制出一些页面的版权信息，有时候又不会出现这种情况，很好奇是怎么实现的。于是便从页面的代码下手去找实现代码。</p> <p>先是打开了随便一篇CSDN的博客，通过右键的查看源码选项来查看页面代码。如图所示：</p> < 「解决方案」Gradle’s dependency cache may be corrupt (this sometimes occurs after a network connection timeout.) https://www.klavor.com/dev/20190307-344.html 2019-03-06T16:00:00.000Z 2025-11-01T00:45:46.336Z 在打开一个别人项目的时候，由于每个人使用的Android Studio的版本都不一样，因此可能会从服务器去下载对应Gragle的版本，而这个时候常常会出现各种异常情况。如同本篇文章中所要讲述的下载Gradle版本失败的情况。在Android Studio中提示了Failed to open zip file.Gradle’s dependency cache may be corrupt (this sometimes occurs after a network connection timeout.)。具体的错误日志如下：

1
2
3
4
5
6
7
8
9
Download https://services.gradle.org/distributions/gradle-4.4-all.zip (94.25 MB)
[ 75%] [ =========================================>             ] 71.01 MB
Download https://services.gradle.org/distributions/gradle-4.4-all.zip succeeded, took 20 m 33 s 787 ms
Unzipping ...

Failed to open zip file.
Gradle's dependency cache may be corrupt (this sometimes occurs after a network connection timeout.)
Re-download dependencies and sync project (requires network)
Re-download dependencies and sync project (requires network)

从错误日志中可以看出,这是由于网络不稳定导致了下载中断，下载的Gradle版本包不完整而导致了无法解压文件。这时如果点击“Re-download dependencies and sync project (requires network)”进行重新尝试的话也并不能解决问题，又会出现如下提示：

1
2
3
4
Failed to open zip file.
Gradle's dependency cache may be corrupt (this sometimes occurs after a network connection timeout.)
Re-download dependencies and sync project (requires network)
Re-download dependencies and sync project (requires network)

原因应该是在路径下面已经存在了下载的Gradle包而运行的时候却无法解压导致的，需要手动的将不完整的Gradle包删除后再重新的尝试。

Gradle's dependency cache may be corrupt (this sometimes occurs after a network connection timeout.)

根据每个人电脑的不同，定位到.gradle的文件夹下面。随后可以参考以下路径进行删除不完整的Gradle版本包。

1
C:\Users\KLAVOR\.gradle\wrapper\dists\gradle-4.4-all\9br9xq1tocpiv8o6njlyu5op1

如下图所示，文件夹下包含了一个“gradle-4.4-all.zip”文件和一个“gradle-4.4-all.zip.lck”文件，然后如果将这两个文件删除后并点击Android Studio错误日志栏里面的“Re-download dependencies and sync project (requires network)”后，Android Studio将会重新下载这个版本的Gradle包。但是，由于网络原因可能还是会失败。

Gradle's dependency cache may be corrupt (this sometimes occurs after a network connection timeout.)

这个时候有两种方式解决这个问题。

方法一：

将项目中gradle目录下的子目录wrapper中的gradle-wrapper.properties文件从

1
2
3
4
5
6
#Mon Mar 04 10:16:37 CST 2019
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-4.4-all.zip

改为

1
2
3
4
5
6
#Mon Mar 04 10:16:37 CST 2019
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=http\://services.gradle.org/distributions/gradle-4.4-all.zip

就是将https改成了http，然后同步一下gradle就可以了。

方法二：

和方法一类似，将失败的链接从https://services.gradle.org/distributions/gradle-4.4-all.zip改为http://services.gradle.org/distributions/gradle-4.4-all.zip后到浏览器地址栏里粘贴上去将这个文件下载下来。为什么要将https改成http呢？原因虽然不太清楚，但是改成http之后下载速度就变得极快了，个人猜测是https和http协议部署的服务器不一样又或者https校验根证书的时候证书提供商的地址被墙或者其他什么原因吧。

下载完成之后将“gradle-4.4-all.zip”文件复制到“C:\Users\KLAVOR.gradle\wrapper\dists\gradle-4.4-all\9br9xq1tocpiv8o6njlyu5op1”（.gradle文件夹的路径根据个人电脑而定），并对zip压缩包进行解压，随后复制“gradle-4.4-all.zip.lck”文件（创建一个空白的新文件也可以）并将文件命名为“gradle-4.4-all.zip.ok”。如下图所示：

Gradle's dependency cache may be corrupt (this sometimes occurs after a network connection timeout.)

这时候就大功告成了，重新点击“Re-download dependencies and sync project (requires network)”就能够正常运行了。

Gradle's dependency cache may be corrupt (this sometimes occurs after a network connection timeout.)

对于这类问题，博主不止一次遇到了，在这里记录一下并分享给遇到同样问题的开发者们。

]]> <p>在打开一个别人项目的时候，由于每个人使用的Android Studio的版本都不一样，因此可能会从服务器去下载对应Gragle的版本，而这个时候常常会出现各种异常情况。如同本篇文章中所要讲述的下载Gradle版本失败的情况。在Android Studio中提示了Failed 「探索发现」Java反汇编字节码指令分析String和StringBuffer字符串拼接的区别 https://www.klavor.com/dev/20190227-335.html 2019-02-26T16:00:00.000Z 2025-11-01T00:45:46.336Z 问题导出

最近一直在复习知识点。今天在网上看到了一篇关于代码优化的文章，文章里谈到了字符串拼接的优化,通过String替代StringBuffer将多行代码优化成1行代码。代码如下：

1
2
3
4
5
6
7
8
//StringBuffer拼接
StringBuffer sb = new StringBuffer();
sb.append("abc");
sb.append("-");
sb.append("123");

//String拼接
String a = "abc" + "-" + "123";

看到这心里满是疑惑，因为在这之前，一直认为字符串拼接的时候用StringBuffer效率会更高，而String拼接时会在内存中产生多个无用的对象，浪费内存和降低执行效率。于是抱着求知的心态，运用了Java反汇编的方式试着从字节码指令里看出什么门道来。

简单DEMO

首先，用java写一个简单的Demo。代码如下：

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
public class Test {
public static void main(String[] args) {
string1();
string2();
}

public static void string1() {
String a = "abc" + "-" + "123";
}

public static void string2() {
StringBuffer sb = new StringBuffer();
sb.append("abc");
sb.append(t);
sb.append("123");
}

public static void string3() {
String a = "abc" + t + "123";
}

public static void string4() {
String a = "abc" + t;
a = a + "123";
}

private static String t = "-";
}

其中：

  • string1()方法，对3个字符串常量进行了直接拼接。
  • string2()方法，通过StringBuffer拼接的方式对2个字符串常量与1个静态字符串变量进行了拼接（之所以不是3个字符串常量而是2个字符串常量和1个静态字符串变量是为了与string3()进行对比）。
  • string3()方法，对2个字符串常量和1个静态字符串变量进行直接拼接。
  • string4()方法，对2个字符串常量和1个静态字符串变量进行分段拼接。

JAVA反汇编

然后使用javac和javap命令对代码进行编译与反汇编。

Java反汇编字节码指令分析String和StringBuffer字符串拼接的区别

字节码指令分析

随后，得到了一个Test.txt文件，内容是反汇编后的java字节码指令。

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
Compiled from "Test.java"
public class Test {
  public Test();
    Code:
       0: aload_0
       1: invokespecial #1                  // Method java/lang/Object."<init>":()V
       4: return

  public static void main(java.lang.String[]);
    Code:
       0: invokestatic  #2                  // Method string1:()V
       3: invokestatic  #3                  // Method string2:()V
       6: return

  public static void string1();
    Code:
       0: ldc           #4                  // String abc-123
       2: astore_0
       3: return

  public static void string2();
    Code:
       0: new           #5                  // class java/lang/StringBuffer
       3: dup
       4: invokespecial #6                  // Method java/lang/StringBuffer."<init>":()V
       7: astore_0
       8: aload_0
       9: ldc           #7                  // String abc
      11: invokevirtual #8                  // Method java/lang/StringBuffer.append:(Ljava/lang/String;)Ljava/lang/StringBuffer;
      14: pop
      15: aload_0
      16: getstatic     #9                  // Field t:Ljava/lang/String;
      19: invokevirtual #8                  // Method java/lang/StringBuffer.append:(Ljava/lang/String;)Ljava/lang/StringBuffer;
      22: pop
      23: aload_0
      24: ldc           #10                 // String 123
      26: invokevirtual #8                  // Method java/lang/StringBuffer.append:(Ljava/lang/String;)Ljava/lang/StringBuffer;
      29: pop
      30: return

  public static void string3();
    Code:
       0: new           #11                 // class java/lang/StringBuilder
       3: dup
       4: invokespecial #12                 // Method java/lang/StringBuilder."<init>":()V
       7: ldc           #7                  // String abc
       9: invokevirtual #13                 // Method java/lang/StringBuilder.append:(Ljava/lang/String;)Ljava/lang/StringBuilder;
      12: getstatic     #9                  // Field t:Ljava/lang/String;
      15: invokevirtual #13                 // Method java/lang/StringBuilder.append:(Ljava/lang/String;)Ljava/lang/StringBuilder;
      18: ldc           #10                 // String 123
      20: invokevirtual #13                 // Method java/lang/StringBuilder.append:(Ljava/lang/String;)Ljava/lang/StringBuilder;
      23: invokevirtual #14                 // Method java/lang/StringBuilder.toString:()Ljava/lang/String;
      26: astore_0
      27: return

  public static void string4();
    Code:
       0: new           #11                 // class java/lang/StringBuilder
       3: dup
       4: invokespecial #12                 // Method java/lang/StringBuilder."<init>":()V
       7: ldc           #7                  // String abc
       9: invokevirtual #13                 // Method java/lang/StringBuilder.append:(Ljava/lang/String;)Ljava/lang/StringBuilder;
      12: getstatic     #9                  // Field t:Ljava/lang/String;
      15: invokevirtual #13                 // Method java/lang/StringBuilder.append:(Ljava/lang/String;)Ljava/lang/StringBuilder;
      18: invokevirtual #14                 // Method java/lang/StringBuilder.toString:()Ljava/lang/String;
      21: astore_0
      22: new           #11                 // class java/lang/StringBuilder
      25: dup
      26: invokespecial #12                 // Method java/lang/StringBuilder."<init>":()V
      29: aload_0
      30: invokevirtual #13                 // Method java/lang/StringBuilder.append:(Ljava/lang/String;)Ljava/lang/StringBuilder;
      33: ldc           #10                 // String 123
      35: invokevirtual #13                 // Method java/lang/StringBuilder.append:(Ljava/lang/String;)Ljava/lang/StringBuilder;
      38: invokevirtual #14                 // Method java/lang/StringBuilder.toString:()Ljava/lang/String;
      41: astore_0
      42: return

  static {};
    Code:
       0: ldc           #15                 // String -
       2: putstatic     #9                  // Field t:Ljava/lang/String;
       5: return
}

通过以上的字节码指令可知：

  • string1()方法中，在编译器编译的时候，由于是3个常量，所以编译器将代码优化成了一个拼接之后完整的字符串直接进行赋值；
  • string2()方法中，和先前了解到的情况一样，调用了3次append()方法进行拼接；
  • string3()方法中，编译器会创建一个StringBuffer对象然后再进行字符串拼接；
  • string4()方法中，因为是进行了分段拼接，编译器这时就会创建多个StringBuffer和调用多次toString()将StringBuffer转换成String。

因此可知，正常情况下如果是在一行代码内进行字符串的拼接，可以不使用StringBuffer，因为编译器会在字符串拼接的时候自动创建StringBuffer来进行拼接。而如果是多段拼接，这个时候使用StringBuffer则会比String更节省内存和更加高效（因为String在多段拼接的时候会产生多个StringBuffer和String对象）。

]]> <h3 id="问题导出"><a href="#问题导出" class="headerlink" title="问题导出"></a>问题导出</h3><p>最近一直在复习知识点。今天在网上看到了一篇关于代码优化的文章，文章里谈到了字符串拼接的优化,通过String替代String 「WP教程」WordPress文章页面首尾添加自定义内容 https://www.klavor.com/dev/20190221-331.html 2019-02-20T16:00:00.000Z 2025-11-01T00:45:46.336Z 在使用wordpress建站的过程中，总会遇到一些需要定制的功能，如回复邮件提醒，指定位置插入内容，添加验证码，赞赏功能等等。今天添加赞赏功能的时候需要将赞赏的代码插入到文章的结尾处，于是Get了这么一个wordpress知识点，在此分享出来供大家参考以及自己备忘。而后又随便添加了版权声明的内容，不亦说乎。

实现代码

  • 添加内容到文章顶部
1
2
3
4
5
6
7
8
9
10
function add_article_copyright($content) {
    if(!is_feed() && !is_home() && is_singular() && is_main_query()) {
        $title = get_the_title();
        $permalink = get_permalink();
        $custom_header_content = '<p class="article-copyright">原创文章如转载，请注明本文链接: <a href=”'.$permalink.'” title=”'.$title.'”>'.$permalink.'</a></p>';
        $content = $custom_header_content.$content;
    }
    return $content;
}
add_filter('the_content', 'add_article_copyright');
  • 添加内容到文章底部
1
2
3
4
5
6
7
8
9
10
function add_article_copyright($content) {
    if(!is_feed() && !is_home() && is_singular() && is_main_query()) {
        $title = get_the_title();
        $permalink = get_permalink();
        $custom_header_content = '<p class="article-copyright">原创文章如转载，请注明本文链接: <a href=”'.$permalink.'” title=”'.$title.'”>'.$permalink.'</a></p>';
        $content .= $custom_header_content;
    }
    return $content;
}
add_filter('the_content', 'add_article_copyright');

代码解析

从上面的代码可以看出大致上是一样的，只是在拼接$content内容的时候先后顺序不一样。一个是将指定内容置于文章头部，另一个是将指定内容置于文章尾部。

1
2
3
4
//将内容拼接到文章头部
$content = $custom_header_content.$content;
//将内容拼接到文章尾部
$content .= $custom_header_content;

注意事项

在上述代码中用到了get_permalink()和get_the_title()两个函数，这两个函数是分别将文章链接和文章标题返回。还有与之很形似的两个函数the_permalink()和the_title()，这两个函数是分别打印文章链接和文章标题，而不是返回其内容。

]]> <p>在使用wordpress建站的过程中，总会遇到一些需要定制的功能，如回复邮件提醒，指定位置插入内容，添加验证码，赞赏功能等等。今天添加赞赏功能的时候需要将赞赏的代码插入到文章的结尾处，于是Get了这么一个wordpress知识点，在此分享出来供大家参考以及自己备忘。而后又随 「WP教程」WordPress通过自定义字段控制指定页面功能的开关 https://www.klavor.com/dev/20190221-332.html 2019-02-20T16:00:00.000Z 2025-11-01T00:45:46.336Z 在使用wordpress的过程中，我遇到了这样一个问题：自定义一个插件，这个插件里做的事情是在文章尾部添加一个赞赏的功能，然而我希望能够控制在指定页面显示与隐藏这个赞赏功能。而这个时候，自定义字段就起到了很大的作用，可以通过每一篇文章中自定义字段的值来决定赞赏是开启还是关闭。

首先，当然是为文章或者页面新增一个自定义的字段。

开启自定义字段
图1 开启自定义字段

新增自定义字段
图2 新增自定义字段

随后，将可以在代码中获取到该字段的值。实现代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
//在所有文章底部添加赞赏二维码
function add_donate_qrcode($content) {
  $donate_qrcode = get_post_meta(get_the_ID(), 'donate_qrcode', true);
  //如果donate_qrcode为off则关闭赞赏功能
  //如果donate_qrcode没有定义则默认其为开启状态
  if($donate_qrcode != 'off' && !is_feed() && !is_home() && is_singular() && is_main_query()) {
    $content .= '<iframe style="overflow-x: hidden; overflow-y: hidden; border: 0xp none #fff; min-height: 240px;" 
    src="https://www.klavor.com/donate/index.html" frameborder="0" scrolling="no"></iframe>';
  }
  return $content;
}
add_filter('the_content', 'add_donate_qrcode');

其中，get_post_meta()函数是这里的重点，通过这个函数可以获取到指定字段的值。这里通过donate_qrcode获取到文章或者页面中自定义字段的值，然后对这个值做判断来决定是开启还是关闭赞赏功能。

至此，一个根据自定义字段开关赞赏的功能就完成了，就这样又实现了一个功能。

]]> <p>在使用wordpress的过程中，我遇到了这样一个问题：自定义一个插件，这个插件里做的事情是在文章尾部添加一个赞赏的功能，然而我希望能够控制在指定页面显示与隐藏这个赞赏功能。而这个时候，自定义字段就起到了很大的作用，可以通过每一篇文章中自定义字段的值来决定赞赏是开启还是关闭 「探索发现」通过反汇编Java字节码文件输出字节码指令探索有关i++的问题 https://www.klavor.com/dev/20190220-310.html 2019-02-19T16:00:00.000Z 2025-11-01T00:45:46.336Z 问题引出

昨天下午，和一个朋友聊找工作需要复习的知识点的时候，他突然问了我这么一道程序题。

1
2
3
int i = 0;
i = i++;
最后i是多少？

于是想了想便回答i = 1，但是没想到朋友说答案是i = 0。似乎有些出乎意料，印象里，i++是先将i的值赋值于指定变量后再做自增的。这里的代码不是应该是类似于

1
2
i=i;
i=i+1;

如果是这样的话那i的值应该为1才是呀！疑惑不解！！！随后朋友便发来了几张程序运行图为他的答案做出了有力的支撑。

  • 当i = i++时

当i = i++时

  • 当i = i++ + i++时

当i = i++ + i++时

  • 当i = i++ + i++ + i++时

当i = i++ + i++ + i++时

看到了这些运行结果的截图，也不得不相信，但是心里还是充满了疑惑。

寻根问底

对于这种现象，首先想到是不是i++与赋值操作是同时执行的？又或者，虚拟机在实现这类计算的时候是不是做了什么神奇的操作？怀抱着疑惑与求之的心态，开始了探索之旅。

  • i++与赋值操作是同时执行？

通过多次的运算后排除了这种可能性。

  • 虚拟机是怎么实现这类运算的？

首先想到了Android上常见到的smali语言的虚拟机指令，所以百度了一下java相关的虚拟机指令的文章，看到了通过javap命令可以反汇编输出java虚拟机的字节码指令，于是考虑用这种方法进一步尝试。

着手实验

  • 测试代码

首先写了一个简单的java测试代码，代码里面的main()方法就只有两行简单的语句。

1
2
3
4
5
6
public class Test {
    public static void main(String[] args) {
        int i = 0;
        i = i++;
    }
}
  • 反汇编java字节码文件

写好了demo之后，通过命令行窗口进行下一步操作。如图所示，通过javap命令输出反汇编后的文件内容，得到了java虚拟机的字节码指令。

反汇编java字节码文件

  • 理解指令处理流程

虽然以前有看过smali语法和一些简单的汇编语法，但是看到这个java的字节码指令后完全懵逼了。这些指令是什么意思都不知道，更别提阅读了。通过一番的搜索，查找到相关资料后，得到了一篇还比较全面的指令解释的文章。
https://www.cnblogs.com/tenghoo/p/jvm_opcodejvm.html。
根据文章里的内容整理出了反汇编后出现的几个指令的意思。

1
2
3
4
iconst_n                将int型(n)推送至栈顶
istore_n                将栈顶int型数值存入第n+1个本地变量
iload_n                 将第n+1个int型本地变量推送至栈顶
iinc n, m               局部变量自增指令,将第n+1个本地变量自增m

顺着上面的这几条指令看，慢慢的揭开i=i++，最后i=0的神秘面纱了。

  • 第一步指令：iconst_0

推送int型的数值0到栈顶中。

推送int型的数值0到栈顶中。

  • 第二步指令：istore_1

将栈顶int型数值存入到第2个本地变量

将栈顶int型数值存入到第2个本地变量

  • 第三步指令：iload_1

将第2个int型的本地变量推送至栈顶

将第2个int型的本地变量推送至栈顶

  • 第四步指令：iinc 1, 1

将第2个本地变量自增1

将第2个本地变量自增1

  • 第五步指令：istore_1

将栈顶int型数值存入到第2个本地变量

将栈顶int型数值存入到第2个本地变量

根据以上的步骤可知此时的第2个本地变量的值应该是0，而i就是这第二个本地变量，因此i = 0。

后话

很多事情都没有想象中那么简单，有时候觉得理所当然的事情，可能因为存在本质上的差别和个体上的差异而导致了不相同的结果，而此时，应该怀揣着求之与探索的精神，去追寻其根源，从而才能够从根本上去解决问题。

补充说明

当执行了istore_n指令之后其实栈中的值应该是要弹出的，但是画图的时候没画对，现在也不想重新再画了，所以这一点需要注意一下，在这里做补充说明。

]]> <h3 id="问题引出"><a href="#问题引出" class="headerlink" title="问题引出"></a>问题引出</h3><p>昨天下午，和一个朋友聊找工作需要复习的知识点的时候，他突然问了我这么一道程序题。</p> <figure class="hi 「吉他谱」天使的项链_野人看夕阳 https://www.klavor.com/music/20190220-320.html 2019-02-19T16:00:00.000Z 2025-09-25T02:33:37.861Z 去年还是前年的什么时候来着，请同事帮我扒了一首野人看夕阳唱的天使的项链的谱子，歌曲很好听，另外一首汽配厂我也非常推荐。经过了很长的时间之后我差一点忘记了这首歌曲怎么弹了，还好慢慢琢磨和回想了一下终于又将曲谱补齐了。为了给热爱音乐的广大网友们做出一些贡献，所以花了整整一晚上的时间把这首天使的项链制作成谱共享出来供热爱音乐的小伙伴们下载。因为是第一次制作吉他谱，会有很多不足之处，还望指教。也希望能与志同道合的小伙伴们多多交流。感谢！！

天使的项链-野人看夕阳

天使的项链-野人看夕阳

如果需要GTP格式吉他谱的朋友欢迎留言，后期也会在本文里附上下载链接，再次谢谢大家的支持！！！

]]> <p>去年还是前年的什么时候来着，请同事帮我扒了一首野人看夕阳唱的天使的项链的谱子，歌曲很好听，另外一首汽配厂我也非常推荐。经过了很长的时间之后我差一点忘记了这首歌曲怎么弹了，还好慢慢琢磨和回想了一下终于又将曲谱补齐了。为了给热爱音乐的广大网友们做出一些贡献，所以花了整整一晚上的 「五月天」天使 https://www.klavor.com/music/20190511-540.html 2019-02-19T16:00:00.000Z 2025-09-25T02:33:37.861Z 吉他谱

天使

天使

吉他弹唱

暂无

歌词

你就是我的天使
保护着我的天使
从此我再没有忧伤
你就是我的天使
给我快乐的天使
甚至我学会了飞翔
飞过人间的无常
才懂爱才是宝藏
不管世界变得怎麽样
只要有你就会是天堂
像孩子依赖着肩膀
像眼泪依赖着脸庞
你就像天使一样
给我依赖给我力量
像诗人依赖着月亮
像海豚依赖海洋
你是天使你是天使
你是我最初和最后的天堂

]]> <h3 id="吉他谱"><a href="#吉他谱" class="headerlink" title="吉他谱"></a>吉他谱</h3><p><img src="https://img.klavor.com/2019/05/2019051107111624.png" alt 「开源文档」Android JsBridge使用教程 https://www.klavor.com/dev/20190219-307.html 2019-02-18T16:00:00.000Z 2025-09-25T02:33:37.821Z 如何使用JsBridge?

Js调用Android原生

  • 对于Android开发者
  1. 创建Api功能类

如需新增一个新的功能类提供给Js调用，则自定义一个类并实现JsApi接口，然后在此类中定义具有一个JsContext形参的方法，并通过@JsAnnotation注解此方法，以表明此方法是提供给Js调用。

1
2
3
4
5
6
7
8
9
10
11
12
public class LogJsApi implements JsApi {

    @JsAnnotation
    public void d(JsContext jsContext) {
        Log.d(jsContext.get("tag", "undefine"), jsContext.get("msg", "undefine"));
    }
    
    @JsAnnotation
    public void i(JsContext jsContext) {
        Log.i(jsContext.get("tag", "undefine"), jsContext.get("msg", "undefine"));
    }
}
  1. 在JsApiMapping中声明

在JsApiMapping类中的buildMapping()方法里通过mApiMapping.put(功能名称, 功能类)新增一个功能类。

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
public class JsApiMapping {
    private static HashMap<String, Class<? extends JsApi>> mApiMapping;

    private JsApiMapping() {

    }

    public static HashMap<String, Class<? extends JsApi>> getApiMapping() {
        if (mApiMapping == null) {
            synchronized (JsApiMapping.class) {
                if (mApiMapping == null) {
                    mApiMapping = new HashMap<>();
                    buildMapping();
                }
            }
        }
        return mApiMapping;
    }

    private static void buildMapping() {
        mApiMapping.put("log", LogJsApi.class);
        mApiMapping.put("dialog", DialogJsApi.class);
        mApiMapping.put("nativeJs", NativeJsApi.class);
    }
}

完成以上步骤之后，在程序运行时会根据 功能名称 和其中的方法名来生成一个可供js调用的函数，如：

1
jsApi.log.d(arg)

而调用函数需要传递的参数应根据功能类提供者所定义的参数格式为主。

  1. 方法回调

当提供给Js的方法被调用时，会传入一个JsContext对象的实参，此实参可以通过get()和put()方法进行数据的读取和写入，也可通过调用这个对象的success(),cancel(),error()方法来回调Js。

  • 对于Web开发者
  1. 调用Android原生代码

Web开发人员可以通过如下方式调用原生代码：

1
2
3
4
jsApi.log.d({
    tag : 'kqt',
    msg : arg
})

同时也可以通过另外一种形式调用：

1
2
3
4
5
6
7
8
9
10
11
12
13
function log(level, arg) {
    if (level == 0) {
        jsApi.log.d({
            tag : 'kqt',
            msg : arg
        })
    } else if (level == 1) {
        jsApi.log.i({
            tag : 'cmf',
            msg : arg
        })
    }
}

Web开发者可以根据需求自行灵活运用。

  1. 方法回调实现

当需要和Android原生代码之间进行交互的时候，就需要通过回调实现，但回调是否生效还需要看功能类提供者是否实现了回调功能。

Js中方法回调的书写形式如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function show() {
    jsApi.dialog.show({
        title : "警告",
        message : "请不要点击取消!",
        positive : "知道了",
        negative : "我就要",
        success : function(arg) {
            alert(arg.msg);
        },
        cancel : function(arg) {
            alert(arg.msg);
        },
        error : function(arg, err) {
            alert(err);
        }
    })
}

参数中具体返回的数据主要由功能类提供者所决定。

Android原生调用Js

  • 对于Android开发者
  1. 通过KWebView的nativeJs方法进行调用Js函数

nativeJs方法有三个形参。第一个形参是指Js的函数名；第二个形参是指传递给Js的数据；第三个形参是指回调的处理。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        JsContext jsContext = new JsContext(kwv.getWebViewProxy());
        kwv.nativeJs("test", jsContext, new NativeCallback() {
            @Override
            public void success(JsContext jsContext) {
                Log.d("cmf", "success...");
            }

            @Override
            public void cancel(JsContext jsContext) {
                Log.d("cmf", "cancel...");
            }

            @Override
            public void error(JsContext jsContext) {
                Log.d("cmf", "error...");
            }
        });
    }
});
  1. 方法回调

如步骤1中调用nativeJs()方法时的第三个形参，只需要在其中处理回调即可。最终是否能被成功回调，需由Web开发者实现。

  • 对于Web开发者
  1. 定义一个函数

如果需要添加一个给Android原生代码调用的函数，则需要在代码中进行定义。如下：

1
2
3
function test(arg, rtn) {
    rtn.success(arg);
}

函数体内可根据具体需求来实现。其中，第一个形参是指Android原生代码传过来的数据；第二个形参是指回调函数的对象，里面包含了success()，cancel()和error()三个回调方法。

不足之处

JsBridge库中，暂未实现监听的功能，目前仅限于一次回调，如Js调用Android原生代码后回调了一次之后，第二次再调用回调方法将不会再生效，因为此时回调的对象已经移除出回调的集合了。

关于我

邮箱: lee@klavor.com

扣扣: 2262693733

微博: http://weibo.com/lihuan1991

主页: https://www.klavor.com

]]> <h2 id="如何使用JsBridge"><a href="#如何使用JsBridge" class="headerlink" title="如何使用JsBridge?"></a>如何使用JsBridge?</h2><h3 id="Js调用Android原生"><a href= 「解决方案」命令行执行flutter doctor无响应原因追踪及解决 https://www.klavor.com/dev/20190117-163.html 2019-01-16T16:00:00.000Z 2025-11-01T00:45:46.336Z 问题再现

最近在学习Flutter开发，在一次配置环境的过程中遇到了一个比较尴尬的坑，不过最终还是把这个坑给填掉了，再此进行一些分享，希望后来者遇到同样的问题时可以轻松的解决。
从下图中可以看出，前面几条flutter doctor命令执行的时候总是未响应，通过各种方式执行都是一样的结果，但是dart命令是能够正常执行。起初还以为是环境变量配置的有问题，但是后来把环境变量改了又改，并且把flutter包换了又换，但是现象一直未得到解决。

flutter-comman-not-response-when-git-installed

解决问题

寻求网络帮助

遇到这种难题第一时间想到的便是百度，但是各种关键词搜索了一番之后，竟然没有找到一篇关于这种现象的解决方案，大部分都是flutter命令使用教程，如用flutter doctor去查看环境是否配置完成，或者通过flutter doctor --android-licenses命令去接受Android SDK的一些协议许可。
后来，又尝试了必应和Google搜索，也无果之后，放弃了通过网络寻求帮助解决的方法。

大胆试错

由于只有flutter的命令执行的时候无响应，所以起初认为是程序包有问题。于是通过再次解压程序压缩包和配置环境变量之后，问题仍然存在。
随后，判断了不是程序包的问题之后开始去监控应用进程的变化。

  • 任务管理器
    从图中可以发现在任务管理器的详细信息栏里看到了很多个git正在执行，并且很卡。

flutter-comman-not-response-when-git-installed

  • 性能
    从性能栏页面底部的打开资源监视器进入到资源监控页面

flutter-comman-not-response-when-git-installed

flutter-comman-not-response-when-git-installed

根源

到这里，可以猜到很可能是由于git导致的问题，但是先前安装过flutter都没有问题，这一次重装系统之后就突然有问题了。所以就尝试着把git软件给删除并重新安装，然后奇迹的发现了flutter doctor命令可以正常执行了。
于是又倒退回去复现了一下问题，发现是安装git的时候选项选的有问题导致了和flutter冲突。
如下图，选择了Use Window’s default console window的选项来安装git软件之后，git bash是直接用的window的命令窗口来执行命令。正是因为选中了这个选项所以导致flutter命令无响应的问题。
所以如果你出现了和我一样的问题可以尝试重新安装git软件，并在这一步选择Use MinTTY的选项来安装。

flutter-comman-not-response-when-git-installed

完美填坑

经过不断的试错，终于将这个问题解决了，flutter命令也可以正常执行了。如图，通过VSCode开发工具可以正常的执行flutter create hello_flutter创建新的flutter项目。

flutter-comman-not-response-when-git-installed

写在最后

遇到问题要大胆试错，只要不断的尝试就会离问题的起因更近，最后找到解决问题的办法。如果你的flutter遇到了相同的问题而又不是由于git导致的话，也可以通过类似的方式不断试错并找到最终的解决方案。也欢迎各位同行可以在评论里分享自己解决问题的方法。
乐于分享，共同进步。

]]> <h2 id="问题再现"><a href="#问题再现" class="headerlink" title="问题再现"></a>问题再现</h2><p>最近在学习Flutter开发，在一次配置环境的过程中遇到了一个比较尴尬的坑，不过最终还是把这个坑给填掉了，再此进行一些分享，