天马呵呵拳
天马呵呵拳

Android侧webview与Js通信的方式（2）

Android侧webview与Js通信的方式（2）

上一篇讲到js与native通信方式的比较，但是只局限于api使用是否方便，是否存在系统漏洞等方面，并没有考虑js线程问题，场景较为单一，接下来我们从js线程角度看下这几个js-native api接口。

实验

JavaScript的函数调用栈与任务队列

总结

  1. JS 是单线程的，只有一个主线程
  2. 函数内的代码从上到下顺序执行，遇到被调用的函数先进入被调用函数执行，待完成后继续执行
  3. 遇到异步事件，浏览器另开一个线程，主线程继续执行，待结果返回后，执行回调函数

JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这样设计的方案主要源于其语言特性，因为 JavaScript 是浏览器脚本语言，它可以操纵 DOM ，可以渲染动画，可以与用户进行互动，如果是多线程的话，执行顺序无法预知，而且操作以哪个线程为准也是个难题。
所以，为了避免复杂性，从一诞生，JavaScript就是单线程，这已经成了这门语言的核心特征，将来也不会改变。
在 HTML5 时代，浏览器为了充分发挥 CPU 性能优势，允许 JavaScript 创建多个线程，但是即使能额外创建线程，这些子线程仍然是受到主线程控制，而且不得操作 DOM，类似于开辟一个线程来运算复杂性任务，运算好了通知主线程运算完毕，结果给你，这类似于异步的处理方式，所以本质上并没有改变 JavaScript 单线程的本质。

函数调用栈与任务队列

  • 函数调用栈

    先看一段代码

function a(){  
  console.log("I'm a!");
};

function b(){  
  a();
  console.log("I'm b!");
};

b();

1、 第一步，执行这个文件，此文件会被压入调用栈（例如此文件名为 a.js）

call stack
a.js

2、第二步，遇到 b() 语法，调用 b() 方法，此时调用栈会压入此方法进行调用：

call stack
b()
a.js

3、第三步，调用 b() 函数时，内部调用的 a() ，此时 a() 将压入调用栈

call stack
a()
b()
a.js

4、第四步，a() 调用完毕输出 I'm a!，调用栈将 a() 弹出，就变成如下：

call stack
b()
a.js

5、第五步：b()调用完毕输出I'm b!，调用栈将 b() 弹出，变成如下：

call stack
a.js

6、第六步：main.js 这个文件执行完毕，调用栈将 b() 弹出，变成一个空栈，等待下一个任务执行：

call stack

  • 任务队列

    这就是一个简单的调用栈，在调用栈中，前一个函数在执行的时候，下面的函数全部需要等待前一个任务执行完毕，才能执行。

    但是，有很多任务需要很长时间才能完成，如果一直都在等待的话，调用栈的效率极其低下，所以这些任务主线程根本不需要等待，只要将这些任务挂起，先运算后面的任务，等到执行完毕了，再回头将此任务进行下去，于是就有了任务队列的概念。这些共同构成了javascript的事件循环机制。


    image

prompt与onJsPrompt

js侧

   function testpromt() {
       var result1=prompt("js://demo?arg1=111&arg2=222");
       console.log("result1:"+result1);
       var result2=prompt("js://demo?arg1=31&arg2=4");
       console.log("result2:"+result2);
       var result3=prompt("js://demo?arg1=5&arg2=6");
       console.log("result3:"+result3);
       var result4=prompt("js://demo?arg1=7&arg2=8");
       console.log("result4:"+result4);
       var result5=prompt("js://demo?arg1=9&arg2=10");
       console.log("result5:"+result5);
   }

native侧

                        @Override
                    public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {
                        // 根据协议的参数，判断是否是所需要的url(原理同方式2)
                        // 一般根据scheme（协议格式） & authority（协议名）判断（前两个参数）
                        //假定传入进来的 url = "js://webview?arg1=111&arg2=222"（同时也是约定好的需要拦截的)
                        Uri uri = Uri.parse(message);
                        // 如果url的协议 = 预先约定的 js 协议
                        // 就解析往下解析参数
                        if (uri.getScheme().equals("js")) {
                            // 执行JS所需要调用的逻辑
                            I++;
                            Log.e("chromium", "promt: " + "js调用了Android的方法" + i);
                            // 可以在协议上带有参数并传递到Android上
                            new Thread() {
                                @Override
                                public void run() {
                                        try {
                                            Thread.sleep(1000);
                                            result.confirm("js调用了Android的方法成功啦，间隔1s" + i);
                                        } catch (InterruptedException e) {
                                            e.printStackTrace();
                                        }
                                    super.run();
                                }
                            }.start();
                            return true;
                        }
                        return super.onJsPrompt(view, url, message, defaultValue, result);
                    }

注意native侧的result.confirm()，该方法也可以直接返回数据，乍一看很方便，但是因为这种返回方式为同步返回，会阻塞js线程，如代码中逻辑，
var result2=prompt("js://demo?arg1=31&arg2=4")
这句必须等var result1=prompt("js://demo?arg1=111&arg2=222")这句执行js、native侧逻辑都执行完才会执行，及同步阻塞。看下log

    05-14 16:12:26.592 30985-30985/yjxiao.xbridge E/chromium: promt: js调用了Android的方法1
    05-14 16:12:27.597 30985-30985/yjxiao.xbridge I/chromium: [INFO:CONSOLE(186)] "result1:js调用了Android的方法成功啦，间隔11", source: file:///android_asset/demo.html (186)
    05-14 16:12:27.598 30985-30985/yjxiao.xbridge E/chromium: promt: js调用了Android的方法2
    05-14 16:12:28.604 30985-30985/yjxiao.xbridge I/chromium: [INFO:CONSOLE(188)] "result2:js调用了Android的方法成功啦，间隔12", source: file:///android_asset/demo.html (188)
    05-14 16:12:28.607 30985-30985/yjxiao.xbridge E/chromium: promt: js调用了Android的方法3
    05-14 16:12:29.611 30985-30985/yjxiao.xbridge I/chromium: [INFO:CONSOLE(190)] "result3:js调用了Android的方法成功啦，间隔13", source: file:///android_asset/demo.html (190)
    05-14 16:12:29.612 30985-30985/yjxiao.xbridge E/chromium: promt: js调用了Android的方法4
    05-14 16:12:30.617 30985-30985/yjxiao.xbridge I/chromium: [INFO:CONSOLE(192)] "result4:js调用了Android的方法成功啦，间隔14", source: file:///android_asset/demo.html (192)
    05-14 16:12:30.618 30985-30985/yjxiao.xbridge E/chromium: promt: js调用了Android的方法5
    05-14 16:12:31.623 30985-30985/yjxiao.xbridge I/chromium: [INFO:CONSOLE(194)] "result5:js调用了Android的方法成功啦，间隔15", source: file:///android_asset/demo.html (194)

JavascriptInterface

js侧

