天马呵呵拳
天马呵呵拳

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）)

  • 斤斤计较的婚姻到底有多难？ 白心之岂必有为
    很多人私聊我会问到在哪个人群当中斤斤计较的人最多？我都会回答他，一般婚姻出现问题的斤斤计较的人士会非常多，以我多年经验，在婚姻落的一塌糊涂的人当中，斤斤计较的人数占比在20～30%以上，也就是说10个婚姻出现问题的斤斤计较的人有2-3个有多不减。在婚姻出问题当中，有大量的心理不平衡的、尖酸刻薄的怨妇。在婚姻中仅斤斤计较有两种类型：第一种是物质上的，另一种是精神上的。在物质与精神上抠门已经严重的影响
  • 情绪觉察日记第37天 露露_e800
    今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得
  • 芦花鞋一四 许叶晗
    又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花
  • QQ群采集助手，精准引流必备神器 2401_87347160 其他经验分享
    功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具，它通过关键词搜索功能，帮助用户快速找到相关的微信群，并提供筛选是否需要验证的群组的功能。主要功能关键词搜索：用户可以输入关键词，工具将自动查找包含该关键词的微信群。筛选功能：工具提供筛选机制，用户可以选择是否只显示需要验证或不需要验证的群组。精准引流：通过上述功能，用户可以更精准地找到目标群组，进行有效的引流操作。3.设备需求该工具可以
  • 关于沟通这件事，项目经理不需要每次都面对面进行 流程大师兄
    很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些
  • 机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习python
    一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
  • android系统selinux中添加新属性property 辉色投像
    1.定位/android/system/sepolicy/private/property_contexts声明属性开头：persist.charge声明属性类型：u:object_r:system_prop:s0图12.定位到android/system/sepolicy/public/domain.te删除neverallow{domain-init}default_prop:property
  • 铭刻于星（四十二） 随风至
    69夜晚，绍敏同学做完功课后，看了眼房外，没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深，都有些旧了，想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处，待到全部拆开后，又反复抚平纸张，然后仔细地一字字默看。只是开头的三个字是第一次看到，让她心漏跳了几拍。“亲爱的绍敏：从四年级的时候，我就喜欢你了，但是我一直不敢说，怕影响你学习。六年级的时候听说有人跟你表白，你接受了，我很难过，但
  • 底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说 造命者说
    底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说我叫吴起，生于公元前440年的战国初期，正是群雄并起、天下纷争不断的时候。后人说我是军事家、政治家、改革家，是兵家代表人物。评价我一生历仕鲁、魏、楚三国，通晓兵家、法家、儒家三家思想，在内政军事上都有极高的成就。周安王二十一年（公元前381年），因变法得罪守旧贵族，被人乱箭射死。我出生在卫国一个“家累万金”的富有家庭，从年轻时候起就不甘平凡
  • 2020-01-25 晴岚85
    郑海燕坚持分享590天2020.1.24在生活中只存在两个问题。一个问题是：你知道想要达成的目标是什么，但却不知道如何才能达成；另一个问题是：你不知道你的目标是什么。前一个是行动的问题，后一个是结果的问题。通过制定具体的下一步行动，可以解决不知道如何开始行动的问题。而通过去想象结果，对结果做预估，可以解决找不着目标的问题。对于所有吸引我们注意力，想要完成的任务，你可以先想象一下，预期的结果究竟是什
  • 随笔 | 仙一般的灵气 海思沧海
    仙岛今天，我看了你全部，似乎已经进入你的世界我不知道，这是否是梦幻，还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求，这样才能够符合人生的梦想，生活才能够充满着阳光与快乐我不知道，我为什么会这样的感叹，是在感叹自己的人生，还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴，每天活在自己的梦中，活在一个不真实的世界是在逃避自己，还是在逃避周围的一切有时候我嘲笑自己，嘲笑自己如此的虚无，
  • 想家 爆米花机
    也许不同于大家对家乡的思念，我对家乡甚至是疯狂的不舍。还未踏出车站就感觉到幸福，我享受这里的夕阳、这里的浓烈柴火味、这里每一口家常菜。我是宅女，我贪恋家的安逸。刚刚踏出大学校门，初出茅庐，无法适应每年只能国庆和春节回家。我焦虑、失眠、无端发脾气，是无法适应工作的节奏，是无法接受我将一步步离开家乡的事实。我不想承认自己胸无大志，选择再次踏上征程。图片发自App
  • 【iOS】MVC设计模式 Magnetic_h iosmvc设计模式objective-c学习ui
    MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
  • OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言
    前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
  • 一百九十四章. 自相矛盾 巨木擎天
    唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
    本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
  • C语言宏函数 南林yan C语言c语言
    一、什么是宏函数？通过宏定义的函数是宏函数。如下，编译器在预处理阶段会将Add(x,y)替换为((x)*(y))#defineAdd(x,y)((x)*(y))#defineAdd(x,y)((x)*(y))intmain(){inta=10;intb=20;intd=10;intc=Add(a+d,b)*2;cout<
  • 地推话术，如何应对地推过程中家长的拒绝 校师学
    相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业
  • 谢谢你们，爱你们！ 鹿游儿
    昨天家人去泡温泉，二个孩子也带着去，出发前一晚，匆匆下班，赶回家和孩子一起收拾。饭后，我拿出笔和本子（上次去澳门时做手帐的本子）写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考，带什么出发去旅游呢？她在对应的数字旁边画上了，泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后，就让她自己对着这个本子，将要带的，一一带上，没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来，妹妹累得
  • C语言如何定义宏函数？ 小九格物 c语言
    在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参
  • 微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务java架构
    在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • 小丽成长记（四十三） 玲玲54321
    小丽发现，即使她好不容易调整好自己的心态下一秒总会有不确定的伤脑筋的事出现，一个接一个的问题，人生就没有停下的时候，小问题不断出现。不过她今天看的书，她接受了人生就是不确定的，厉害的人就是不断创造确定性，在Ta的领域比别人多的确定性就能让自己脱颖而出，显示价值从而获得的比别人多的利益。正是这样的原因，因为从前修炼自己太少，使得她现在在人生道路上打怪起来困难重重，她似乎永远摆脱不了那种无力感，有种习
  • 学点心理知识，呵护孩子健康 静候花开_7090
    昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果
  • 2021年12月19日，春蕾教育集团团建活动感受——黄晓丹 黄错错加油
    感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
  • Cell Insight | 单细胞测序技术又一新发现，可用于HIV-1和Mtb共感染个体诊断 尐尐呅
    结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌（Mycobacteriumtuberculosis,Mtb）感染引起，获得性免疫缺陷综合症（艾滋病）由人免疫缺陷病毒（Humanimmunodeficiencyvirustype1,HIV-1）感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队，共同研究得出单细胞测序
  • c++ 的iostream 和 c++的stdio的区别和联系 黄卷青灯77 c++算法开发语言iostreamstdio
    在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
  • 瑶池防线 谜影梦蝶
    冥华虽然逃过了影梦的军队，但他是一个忠臣，他选择上报战况。败给影梦后成逃兵，高层亡尔还活着，七重天失守......随便一条，即可处死冥华。冥华自然是知道以仙界高层的习性此信一发自己必死无疑，但他还选择上报实情，因为责任。同样此信送到仙宫后，知道此事的人，大多数人都认定冥华要完了，所以上到仙界高层，下到扫大街的，包括冥华自己，全都准备好迎接冥华之死。如果仙界现在还属于两方之争的话，冥华必死无疑。然而
  • 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其他