推荐第二种方法

• 令表格的id为realTimeTable

1、毁掉表格，再查询数据后append，如果你查大量的数据（例如：查询很多渠道的信息），而获取服务器数据又太慢，你就会看到表格在一行一行的增加

• 定时器，多长时间执行一次，自己定义，此处是30S

setInterval(function() { queryAll();
}, 30000);
    


        

            1
        

        

            2
        

        

            3
        

    

• 先定义一个函数，里面放入查询的方法updateRealTimeData和你所自定义使用的方法

function queryAll() { updateRealTimeData();
        .
        .
        .
        .
}
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

    

• 方法updateRealTimeData

 function updateRealTimeData() { if(errorFlag || appid == -1) return; //把表格的tbody移除，不然后面会一直添加 $("#realTimeTable").bootstrapTable('removeAll'); //获取数据 $.ajax({
            data: { //向服务器发送的一些参数，像日期，游戏ID什么的 .
                        .
                        .
                        .
                        .
                },
                    type: "post", //url不用说了吧，否则不知道向服务器哪个接口发送并请求 url: *******,
                    async: true, //超时时间 timeout:30000,
                    success: function(msg) { if(msg.code == '1') { //定义的函数实现对表格赋值，自定义想传的参数，但别忘了msg，不然搞个屁 showTableData(msg，……);
                        }

                    }
                });
            }
    


        

            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
        

    

• 方法showTableData

function showTableData(msg，……) { tableData = []; for(var i = 0; i < json.length; i++) {
                tableData.push({ //这里也就是data-field的名称，getDate是服务器返回的字段名 date: json[i].getDate,
                       .
                       .
                       .
                       .
                }) //数组反向排列，看情况使用 tableData.reverse(); //向tbody里面添加数据 $("#realTimeTable").bootstrapTable('append', tableData);
            }
}
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

        

            10
        

        

            11
        

        

            12
        

        

            13
        

        

            14
        

        

            15
        

        

            16
        

        

            17
        

    

2、使用updateRow方法

• 首先，得存在表格，里面有数据，才能更新行，否则没作用。此方法不会像上面的方法表格消失再增加，这个是整体不变，里面的数据会自动更新

• 定时器，和上面一样，多长时间执行一次，自己定义，此处是30S

setInterval(function() { queryAll(); for (var j = 0; j < 请求的数据的总条数（也就等于表格的行数）; j++) {
                changeAllChannelRealTime(j, .....);
            } }, 30000);
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

    

function changeAllChannelRealTime(j, .....) {
        $.ajax({
            data: { //向服务器发送的一些参数，像日期，游戏ID什么的 .
                        .
                        .
                        .
                        .
                },
                    type: "post", //url不用说了吧，否则不知道向服务器哪个接口发送并请求 url: *******,
                    async: true, //超时时间 timeout:30000,
                    success: function(msg) { if (msg.code == '1') {
                            changeData(j, msg, .....);
                    }
                },
                error: function () { msgToast.error("查询数据出错");
                }
            });
        }
    


        

            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
        

    

function changeData(i,msg,......){ $('#realTime_Table').bootstrapTable('updateRow', { //i表示第几行，从0开始 index: i,
                row: { //这里也就是data-field的名称,*表示字段名 date: msg.*
                        .
                        .
                        .
                        .
                }
            });         
}
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

        

            10
        

        

            11
        

        

            12
        

        

            13
        

        

            14
        

    

大象~ 大象~ 你的鼻子怎么那么长~~ 

• BootstrapTable API 中文版 http://blog.csdn.net/S_clifftop/article/details/77937356
• Bootstrap Table 双击或单击行获取该行内容 http://blog.csdn.net/S_clifftop/article/details/77915934