function testjvinterface() {
        test.hello("js调用了android中的hello方法1");
        console.log('js侧1');
        test.hello("js调用了android中的hello方法2");
        console.log('js侧2');
        test.hello("js调用了android中的hello方法3");
        console.log('js侧3');
        test.hello("js调用了android中的hello方法4");
        console.log('js侧4');
        test.hello("js调用了android中的hello方法5");
        console.log('js侧5');
    }

native 侧

// 定义JS需要调用的方法
    // 被JS调用的方法必须加入@JavascriptInterface注解
    @JavascriptInterface
    public void hello(String msg) {
        Log.e("chromium", "interface: " + msg);
    }

log

05-14 17:07:21.028 6036-6199/yjxiao.xbridge E/chromium: interface: js调用了android中的hello方法1
05-14 17:07:21.030 6036-6199/yjxiao.xbridge E/chromium: interface: js调用了android中的hello方法2
05-14 17:07:21.030 6036-6036/yjxiao.xbridge I/chromium: [INFO:CONSOLE(178)] "js侧1", source: file:///android_asset/demo.html (178)
05-14 17:07:21.032 6036-6036/yjxiao.xbridge I/chromium: [INFO:CONSOLE(180)] "js侧2", source: file:///android_asset/demo.html (180)
05-14 17:07:21.032 6036-6199/yjxiao.xbridge E/chromium: interface: js调用了android中的hello方法3
05-14 17:07:21.034 6036-6036/yjxiao.xbridge I/chromium: [INFO:CONSOLE(182)] "js侧3", source: file:///android_asset/demo.html (182)
05-14 17:07:21.035 6036-6199/yjxiao.xbridge E/chromium: interface: js调用了android中的hello方法4
05-14 17:07:21.037 6036-6036/yjxiao.xbridge I/chromium: [INFO:CONSOLE(184)] "js侧4", source: file:///android_asset/demo.html (184)
05-14 17:07:21.037 6036-6199/yjxiao.xbridge E/chromium: interface: js调用了android中的hello方法5
05-14 17:07:21.039 6036-6036/yjxiao.xbridge I/chromium: [INFO:CONSOLE(186)] "js侧5", source: file:///android_asset/demo.html (186)

试验后发现，该方式为同步调用，但js侧不会等待native侧的结果，不会阻塞js线程，即同步非阻塞。

iframe的src属性（shouldOverrideUrlLoading）

了解完js的方法执行，我们再回来看下jsbridge两次通信的问题。看一下Jsbridge 侧两次与native通信的代码

       //第一次
      function callHandler（...）
        {
          if (responseCallback) {
              //生成唯一callbackid用于标识该次jsbridge通信过程
              var callbackId = 'cb_' + (uniqueId++) + '_' + new  Date().getTime();
              responseCallbacks[callbackId] = responseCallback;
              message.callbackId = callbackId;
           }
           sendMessageQueue.push(message);
           //src："yy://__QUEUE_MESSAGE__/"
           messagingIframe.src = CUSTOM_PROTOCOL_SCHEME + '://' + QUEUE_HAS_MESSAGE;
           }
           console.log('in2 ' + CUSTOM_PROTOCOL_SCHEME + '://' + QUEUE_HAS_MESSAGE);
           
        //第二次
        
        function _fetchQueue() {
          var messageQueueString = JSON.stringify(sendMessageQueue);
          sendMessageQueue = [];
          //android can't read directly the return data, so we can reload iframe src to communicate with java
          if (messageQueueString !== '[]') {
            bizMessagingIframe.src = CUSTOM_PROTOCOL_SCHEME + '://return/_fetchQueue/' + encodeURIComponent(messageQueueString);
        }
    }

这里我们发现第一次通信jsbridge会将信息入队，会将的iframe的src属性改为"yy://QUEUE_MESSAGE/"，该步骤会触发native侧的shouldoverrideurlloading 方法，试想一下，如果我们调5次该方法，会执行的逻辑应该是向sendMessageQueue这个队列里面push5个message，并会将messagingIframe.src="yy://__QUEUE_MESSAGE__/"执行5次，那会触发多少次shouldoverrideurlloading方法呢,下面我们写demo测试一下

js侧demo核心代码

function jsCallJavaSync1(i) {
        console.log("sync1: " + i);
        window.WebViewJavascriptBridge.callHandler(
            'UPWebPay', 'pay', [{
                "params": {
                    "arg1": "verify2"
                }
            }],
            function (respData) {
                console.log(respData);
                console.log(i + ' I:success');
            }, function (respData) {
                console.log(respData);
                console.log(i + ' I:success');
            });
    }
    //调用5次
    function test() {
        for (let i = 0; i < 5; i++) {
            jsCallJavaSync1(i);
        }

    }
    //调用1次
    function jsCallJavaSync() {
        window.WebViewJavascriptBridge.callHandler(
            'UPWebPay', 'pay', [{
                "params": {
                    "arg1": "verify2"
                },
                function (respData) {
                    console.log(respData);
                    console.log('2 success');
                }, function (respData) {
                    console.log(respData);
                    console.log('2 failed');
                }
            }]);
    }

native 侧shouldOverrideUrlLoading方法

public boolean shouldOverrideUrlLoading(IWebViewInterface webView, String url) {
        try {
            url = URLDecoder.decode(url, "UTF-8");
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        }
        if (url.startsWith(XBridgeUtil.YY_RETURN_DATA)) {
            Log.e("chromium", "second:" + url);// 第二次返回数据
            handlerReturnData(url);
            return true;
        } else if (url.startsWith(XBridgeUtil.YY_OVERRIDE_SCHEMA)) { 
        //第一次
            Log.e("chromium", "first:" + url);
            flushMessageQueue();
            return true;
        }
        return false;
    }

调用一次执行后log如下

[INFO:CONSOLE(61)] "in2 yy://__QUEUE_MESSAGE__/", source: file:///android_asset/WebViewJavascriptBridge.js (61)
04-18 14:26:19.300 5707-5707/yjxiao.xbridge E/chromium: first:yy://__QUEUE_MESSAGE__/
04-18 14:26:19.302 5707-5707/yjxiao.xbridge E/chromium: second:"yy://return/_fetchQueue/%5B%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22msg0%22%3A%22123%22%7D%2C%7B%22msg1%22%3A%221234%22%7D%2C%7B%22test%22%3A%2212345%22%7D%5D%2C%22action%22%3A%22pay2%22%7D%2C%22callbackId%22%3A%22cb_6_1555568779298%22%7D%5D"

调用五次执行后log如下

04-18 14:19:30.028 5707-5707/yjxiao.xbridge I/chromium: [INFO:CONSOLE(63)] 
"sync1: 0", source: file:///android_asset/demo.html (63)
    [INFO:CONSOLE(61)] 
    "in2 yy://__QUEUE_MESSAGE__/", source: file:///android_asset/WebViewJavascriptBridge.js (61)
    [INFO:CONSOLE(63)] "sync1: 1", source: file:///android_asset/demo.html (63)
04-18 14:19:30.029 5707-5707/yjxiao.xbridge I/chromium: [INFO:CONSOLE(61)] 
"in2 yy://__QUEUE_MESSAGE__/", source: file:///android_asset/WebViewJavascriptBridge.js (61)
    [INFO:CONSOLE(63)] "sync1: 2", source: file:///android_asset/demo.html (63)
04-18 14:19:30.030 5707-5707/yjxiao.xbridge I/chromium: [INFO:CONSOLE(61)] 
"in2 yy://__QUEUE_MESSAGE__/", source: file:///android_asset/WebViewJavascriptBridge.js (61)
    [INFO:CONSOLE(63)] "sync1: 3", source: file:///android_asset/demo.html (63)
    [INFO:CONSOLE(61)] "in2 yy://__QUEUE_MESSAGE__/", source: file:///android_asset/WebViewJavascriptBridge.js (61)
    [INFO:CONSOLE(63)] "sync1: 4", source: file:///android_asset/demo.html (63)
    [INFO:CONSOLE(61)] "in2 yy://__QUEUE_MESSAGE__/", source: file:///android_asset/WebViewJavascriptBridge.js (61)
04-18 14:19:30.033 5707-5707/yjxiao.xbridge E/chromium: first:yy://__QUEUE_MESSAGE__/
04-18 14:19:30.036 5707-5707/yjxiao.xbridge E/chromium: second:"yy://return/_fetchQueue/%5B%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22params%22%3A%7B%22arg1%22%3A%22verify2%22%7D%7D%5D%2C%22action%22%3A%22pay%22%7D%2C%22callbackId%22%3A%22cb_1_1555568370028%22%7D%2C%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22params%22%3A%7B%22arg1%22%3A%22verify2%22%7D%7D%5D%2C%22action%22%3A%22pay%22%7D%2C%22callbackId%22%3A%22cb_2_1555568370028%22%7D%2C%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22params%22%3A%7B%22arg1%22%3A%22verify2%22%7D%7D%5D%2C%22action%22%3A%22pay%22%7D%2C%22callbackId%22%3A%22cb_3_1555568370029%22%7D%2C%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22params%22%3A%7B%22arg1%22%3A%22verify2%22%7D%7D%5D%2C%22action%22%3A%22pay%22%7D%2C%22callbackId%22%3A%22cb_4_1555568370029%22%7D%2C%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22params%22%3A%7B%22arg1%22%3A%22verify2%22%7D%7D%5D%2C%22action%22%3A%22pay%22%7D%2C%22callbackId%22%3A%22cb_5_1555568370029%22%7D%5D"

从log可以看出，js侧在==一次插件调用流程中，即一次事件循环中==调用callhandler一次与调用5次都只会触发native侧两次shouldoverloadingurl方法，针对这个问题，有两种可能的解释猜想

  1. 由于第一次给messagingIframe.src赋值5次,messagingIframe.src = CUSTOM_PROTOCOL_SCHEME + '://' + QUEUE_HAS_MESSAGE,该值为一定值，是否后面四次由于与上一次一样，所以并没有触发native侧的shouldoveringurl方法
  2. 不管给messagingIframe.src赋值多少次，赋什么值，在次==一次插件调用流程中==，只有最后一次会触发shouldoverloadingurl方法，之前的都会被舍弃。

先看第一种猜想，明显不对，加载该js文件，iframe就会被创建，如果该猜想成立，那么除了第一次赋值后会成功，之后的都应该失败。接下来我们再通过实验看一下具体是怎样的。
我们修改下WebViewJavascriptBridge.js源码，将给messagingIframe.src赋值的地方，修改一下，改为每次都不一样代码如下

function callHandler（...）
        {
          if (responseCallback) {
              //生成唯一callbackid用于标识该次jsbridge通信过程
              var callbackId = 'cb_' + (uniqueId++) + '_' + new  Date().getTime();
              responseCallbacks[callbackId] = responseCallback;
              message.callbackId = callbackId;
           }
           sendMessageQueue.push(message);
           var messageQueueString = JSON.stringify(sendMessageQueue);
           //src："yy://__QUEUE_MESSAGE__/"
           messagingIframe.src = CUSTOM_PROTOCOL_SCHEME + '://' + QUEUE_HAS_MESSAGE+'://'+messageQueueString;
           console.log('in2 ' + messagingIframe.src);
           }

同样我们再看一下log

04-18 18:23:28.728 9826-9826/yjxiao.xbridge I/chromium:

    [INFO:CONSOLE(63)] "sync1: 0", source: file:///android_asset/demo.html (63)
    [INFO:CONSOLE(61)] "in2 yy://__QUEUE_MESSAGE__/://[{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_1_1555583008727"}]", source: file:///android_asset/WebViewJavascriptBridge.js (61)
    [INFO:CONSOLE(63)] "sync1: 1", source: file:///android_asset/demo.html (63)
04-18 18:23:28.731 9826-9826/yjxiao.xbridge I/chromium: [INFO:CONSOLE(61)] "in2 yy://__QUEUE_MESSAGE__/://[{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_1_1555583008727"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_2_1555583008728"}]", source: file:///android_asset/WebViewJavascriptBridge.js (61)
    [INFO:CONSOLE(63)] "sync1: 2", source: file:///android_asset/demo.html (63)
    [INFO:CONSOLE(61)] "in2 yy://__QUEUE_MESSAGE__/://[{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_1_1555583008727"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_2_1555583008728"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_3_1555583008730"}]", source: file:///android_asset/WebViewJavascriptBridge.js (61)
04-18 18:23:28.732 9826-9826/yjxiao.xbridge I/chromium:
    [INFO:CONSOLE(63)] "sync1: 3", source: file:///android_asset/demo.html (63)
    [INFO:CONSOLE(61)] "in2 yy://__QUEUE_MESSAGE__/://[{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_1_1555583008727"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_2_1555583008728"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_3_1555583008730"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_4_1555583008731"}]", source: file:///android_asset/WebViewJavascriptBridge.js (61)
    [INFO:CONSOLE(63)] "sync1: 4", source: file:///android_asset/demo.html (63)