今天给同事电脑升级了一下系统，顺便升级了所有的软件，发现原来好好的项目报错了。报错大致信息如下：

 ERROR Failed to compile with 1 errors                                                                      下午1:56:26 error in ./src/components/Hello.vue Module build failed: Error: Missing binding /Users/fungleo/Sites/MyWork/vuedemo2/node_modules/node-sass/vendor/darwin-x64-57/binding.node Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 8.x Found bindings for the following environments: - OS X 64-bit with Node.js 6.x This usually happens because your environment has changed since running `npm install`. Run `npm rebuild node-sass --force` to build the binding for your current environment.
    at module.exports (/Users/fungleo/Sites/MyWork/vuedemo2/node_modules/node-sass/lib/binding.js:15:13) at Object.<anonymous> (/Users/fungleo/Sites/MyWork/vuedemo2/node_modules/node-sass/lib/index.js:14:35)
    at Module._compile (module.js:635:30) at Object.Module._extensions..js (module.js:646:10) at Module.load (module.js:554:32) at tryModuleLoad (module.js:497:12) at Function.Module._load (module.js:489:3) at Module.require (module.js:579:17) at require (internal/module.js:11:18) at Object.<anonymous> (/Users/fungleo/Sites/MyWork/vuedemo2/node_modules/sass-loader/lib/loader.js:3:14)
    at Module._compile (module.js:635:30) at Object.Module._extensions..js (module.js:646:10) at Module.load (module.js:554:32) at tryModuleLoad (module.js:497:12) at Function.Module._load (module.js:489:3) at Module.require (module.js:579:17) @ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-2d1bdf0c","scoped":false,"hasInlineConfig":false}!./~/sass-loader/lib/loader.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/Hello.vue 4:14-394 13:3-17:5 14:22-402 @ ./src/components/Hello.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js

> Listening at http://localhost:8080
    


        

            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
        

    

这段代码是我升级node之后，在我的电脑上复制出来的。但大概就是这么个意思，里面根据不同的项目位置什么的，会有所不同。

简单的说，这段代码就是告诉你，node-sass 不兼容 node v8 的版本。那就很好解决了。在当前项目下面执行

npm i node-sass -D
    


        

            1
        

    

然后项目就恢复正常了。

当项目出错之后，不要着急，仔细看下报错代码，实在不行用翻译工具翻译一下。一般来说，是很快能够找到解决方法的。

CefExample.Init(osr: false, multiThreadedMessageLoop: multiThreadedMessageLoop, browserProcessHandler: browserProcessHandler); 
    


        

            1
        

        

            2
        

    

这个方法就是Cef的初始化设置。里面有一些设置是已经注释的，每项设置我也没有详细研究，感兴趣的朋友可以自己看看代码和注释。这里我只说说几个比较重要的设置。

//设置语言环境是中文环境
settings.Locale = "zh_CN";
//远程调试端口
settings.RemoteDebuggingPort = 8088;
//浏览器缓存的路径,可以设置到某个磁盘，默认设置是在软件运行目录下面。
settings.CachePath = "cache";
//让浏览器的消息循环在一个单独的线程中执行,建议设置成true,具体含义看看浏览器消息处理。
settings.MultiThreadedMessageLoop = true;
//这个我理解不到，只有看源码的注释;
settings.ExternalMessagePump = false;
 //获取本机internet代理设置。
        var proxy = ProxyConfig.GetProxyInformation();
        switch (proxy.AccessType)
        {
            case InternetOpenType.Direct:
            {
                //Don't use a proxy server, always make direct connections.
                settings.CefCommandLineArgs.Add("no-proxy-server", "1");
                break;
            }
            case InternetOpenType.Proxy:
            {
                settings.CefCommandLineArgs.Add("proxy-server", proxy.ProxyAddress);
                break;
            }
            case InternetOpenType.PreConfig:
            {
                settings.CefCommandLineArgs.Add("proxy-auto-detect", "1");
                break;
            }
        }
        //直接注释掉，因为这个应用程序已经包含在工程目录下面
        //settings.BrowserSubprocessPath = "..\\..\\..\\..\\CefSharp.BrowserSubprocess\\bin\\" + architecture + "\\Debug\\CefSharp.BrowserSubprocess.exe";
        //注册custom的域名，程序内部资源访问域名。
        //custom://cefsharp/zpy.html这种域名注册，后续注册https和test都是使用这种方式，zpy.html就是我自己加载在项目内的html文件。可以使用这种方式用本地html开发图形界面。模糊B/S程序和C/S程序。
                    settings.RegisterScheme(new CefCustomScheme
        {
            SchemeName = CefSharpSchemeHandlerFactory.SchemeName,
            SchemeHandlerFactory = new CefSharpSchemeHandlerFactory(),
            IsSecure = true //treated with the same security rules as those applied to "https" URLs
            //SchemeHandlerFactory = new InMemorySchemeAndResourceHandlerFactory()
        });
        //在设置最后使用Cef.AddCrossOriginWhitelistEntry(BaseUrl, "https", "cefsharp.com", false);这些域名添加到白名单。 
    


        

            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
        

    

做完这些以后并且设置好ChromiumWebBrowser后就可以使用Application.Run(browser);启动浏览器。

为了能够更好的利用小程序本身的功能特性，
会希望从h5页面跳转到小程序页面中去，
我们后面要分享的h5网页调用小程序支付，
就需要用到这个特性。