04-18 18:23:28.734 9826-9826/yjxiao.xbridge I/chromium: [INFO:CONSOLE(61)] "in2 yy://__QUEUE_MESSAGE__/://[{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_1_1555583008727"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_2_1555583008728"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_3_1555583008730"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_4_1555583008731"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_5_1555583008732"}]", source: file:///android_asset/WebViewJavascriptBridge.js (61)
04-18 18:23:28.736 9826-9826/yjxiao.xbridge E/chromium: first:yy://__QUEUE_MESSAGE__/://[{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_1_1555583008727"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_2_1555583008728"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_3_1555583008730"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_4_1555583008731"},{"handlerName":"UPWebPay","data":{"args":[{"params":{"arg1":"verify2"}}],"action":"pay"},"callbackId":"cb_5_1555583008732"}]
04-18 18:23:28.742 9826-9826/yjxiao.xbridge E/chromium: second:"yy://return/_fetchQueue/%5B%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22params%22%3A%7B%22arg1%22%3A%22verify2%22%7D%7D%5D%2C%22action%22%3A%22pay%22%7D%2C%22callbackId%22%3A%22cb_1_1555583008727%22%7D%2C%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22params%22%3A%7B%22arg1%22%3A%22verify2%22%7D%7D%5D%2C%22action%22%3A%22pay%22%7D%2C%22callbackId%22%3A%22cb_2_1555583008728%22%7D%2C%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22params%22%3A%7B%22arg1%22%3A%22verify2%22%7D%7D%5D%2C%22action%22%3A%22pay%22%7D%2C%22callbackId%22%3A%22cb_3_1555583008730%22%7D%2C%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22params%22%3A%7B%22arg1%22%3A%22verify2%22%7D%7D%5D%2C%22action%22%3A%22pay%22%7D%2C%22callbackId%22%3A%22cb_4_1555583008731%22%7D%2C%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22params%22%3A%7B%22arg1%22%3A%22verify2%22%7D%7D%5D%2C%22action%22%3A%22pay%22%7D%2C%22callbackId%22%3A%22cb_5_1555583008732%22%7D%5D"

从log中我们可以清晰的看出，只有最后一次对iframe的赋值会被传到native，
再看下一次调用

04-18 18:29:15.532 9826-9826/yjxiao.xbridge E/chromium: first:yy://__QUEUE_MESSAGE__/://[{"handlerName":"UPWebPay","data":{"args":[{"msg0":"123"},{"msg1":"1234"},{"test":"12345"}],"action":"pay2"},"callbackId":"cb_7_1555583355530"}]
04-18 18:29:15.535 9826-9826/yjxiao.xbridge E/chromium: second:"yy://return/_fetchQueue/%5B%7B%22handlerName%22%3A%22UPWebPay%22%2C%22data%22%3A%7B%22args%22%3A%5B%7B%22msg0%22%3A%22123%22%7D%2C%7B%22msg1%22%3A%221234%22%7D%2C%7B%22test%22%3A%2212345%22%7D%5D%2C%22action%22%3A%22pay2%22%7D%2C%22callbackId%22%3A%22cb_7_1555583355530%22%7D%5D"

现在我们可以猜想jsbridge要使用两次通信来完成一次流程，是因为在js侧若在一次事件循环过程中出现了多次调用callHandler方法的情况，虽然每次都会给iframe的src属性赋值，但是只有最后一次会传递给native侧，前N次的数据会被丢弃。==但是其实该理由并不成立，就像我们demo里的代码就可以解决该问题，只要每次都将数据push到一个队列里面，再将整个队列作为数据传过去就不会存在该问题。因此其实两次通信是多余的，一次就可以完成==。

  • 总结
    结合我们 Android侧webview与Js通信的方式（1）一文中最开始对比的js与native侧基于webview通信的几种方式以及cordova方案，我们对jsbridge框架进行一下总结
  1. js调用native方式

jsbridge使用的是修改iframe属性，触发shouldoverloadingurl方法，该方法相对promt(),@JavascriptInterface,这两种方式，缺点在前一篇文章中已经总结过了，此处不再赘述，但是经过我们上文的分析，此处有一个优点。就是在js侧的一次事件循环过程中，无论调用多少次callhandler方法，都只会触发native侧两次（可改进为一次）shouldoverloadingurl方法。针对onJspromt()使用过程中一定要注意该方式会阻塞js线程。

  1. native调用js侧方法

jsbridge使用的是通过loadurl通过注入实现的，之前对比过该方式与evaluateJavascript（）方法的优劣，evaluateJavascript（）方法明显更好一些，但是于需要Android4.4以上，此处可以优化

native侧

private void loadUrl(String javascriptCommand) {
        if (mWebView != null) {
            if (sdkVersion < 19) {
                mWebView.loadUrl(javascriptCommand);
            } else {
                mWebView.evaluateJavascript(javascriptCommand, new ValueCallback() {
                    //注意，该方法返回的String多包了一个双引号，需要处理
                    @Override
                    public void onReceiveValue(String value) {
                        if (url.startsWith(XBridgeUtil.YY_RETURN_DATA)) {
                    }
                });
            }
        }
    }

js侧

function _fetchQueue(sdkVersion) {
        var messageQueueString = JSON.stringify(sendMessageQueue);
        sendMessageQueue = [];
        //android can't read directly the return data, so we can reload iframe src to communicate with java
        if (messageQueueString !== '[]') {
            if (sdkVersion > 18) {
                let url = CUSTOM_PROTOCOL_SCHEME + '://return/_fetchQueue/' + encodeURIComponent(messageQueueString);
                return url;
            } else {
                // console.log('in3 <=18');
                bizMessagingIframe.src = CUSTOM_PROTOCOL_SCHEME + '://return/_fetchQueue/' + encodeURIComponent(messageQueueString);
            }

        }
    }

  1. 对比表

    cordova js调用native native调用js
    方式 1、promt() 2、@JavascriptInterface 1、loadurl 2、evaluateJavascript（）3、confirm()
    一次事件循环中调用1次触发次数 1 1
    一次事件循环中调用N次触发次数 N N
    jsbridge未改进 js调用native native调用js
    方式 触发shouldOverrideUrlLoading loadurl
    一次事件循环中调用1次触发次数 2 2
    一次事件循环中调用N次触发次数 2 N+1
    jsbridge改进 js调用native native调用js
    方式 触发shouldOverrideUrlLoading 根据api使用loadurl或 evaluateJavascript()
    一次事件循环中调用1次触发次数 1 1
    一次事件循环中调用N次触发次数 1 N

你可能感兴趣的:(Android侧webview与Js通信的方式（2）)

  • Java入门：05.Java中的数组001 CJH~ 开发语言java
    在本期文章当中，我们将一起了解Java中的数组，那么首先——什么是数组呢？一、什么是数组数组和变量一样也是一个容器，那么它和变量的区别是什么呢？通常来讲，一个变量只能存储一个数据，但数组却可以用来存储一组位置连续的、类型相同的数据(变量)。二、数组类型变量的定义即便如此，但数组本身也是一个数据，它也可以存储在变量或是数组（即多为数组）中。要想把数组存进变量，我们就必须把这个变量定义成数组类型的变量
  • 《天后上热搜后，我国士身份被曝光了》宋齐林晚晴（独家小说）精彩TXT阅读 寒风书楼
    《天后上热搜后，我国士身份被曝光了》宋齐林晚晴（独家小说）精彩TXT阅读主角：宋齐林晚晴简介：最近几天，天后的词条一直挂在热搜榜上。所有人都在扒天后男友的身份。可从始至终都没人知道是谁，只知道他是一个普通人。可事实真是如此吗？当一次次科技采访被曝光时，粉丝们发现，那个普通人竟是科研院顶尖的研究者。他打造的每一个作品，都是碾压同时代的人类结晶。凭借一己之力，就将龙国军工水平提升了百余年……所有人震惊
  • 做幸福的大富翁~感恩+欣赏日记7.4 魏薇天赋解读
    ✨感恩荣荣的分享，从整理师的角度看待如何记忆✨感恩帆帆让我们体验，胜过干活，一切吸收不了的知识，都是无用的，我们用了有趣的方式回顾，慧慧用动作，鹿鹿用几何，荣荣用房间位置等，还有每个人拿自己做例子，学习完感觉一切知识都立体了。✨感恩有外卖，中午及时吃到饭，已经适应上课的节奏，超级享受✨感恩晚上帆帆给我们体验金钱卡点的内容，我的体会不是特别深刻，不过依旧看到了自己的一些负面信念，感谢一起组队的潇潇姐
  • 这就是我想要的生活 小猪猪0752
    这两天和先生相处特别愉悦，孩子也特别好带。这两天的幸福感特别强烈。想起之前鸡飞狗跳、焦躁不安的日子，这两天是怎么做到的呢？我总结如下:第一、自己放宽心态，既然焦虑无用，且随他去，放慢脚步吧！第二、跟朋友王爷聊天，放掉了很多情绪上的垃圾。没有背负沉重的行囊，步调轻松了很多。第三、看《非暴力沟通》一书，专注于彼此的观察、感受、需要和请求。今天先生正在玩游戏的时候，按照以前的处理方法，我一定会责怪:“这
  • 追梦7 灸灸微笑
    2018.2.25英语：听力完成一小时，饮食英语跟读。其他：到大召看庙会。下午看《红海行动》。看完之后百度了题材、主演，可还是分不清楚谁是谁。晚上看了平昌冬奥会闭幕式。还是觉得自己国家的内容好看。因为不懂其他国家的文化。图片发自App图片发自App
  • 堂邑游记（文字及图片均为原创） 无奈是多情
    从山东冠县出发，春节期间，我很聪明选择不走高速模式。一路省道，路上空空如也。而高速上早就堵成一锅粥。进入堂邑镇，按照导航，向东一拐，就看到重峦叠嶂的棂星门。图片发自App图片发自App棂星是中国古文化中的文曲星，在古时候，读书读得好，会被夸为文曲星下凡。这座棂星门建于金朝大定1161年。在858年的岁月里，门下不知走过多少秀才、举人。才子再才气超然，也早已烟消云散。唯剩下棂星门依然伫立如初。我非常
  • 人生没有回头路，每一步都算数。 如果生活
    只要是有意义的事，再晚去做还是有意义。做你想做的人，这件事，没有时间的限制，只要愿意，什么时候都可以开始。你能从现在开始改变，也可以一成不变，这件事，没有规矩可言。你能活出最精彩的自己，也能搞得一团糟。我希望，你能活出最精彩的自己；我希望，你能见识到令你惊奇的事物；我希望，你能体验未曾体验过的情感；我希望，你能遇见一些想法不同的人；我希望，你为你自己的人生感到骄傲。如果你发现自己还没做到，我希望你
  • 在我们平静美好生活的背后有多少人无闻地付出 天水一色_1a16
    我们生活在平静美好的时代，在享受着现代文明带来的智慧生活。你可知道这平静美好时代的背后是什么？首先是强大的国防。科技水平的提高使得我们的国防实力大增，使那样妄图颠覆我们的敌人望而却步。这得益中国共产党的强军战略。而国防能力的提高是靠那些献身于尖端科学的科学工作者，他们是我们立于世界民族之林的脊梁。是我们获得平静生活的保障。其次是致力于研究智慧生活的科学工作者，是他们的努力让我们的生活更方便更快捷更
  • 异地恋女孩儿想要的，不是你的早安和晚安 夏末冰淇淋
    小宁是我的好朋友，无话不说的那种，前段时间她交了个男朋友，异地恋，一个南一个北。刚开始的时候她对我说，异地恋多好啊，他不在我身边，我做什么事情也不需要每时每刻都要提前跟他报备，也不会担心被他粘着，有足够的时间去做自己想做的事情。想他了，就打个电话，发个视频；有事要忙，就给他发个信息就行。我们两个人都会有相对的自由空间，我喜欢这样子的相处。然而还没到半年，她就坚持不下去了。前几天她愁眉苦脸的对我说，
  • NO.470 是否应该为“人工智能”焦虑 晴晴董淄博日报
    今天听“吴晓波频道”，IBM副总裁周忆给大家分享了人工智能时代的几个案例：1/一个葡萄酒酒庄负责人运用了“物联网技术”，实现了精心灌溉和对每一株植物的互联网关怀，所有的数据都汇集到云端，每天都可以判断每一颗葡萄的情况，最终省了20%的水，增加了25%的产量，并且实现了产品品质的稳定。2/美国一个热门音乐制作人想做一个全美国人都产生共鸣的音乐，然后IBM公司为他们提供了三个数据。第一，大数据收集出了
  • 教育手记:成长路上(12) 靜篤
    图片发自App“老师，我们不喜欢强迫人”上周五，果果的生日。女生们本来准备了两了节目。大爱、瑶瑶边唱边舞了一曲自编动作的歌舞。接下来，本该果果、莫莫高歌一曲，但莫莫好像并不想唱的样子，似乎在担心提前爆光了元旦的节目。大家都在劝她，“我们早就知道了，现在唱也没事啊。”莫莫眨眨眼睛，笑笑，坐在那里丝毫不为所动。果果用肯求的语气说:“求求你了，莫莫。唱吧。”莫莫似乎在那里思考着什么，仍是一动未动。看着果
  • 【面试分享】面试题——网络题目_网络面试题 程序员西西 面试网络职场和发展测试工具web安全网络安全系统安全
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包一、题目1、网关、网桥、路由器、中继器作用、实现以及对应的osi层?2、MAC地址是什么?3、webSocket是什么?4、常见的协议有哪些？5、什么是arp协议？6、FTP依赖于哪种协议？7、ip和域名分别是什么，计算机上网如何获取ip?8、http和https是什么，他们的功能、对应的OSI层以及区别?9、你知道有哪些网络通信协议
  • Java static关键字（静态变量和静态方法） Itmastergo javajvm开发语言
    在类中，使用static修饰符修饰的属性（成员变量）称为静态变量，也可以称为类变量，常量称为静态常量，方法称为静态方法或类方法，它们统称为静态成员，归整个类所有。静态成员不依赖于类的特定实例，被类的所有实例共享，就是说static修饰的方法或者变量不需要依赖于对象来进行访问，只要这个类被加载，Java虚拟机就可以根据类名找到它们。调用静态成员的语法形式如下：类名.静态成员注意：static修饰的成
  • 606：美味的西瓜 cy小样
    到了夏天，除了雪糕，我们最爱吃的水果当然是西瓜啦！前天，爸爸就买了一个大大的西瓜！我特别开心，要知道我是多么喜欢吃西瓜呀！西瓜特别大，就像一个篮球。它圆溜溜的，非常重。外面是绿黑相间的，皮非常厚。用刀使劲切开，里面的果肉便显露出来。红彤彤的果肉配上那一颗颗黑色的籽儿，让人看着就流口水！中午写作业时，爸爸便把西瓜切成一块一块的，让我用牙签叉着吃。我迫不及待地叉起一块西瓜，直往嘴里送。嗯！西瓜的味道可
  • 权倾天下，仍护不得你一人周全 柠萌不是檬
    序章这世间，多少痴情郎，春去秋来，只为等她。这世间，又有多少专情女，暮去朝来颜色故，从豆蔻年华，等他到徐娘半老。一人之下，万人之上。千百年来，多少帝王，只为一个她，便倾尽这天下，放下江山社稷。权倾天下又怎样？夺得帝位又怎样？仍护不得你一人周全。这世间儿女情长，怎一个情字了得！？一美好的相遇初次相遇，江南烟雨小巷。你步履缓缓，入我眼帘。窈窕淑女，你令我一见倾心。这一别，便是几月之久，甚是想念。再次相
  • 今天中考出成绩 知心爱人_0161
    昨晚开心果都没睡好，半夜听见他喊我说热，其实我也没太睡实，迷迷糊糊的。早上五点多我就醒了，想着别出声音，让他们多睡会儿。结果爷俩陆续都醒了。睡不着就不睡了，爷俩下楼跑步，我起床做早饭。大家心里都有点慌，虽说早已估分了，可真正出成绩多少还是有点紧张的。开心果的成绩不差，如果不考虑其他因素，我们可以说是所有学校随便上。可是不想搬家，还想冲我们学校本部的免费生，这就有难度了。中午我们特意早早吃完午饭，静
  • 拆包裹 邬锦昊
    今天老师早上讲故事，讲到了沈天路在拆包裹时的细节和神态，而我也有这样的时候。上一次妈妈在网上给我买了一个高达很慢，所以我等它刚回来就迫不及待的先把它拆开。这个包裹盒很厚实，拿在手里沉甸甸的。他是一个长方形，并且外面是一层硬纸板棕色的，非常的厚。我想这么好的纸板这个可以不让我里面心爱的玩具受损了吧，可是回到家一看，这个包裹竟然拆不开，这是为什么呢？原来这个纸盒外面还包着一层胶带，在四面八方都充满了交
  • js实现动态生成不固定数量的气泡 小丁冲鸭！ javascript前端开发语言
    样式：核心代码：1、添加气泡的方法addCircle(){letheight=645;letwidth=312;letminSize=38;letmaxSize=78;letnewCircle={x:Math.random()*width,//随机位置，留出边界y:Math.random()*height,size:(minSize+Math.random()*(maxSize-minSize+1
  • C++ 编程异常处理（try - throw - catch）详解 Aliven888 C/C++c++异常处理trythrowcatch
    文档声明：以下资料均属于本人在学习过程中产出的学习笔记，如果错误或者遗漏之处，请多多指正。并且该文档在后期会随着学习的深入不断补充完善。感谢各位的参考查看。笔记资料仅供学习交流使用，转载请标明出处，谢谢配合。如果存在相关知识点的遗漏，可以在评论区留言，看到后将在第一时间更新。作者：Aliven888文章目录1、背景2、异常处理的概述3、异常处理的方法3.1、异常的抛出（throw）3.2、异常的检
  • 2022-03-10 蓝色的大眼睛
    最近看到网络上在流传关于“家庭主妇”应不应该成为一种职业，以及如何做到让人人都尊重“家庭主妇”工作的辛苦付出的话题。青年作家李尚龙说：“人就是这样，你越往高处走，越能感受到别人的爱；相反，你总在低处，看到的都是鸡毛蒜皮、尔虞我诈。”这个社会是以金钱衡量一个人的价值贡献，而家庭主妇不被人看好的原因，也就在于没有收入。生活中的家庭主妇们常常被鸡毛蒜皮的小事弄的精神恍惚。有时候因为老公、公婆、周围人的不
  • 淘宝服饰出海，一次仓促实验 市象 阿里云科技网络
    “阿里园区到处都是海报。”“S级项目，全员allin中。”8月初，一些社交平台上掀起了一场关于淘宝动向的热议。这项计划其实是近期淘宝联合阿里国际推出的“大服饰全球包邮计划”，一个专为服饰商家定制的跨境出海服务。根据计划内容，参与商家除了可以通过淘宝海外版面向海外淘宝用户销售外，还可以通过速卖通、Lazada卖向全球多个市场。商家不仅保留定价权和货权，还无需处理繁琐的跨境物流。订单生成后，商家只需将
  • 亚马逊AI产品Amazon Q被指出有各种问题，这将导致客户流失至微软 市象 人工智能网络科技
    近日，泄露的消息显示，亚马逊的重要AI产品AmazonQ在发布初期面临不少挑战，并且存在客户转向微软Copilot的风险。这款备受期待的产品在四月份公开发布后，遇到了一系列的问题。内部备忘录显示，八月份时，一些亚马逊网络服务（AWS）的员工在内部Slack频道中表达了对AmazonQ的看法，指出该产品存在功能不足、成本较高以及难以与其他软件集成等问题。更有员工担心，这些问题可能导致客户转投微软的C
  • 独家｜百度ACG架构调整，百度网盘回归MEG 市象 百度架构
    「市象」获悉，百度智能云事业群组（ACG）近日完成了新一轮的组织架构调整：百度网盘的C端业务已重新划归移动生态事业群组（MEG），并由百度副总裁、文库事业部负责人王颖接手管理，而toB业务则继续留在ACG内运营。ACG内部的应用产品一部与二部进行了合并。原百度智能云副总裁、应用产品一部负责人喻友平已于8月离职，合并后的部门由百度副总裁、原百度网盘总经理阮瑜领导，应用产品二部负责人刘斌则改为向阮瑜汇
  • 在哪里买机票最便宜？手机廉价机票app排行榜TOP5下载 高省APP大九
    想要购买便宜实惠的机票，可以直接注册各个航空公司的会员，可以购买到一些会员价的机票。如东方航空、南方航空、春秋航空、中国国航、海南航空等，现在各个航空公司的会员基本上都是免费注册的。另外也可以选择第三方购票软件，如携程、途牛、去哪儿、同程、飞猪等。它们也会推出不少的优惠活动，可多方对比后选择其中一个进行购买飞机票，最好选择较多人数使用的软件。大家好，我是高省APP联合创始人蓓蓓导师，高省APP是2
  • FreeCheck免费查重论文检测 小张的简书
    FreeCheck免费查重论文检测FreeCheck网站内提供了维普，知网等定稿查重服务，定稿查重产品来自官方直供，支持真伪验证！均为官方正品，请放心检测！为你顺利毕业保驾护航。1、FreeCheck有着丰富的比对资源中文期刊论文库（中国期刊论文网络数据库、中文科技期刊数据库、中文重要学术期刊库、中国重要社科期刊库、中国重要文科期刊库、中国中文报刊报纸数据库等）。10000余万篇硕博学位论文库（中
  • 遇见.真好！ 雅璟
    花蕾遇见甘露，赖在春天，鲜花绽放。高原遇见湖泊，赖在云南，湖水清澄。云朵遇见水乡，赖在丘北，深情款款。普者黑，从云南高原走来的水乡，赖在宽窄巷，遇见您、你们，一见钟情，回归本真，让长朝穿梭于钢筋水呢的人们御下伪装，在不添加颜料的水墨丹青中，看见生活原来的样子！真好！珂涵老师说，宽窄巷子是来了不想走的地儿，普者黑是去了还想去的地方！这个五月，普者黑与宽窄巷相遇和交融，在宽宽窄窄的情素中，毫无违和地拥
  • 水彩画之阔腿牛仔裤少女 浅夏的海_ea23
    每次的画都有不满意的地方，画一副，毁一副，但是还是很喜欢画，会一直画。图片发自App图片发自App图片发自App图片发自App图片发自App
  • AI手机，时机未至 市象 人工智能智能手机
    2011年，Siri在iPhone4s上露面，智能手机初步具备了与人对话的能力。但此后数年，Siri并没有越来越聪明，反而时常被人吐槽成“智障”。除Siri外，其他手机厂商搭载的类似产品，也莫能例外。直到2017年，媒体才又开始鼓吹智能手机AI元年，噱头主要是AI芯片。当年5月，台积电开始量产苹果A11芯片，这款芯片被搭载进9月发布的iPhone8、iPhone8P和iPhoneX。紧随其后，9月
  • 设置广告活动目标和数字广告关键绩效指标的3个步骤 科技评论AI 人工智能语言模型自然语言处理大数据
    在微调广告预算、优化广告、分析数字广告关键绩效指标（KPI）和个性化着陆页面的同时，有一件事是在启动广告活动之前必须做的：确定哪些因素能使广告活动有效。广告商很容易迷失在构成成功活动的各种指标中，但事实是，并非所有亮眼的指标都指向广告的成功。找到广告活动成功秘诀的关键是从一开始就提出正确的问题：“我应该分析什么，为什么？”换句话说，一切都从您的活动目标开始，并以您的KPI结束。本文将讲解您需要了解
  • 雨趣 905d2c15a06a
    图片发自App雨狂躁了一夜，此时不由分说又下起来，让人无可奈何。天气说变就变，心情不能起起伏伏，成年人的世界里有太多无奈。常记得当年雨天卡着点上班，骑自行车嫌麻烦不打伞，到了单位脱了皮鞋咕嘟嘟往外倒水，去厕所把衣服拧干了水，浑身湿漉漉开空调吹干，那个酸爽劲儿多年后都不敢忘，真是服了当年的自己。前几年雨天约了客户，出门路上才发现车的左雨刷器坏了，找不到修理厂修，便开着左车窗，一边开一边探头看，连蒙带
  • java工厂模式 3213213333332132 java抽象工厂
    工厂模式有 1、工厂方法 2、抽象工厂方法。 下面我的实现是抽象工厂方法, 给所有具体的产品类定一个通用的接口。 package 工厂模式; /** * 航天飞行接口 * * @Description * @author FuJianyong * 2015-7-14下午02:42:05 */ public interface SpaceF
  • nginx频率限制+python测试 ronin47 nginx 频率 python
           部分内容参考：http://www.abc3210.com/2013/web_04/82.shtml 首先说一下遇到这个问题是因为网站被攻击，阿里云报警，想到要限制一下访问频率，而不是限制ip（限制ip的方案稍后给出）。nginx连接资源被吃空返回状态码是502，添加本方案限制后返回599，与正常状态码区别开。步骤如下：
  • java线程和线程池的使用 dyy_gusi ThreadPoolthreadRunnabletimer
    java线程和线程池 一、创建多线程的方式     java多线程很常见，如何使用多线程，如何创建线程，java中有两种方式，第一种是让自己的类实现Runnable接口，第二种是让自己的类继承Thread类。其实Thread类自己也是实现了Runnable接口。具体使用实例如下： 1、通过实现Runnable接口方式 1 2
  • Linux 171815164 linux
    ubuntu kernel http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.1.2-unstable/ 安卓sdk代理 mirrors.neusoft.edu.cn        80 输入法和jdk sudo apt-get install fcitx su
  • Tomcat JDBC Connection Pool g21121 Connection
           Tomcat7 抛弃了以往的DBCP 采用了新的Tomcat Jdbc Pool 作为数据库连接组件，事实上DBCP已经被Hibernate 所抛弃，因为他存在很多问题，诸如：更新缓慢，bug较多，编译问题，代码复杂等等。        Tomcat Jdbc P
  • 敲代码的一点想法 永夜-极光 java随笔感想
                  入门学习java编程已经半年了,一路敲代码下来,现在也才1w+行代码量,也就菜鸟水准吧,但是在整个学习过程中,我一直在想,为什么很多培训老师,网上的文章都是要我们背一些代码?比如学习Arraylist的时候,教师就让我们先参考源代码写一遍,然
  • jvm指令集 程序员是怎么炼成的 jvm 指令集
    转自：http://blog.csdn.net/hudashi/article/details/7062675#comments       将值推送至栈顶时 const ldc  push   load指令 const系列 该系列命令主要负责把简单的数值类型送到栈顶。(从常量池或者局部变量push到栈顶时均使用) 0x02 &nbs
  • Oracle字符集的查看查询和Oracle字符集的设置修改 aijuans oracle
    本文主要讨论以下几个部分：如何查看查询oracle字符集、 修改设置字符集以及常见的oracle utf8字符集和oracle exp 字符集问题。 一、什么是Oracle字符集 Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系。ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储，处理，检索数据。它使数据库工具，错误消息，排序次序，日期，时间，货
  • png在Ie6下透明度处理方法 antonyup_2006 css浏览器FirebugIE
    由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的IE8老报个错，不得以把ie8卸载掉，换个Ie6,问题解决了，今天出差回来，用ie6登入另一个正在开发的系统，遇到了Png图片的问题，当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的，和FireBug一样，呵呵)，这个问题就解决了，但稍微做了下这个问题的处理。 我们知道PNG是图像文件存储格式，查询资
  • 表查询常用命令高级查询方法(二) 百合不是茶 oracle分页查询分组查询联合查询
    ----------------------------------------------------分组查询 group by    having   --平均工资和最高工资   select avg(sal)平均工资,max(sal)  from emp ;  --每个部门的平均工资和最高工资
  • uploadify3.1版本参数使用详解 bijian1013 JavaScriptuploadify3.1
    使用：     绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下}); 设置的属性： id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://ww
  • 精通Oracle10编程SQL(17)使用ORACLE系统包 bijian1013 oracle数据库plsql
    /* *使用ORACLE系统包 */ --1.DBMS_OUTPUT --ENABLE:用于激活过程PUT,PUT_LINE,NEW_LINE,GET_LINE和GET_LINES的调用 --语法：DBMS_OUTPUT.enable(buffer_size in integer default 20000); --DISABLE:用于禁止对过程PUT,PUT_LINE,NEW
  • 【JVM一】JVM垃圾回收日志 bit1129 垃圾回收
    将JVM垃圾回收的日志记录下来，对于分析垃圾回收的运行状态，进而调整内存分配(年轻代，老年代，永久代的内存分配)等是很有意义的。JVM与垃圾回收日志相关的参数包括： -XX:+PrintGC -XX:+PrintGCDetails -XX:+PrintGCTimeStamps -XX:+PrintGCDateStamps -Xloggc -XX:+PrintGC 通
  • Toast使用 白糖_ toast
    Android中的Toast是一种简易的消息提示框，toast提示框不能被用户点击，toast会根据用户设置的显示时间后自动消失。     创建Toast 两个方法创建Toast makeText(Context context, int resId, int duration)     参数：context是toast显示在
  • angular.identity boyitech AngularJSAngularJS API
    angular.identiy 描述: 返回它第一参数的函数. 此函数多用于函数是编程. 使用方法: angular.identity(value); 参数详解: Param Type Details value * to be returned. 返回值: 传入的value 实例代码: <!DOCTYPE HTML>
  • java-两整数相除，求循环节 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class CircleDigitsInDivision { /** * 题目：求循环节，若整除则返回NULL，否则返回char*指向循环节。先写思路。函数原型：char*get_circle_digits(unsigned k,unsigned j)
  • Java 日期 周 年 Chen.H javaC++cC#
    /** * java日期操作(月末、周末等的日期操作) * * @author * */ public class DateUtil { /** */ /** * 取得某天相加(减)後的那一天 * * @param date * @param num *
  • [高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业 comsci 计算机
          不知道现在的高校还设置这个宽口径专业没有,自动控制与计算机应用专业,我就是这个专业毕业的,这个专业的课程非常多,既要学习自动控制方面的课程,也要学习计算机专业的课程,对数学也要求比较高.....如果有这个专业,欢迎大家报考...毕业出来之后,就业的途径非常广.....      以后
  • 分层查询（Hierarchical Queries） daizj oracle递归查询层次查询
    Hierarchical Queries If a table contains hierarchical data, then you can select rows in a hierarchical order using the hierarchical query clause: hierarchical_query_clause::= start with condi
  • 数据迁移 daysinsun 数据迁移
    最近公司在重构一个医疗系统，原来的系统是两个.Net系统，现需要重构到java中。数据库分别为SQL Server和Mysql，现需要将数据库统一为Hana数据库，发现了几个问题，但最后通过努力都解决了。 1、原本通过Hana的数据迁移工具把数据是可以迁移过去的，在MySQl里面的字段为TEXT类型的到Hana里面就存储不了了，最后不得不更改为clob。 2、在数据插入的时候有些字段特别长
  • C语言学习二进制的表示示例 dcj3sjt126com cbasic
    进制的表示示例 # include <stdio.h> int main(void) { int i = 0x32C; printf("i = %d\n", i); /* printf的用法 %d表示以十进制输出 %x或%X表示以十六进制的输出 %o表示以八进制输出 */ return 0; }
  • NsTimer 和 UITableViewCell 之间的控制 dcj3sjt126com ios
    情况是这样的: 一个UITableView, 每个Cell的内容是我自定义的 viewA viewA上面有很多的动画, 我需要添加NSTimer来做动画, 由于TableView的复用机制, 我添加的动画会不断开启, 没有停止, 动画会执行越来越多.   解决办法: 在配置cell的时候开始动画, 然后在cell结束显示的时候停止动画   查找cell结束显示的代理
  • MySql中case when then 的使用 fanxiaolong casewhenthenend
    select "主键", "项目编号", "项目名称","项目创建时间", "项目状态","部门名称","创建人" union (select pp.id as "主键", pp.project_number as &
  • Ehcache（01）——简介、基本操作 234390216 cacheehcache简介CacheManagercrud
    Ehcache简介 目录 1       CacheManager 1.1      构造方法构建 1.2      静态方法构建 2       Cache 2.1&
  • 最容易懂的javascript闭包学习入门 jackyrong JavaScript
    http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊
  • 提升网站转化率的四步优化方案 php教程分享 数据结构PHP数据挖掘Google活动
    网站开发完成后,我们在进行网站优化最关键的问题就是如何提高整体的转化率，这也是营销策略里最最重要的方面之一，并且也是网站综合运营实例的结果。文中分享了四大优化策略：调查、研究、优化、评估，这四大策略可以很好地帮助用户设计出高效的优化方案。 PHP开发的网站优化一个网站最关键和棘手的是，如何提高整体的转化率，这是任何营销策略里最重要的方面之一，而提升网站转化率是网站综合运营实力的结果。今天，我就分
  • web开发里什么是HTML5的WebSocket？ naruto1990 Webhtml5浏览器socket
    当前火起来的HTML5语言里面，很多学者们都还没有完全了解这语言的效果情况，我最喜欢的Web开发技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看6个HTML5教程介绍里 的 WebSocket API：它可用于客户端、服
  • Socket初步编程——简单实现群聊 Everyday都不同 socket网络编程初步认识
    初次接触到socket网络编程，也参考了网络上众前辈的文章。尝试自己也写了一下，记录下过程吧：   服务端：（接收客户端消息并把它们打印出来）   public class SocketServer { private List<Socket> socketList = new ArrayList<Socket>(); public s
  • 面试：Hashtable与HashMap的区别（结合线程） toknowme
    昨天去了某钱公司面试，面试过程中被问道 Hashtable与HashMap的区别？当时就是回答了一点，Hashtable是线程安全的，HashMap是线程不安全的，说白了，就是Hashtable是的同步的，HashMap不是同步的，需要额外的处理一下。   今天就动手写了一个例子，直接看代码吧 package com.learn.lesson001; import java
  • MVC设计模式的总结 xp9802 设计模式mvc框架IOC
    随着Web应用的商业逻辑包含逐渐复杂的公式分析计算、决策支持等，使客户机越 来越不堪重负，因此将系统的商业分离出来。单独形成一部分，这样三层结构产生了。 其中‘层’是逻辑上的划分。 三层体系结构是将整个系统划分为如图2.1所示的结构[3] （1）表现层（Presentation layer）：包含表示代码、用户交互GUI、数据验证。 该层用于向客户端用户提供GUI交互，它允许用户
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他