这一节课程，
子恒老师跟你分享web-view中的h5页面怎么跳转到小程序里去…

猛击这里，
试看《h5页面跳转到小程序》视频

https://edu.csdn.net/course/play/6970/141895

设置web-view的业务域名——小程序web-view高级用法1
小程序使用web-view打开h5网页——小程序web-view高级用法2
微信web-view高级用法介绍——小程序web-view高级用法3
小程序web-view JSSDK配置文件说明——小程序web-view高级用法4
web-view的h5页面设置jssdk选项——小程序web-view高级用法5
小程序web-view打开网页demo实例——小程序web-view高级用法6
微信web-view用wx.getNetworkType获取网络状态——小程序web-view高级用法7
web-view调用wx.scanQRCode微信扫一扫——小程序web-view高级用法8

var obj = {}; var b = (JSON.stringify(obj) === "{}");
console.log(b); // true
    


        

            1
        

        

            2
        

        

            3
        

    

for in 循环判断

var obj = {}; var b = function() { for(var key in obj) { return false;
    } return true;
}
console.log(b()); // true
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

    

网上很多都是如上的说法，但是会存在一个问题，就是如果obj=null ，obj=undefined，obj=""，obj=[]，obj=0 以及obj为任意数字也返回true，所以有了下面这个for in 循环判断：

方案一：

var obj = {}; var b = function() { for(var key in obj) { return false;
    } if(obj === null || typeof obj !== "object" || Array.isArray(obj)){ return false;
    } return true;
}
console.log(b()); // true
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

        

            10
        

        

            11
        

    

方案二：

var obj = {}; var b = function() { for(var key in obj) { return false;
    } if(obj === null || typeof obj !== "object" || Object.prototype.toString.call(obj) === "[object Array]"){ return false;
    } return true;
}
console.log(b()); // true
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

        

            7
        

        

            8
        

        

            9
        

        

            10
        

        

            11
        

    

上面两种方案的区别就是判断判断空数组的方式不同。

jQuery的jQuery.isEmptyObject(obj)方法

var obj = {}; var b = $.isEmptyObject(obj);
console.log(b); // true
    


        

            1
        

        

            2
        

        

            3
        

    

jQuery.isEmptyObject(obj) 方法依然存在obj=null ，obj=undefined，obj=""，obj=[]，obj=0 以及obj为任意数字返回true的问题，所以我们还应该再用typeof 或者 $.type() 判断一下：

var obj = {}; var b = $.isEmptyObject(obj) && $.type(obj) === "object";
console.log(b); // true
    


        

            1
        

        

            2
        

        

            3
        

    

var obj = {}; var b = $.isEmptyObject(obj) && typeof obj === "object" && obj !== null && !Array.isArray(obj);
console.log(b); // true
    


        

            1
        

        

            2
        

        

            3
        

    

var obj = {}; var b = $.isEmptyObject(obj) && typeof obj === "object" && obj !== null && Object.prototype.toString.call(obj) !== "[object Array]";
console.log(b); // true
    


        

            1
        

        

            2
        

        

            3
        

    

Object.getOwnPropertyNames()方法

Object.getOwnPropertyNames() 方法返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。

var obj = {}; var b = !Object.getOwnPropertyNames(obj).length;
console.log(b); // true
    


        

            1
        

        

            2
        

        

            3
        

    

Object.getOwnPropertyNames() 方法存在obj=0 以及obj为任意数字返回true的问题，所以我们还应该再用typeof 判断一下：

var obj = {}; var b = !Object.getOwnPropertyNames(obj).length && typeof obj === "object";
console.log(b); // true
    


        

            1
        

        

            2
        

        

            3
        

    

Object.keys()方法

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in循环遍历该对象时返回的顺序一致 。

var obj = {}; var b = !Object.keys(obj).length;
console.log(b); // true
    


        

            1
        

        

            2
        

        

            3
        

    

Object.keys() 方法存在obj=""，obj=[]，obj=0 以及obj为任意数字返回true的问题，所以依旧需要加判断如下：

var obj = {}; var b = !Object.keys(obj).length && typeof obj === "object" && !Array.isArray(obj);
console.log(b); // true
    


        

            1
        

        

            2
        

        

            3
        

    

var obj = {}; var b = !Object.keys(obj).length && typeof obj === "object" && Object.prototype.toString.call(obj) !== "[object Array]";
console.log(b); // true
    


        

            1
        

        

            2
        

        

            3
        

    

在实际应用中，如果对象不为空，并且知道对象不为空时，某个属性一定存在，则直接判断这个对象的此属性是否存在。