鍍金池/ 問答/ 網(wǎng)絡(luò)安全問答
冷咖啡 回答

一行一行解釋源碼，估計(jì)也不太好理解；我們從另外一個(gè)角度來(lái)看這個(gè)問題。

返回的是動(dòng)態(tài)函數(shù)

首先看 bonusCombination 函數(shù)的返回語(yǔ)句是：return (new Function(str)).apply(null, [arr, fun])。這條語(yǔ)句的分解如下：：

  • new Function(str) ：含義是利用 str 字符串動(dòng)態(tài)構(gòu)造出函數(shù)，我們暫且稱這個(gè)構(gòu)造出來(lái)的函數(shù)名為 strFn （即 var strFn = new Function(str)）
  • 這樣就有 strFn.apply(null, [arr, fun])，轉(zhuǎn)換成我們平時(shí)可以理解的形式就是 strFn(arr, fun)

從這里我們可以看出，這個(gè) bonusCombination 的目的是動(dòng)態(tài)構(gòu)建一個(gè)函數(shù) strFn，該函數(shù)接受兩個(gè)入?yún)?arr 和 fun —— 而這兩個(gè)入?yún)⒕褪俏覀儌鹘o bonusCombination 的入?yún)ⅲ?/p>

對(duì)應(yīng)你給的例子，這里的 arr 就是 [1,2,3,4]，而 fun 是 null

入?yún)?num 的作用，動(dòng)態(tài)創(chuàng)建函數(shù)體

我們知道 bonusCombination 還有一個(gè)入?yún)ⅲ褪?num，它的作用就是 鍛造 上述動(dòng)態(tài)函數(shù) strFn 的具體內(nèi)容，利用這個(gè) num 入?yún)?lái)影響那一大段字符操作，這樣也就影響了動(dòng)態(tài)函數(shù)的具體內(nèi)容：

函數(shù)體內(nèi)容

對(duì)于閱讀這樣的函數(shù)，要理解它的含義，最好的辦法就是枚舉。

比如我們讓 num 為 2：那么動(dòng)態(tài)構(gòu)建的函數(shù) strFn 結(jié)構(gòu)體如下：

var strFn2 = function(arr, fun){
  var arr=arguments[0]; 
  var fun=arguments[1];  
  var ret=[]; 
  for (var a = 0; a < arr.length; a++) {
    for(var b = a + 1; b < arr.length; b++){
        var temp = [];
          temp.push(arr[a]); 
          temp.push(arr[b]); 
          if(fun){
            ret.push(fun(temp));
        } else {
            ret.push(temp); 
        }
    } 
  };
  return ret;
}

可見函數(shù)體內(nèi)包含 2 次循環(huán)（因?yàn)?num 值為 2），返回的 ret 就是結(jié)果值；

也就說調(diào)用 bonusCombination([1,2,3,4],2) 就相當(dāng)于調(diào)用 strFn2([1,2,3,4])，返回值就是你題中的 [[1,2],[1,3],[1,4],[2,3],[2,4],[3,4]] 。

同樣如果我們讓 num 為 3：那么動(dòng)態(tài)構(gòu)建的函數(shù) strFn 結(jié)構(gòu)體如下：

var strFn3 = function(arr, fun){
  var arr=arguments[0]; 
  var fun=arguments[1];  
  var ret=[]; 
  for (var a = 0; a < arr.length; a++) {
    for(var b = a + 1; b < arr.length; b++){
      for(var c = b + 1; c < arr.length; c++) {
        var temp = [];
          temp.push(arr[a]); 
          temp.push(arr[b]); 
          temp.push(arr[c]);
          if(fun){
            ret.push(fun(temp));
        } else {
            ret.push(temp); 
        }
      }
    } 
  };
  return ret;
}

函數(shù)體內(nèi)包含 3 次循環(huán)（因?yàn)?num 值為 3）；此時(shí)調(diào)用 bonusCombination([1,2,3,4],3) 就相當(dāng)于調(diào)用 strFn3([1,2,3,4])，返回值是 [[1,2,3],[1,2,4],[1,3,4],[2,3,4]]；

你也可以自己試一下讓 num 為 4 或者 1，寫出的函數(shù)體內(nèi)容是怎么樣的，你就能徹底明白這個(gè) bonusCombination 函數(shù)的作用了。

回答你的問題

問題1：看不懂為什么用字符串做變量，這個(gè)方法還有其他的功能嗎？
回答：字符串做變量就是為了動(dòng)態(tài)構(gòu)造函數(shù)體內(nèi)容，依據(jù) num 的不同值動(dòng)態(tài)生成不同的 strFn 函數(shù) —— 從這個(gè)角度上來(lái)講 bonusCombination 就是一個(gè) 工廠函數(shù)；

該方法還有另外的功能，體現(xiàn)在入?yún)?fun 上，可以對(duì)每個(gè)結(jié)果元素調(diào)用 fun(temp)，相當(dāng)于使用數(shù)組的 map 功能。

問題2：一開始為什么定義一個(gè) variable;
回答：主要是為動(dòng)態(tài)函數(shù)體提供足夠多的中間變量，沒啥具體含義，只要是符合 js 變量名稱就可以。這里使用 a、b... 這些變量名，估計(jì)是為了簡(jiǎn)單起見，你可以用任何符合 js 變量名稱規(guī)范的字符串就行。

問題3：請(qǐng)一步一步來(lái)解釋
回答：讀懂上面兩小節(jié)的分析或者參考前一個(gè)回答，每一行解釋這里就不附上了。

其他

這種利用 Function 動(dòng)態(tài)函數(shù)構(gòu)造出來(lái)的功能函數(shù)，性能堪憂；
你也知道，如果 arr 入?yún)?shù)組越長(zhǎng)，num 越大，那么嵌套的循環(huán)體也就越多，性能就越差。

這樣的代碼雖然能運(yùn)行，但質(zhì)量比較糟糕，還有很大的性能隱患，不能放在線上正式的產(chǎn)品中使用。這段代碼比較適合用來(lái)學(xué)習(xí) Function 的功能，以及 組合數(shù)學(xué) 的相關(guān)知識(shí)。

這種方式的編程屬于 元編程 范疇，可以參考我最近寫的文章 《【資源集合】 ES6 元編程（Proxy & Reflect & Symbol）》了解更多。后續(xù)有機(jī)會(huì)，我看能否使用 Proxy & Reflect 來(lái)重寫這個(gè) bonusCombination 函數(shù)。

傲寒 回答

小伙子，學(xué)習(xí)springmvc吧

笨尐豬 回答

有款字體映射的工具：Font Loader，你試試可不以解決你的問題

呆萌傻 回答 
setTimeout(()=>console.log('token will be expiried in 5 mins'), new Date(Date.parse("Tue Nov 21 2017 00:40:59 GMT +0800 (CST)"))-Date.now()-5*60*1000)
她愚我 回答

前人已經(jīng)實(shí)現(xiàn)的JS類庫(kù)StackBlur.js

念初 回答

百度事件統(tǒng)計(jì)并不是實(shí)時(shí)的，會(huì)有延時(shí)

假灑脫 回答

你應(yīng)該是想調(diào)用 那些禁用鍵盤事件的方法

var protection = (function () {
    var data = {
        suffix: "com",
        main: "www.",
        red: "bai",
        beauty: "du",
        dot: "."
    }
    var d = (data.main + data.red + data.beauty).toString() + data.dot + data.suffix;
    var url = function () {
        if (document.location.host != "www.baidu.com") {
            location.href = location.href.replace(document.location.host, 'www.baidu.com');
        }
        return location.href;
    }
    var authentication = function () {
        if (window.location.host.indexOf(d) < 0) {
            //$("body").remove();
            document.querySelector('html').removeChild('body');
            return false
        }
        return true
    }

    var shield = function (config) {
        shield.config = config;
        var disable = {
            disableCopy: function (e, keycode) {
                //屏蔽Ctrl+s 保存頁(yè)面
                if (e.ctrlKey && keycode == 83) {
                    console.log(shield.config)
                    e.preventDefault();
                    e.returnValue = false;
                }
            },
            disableSource: function (e, keycode) {
                //屏蔽Ctrl+u  查看頁(yè)面的源代碼
                if (e.ctrlKey && keycode == 85) {
                    e.preventDefault();
                    e.returnValue = false;
                }
            },
            disableF12: function (e, keycode) {
                //屏蔽F12
                if (keycode == 123) {
                    e.preventDefault();
                    e.returnValue = false;
                }
            },
            disableConsole: function (e, keycode) {
                //屏蔽Ctrl+shift+i   屏蔽調(diào)出控制臺(tái) 和F12一樣
                if (e.ctrlKey && e.shiftKey && keycode == 73) {
                    e.preventDefault();
                    e.returnValue = false;
                }
            }
        }

        document.addEventListener('keydown', function (e) {
            e = window.event || e;
            var keycode = e.keyCode || e.which;
            for (var i = 0; i < shield.config.length; i++) {
                disable[shield.config[i]](e, keycode);
            }
        });
    }
    var facility = {
        geturl: url,
        checkurl: authentication,
        shield: shield
    }
    return facility;
})();

protection.shield(["disableCopy", "disableConsole"]);
//通過js控制
setTimeout(function(){
    protection.shield.config = ["disableCopy"];
},2000)
陌南塵 回答

通過實(shí)驗(yàn)發(fā)現(xiàn)了，bean中的字段可以定義為駝峰，通過hibernate的命名策略可以自動(dòng)把駝峰轉(zhuǎn)化為下劃線，然后Sort中需要的其實(shí)是bean中的字段。例如定義為movieId，數(shù)據(jù)會(huì)自動(dòng)轉(zhuǎn)為movie_id，然后會(huì)根據(jù)bean的字段也就是movieId去排序。

懶洋洋 回答

什么報(bào)錯(cuò)都不給 準(zhǔn)備我猜嗎

雨蝶 回答

clipboard.png

<router-link :to="{path:'storeIndex',query:{storeId:item.id}}" exact></router-link>

或者

this.$router.push({
  path: "orderSettlement",
  query: {
      id: goodId,
      optionid: optionid,
      total: goods_num
  }
});
苦妄 回答

環(huán)境配置好后，執(zhí)行react-native init AwesomeProject（這個(gè)是項(xiàng)目名稱） ，根據(jù)報(bào)錯(cuò)是你網(wǎng)絡(luò)連接的原因，使項(xiàng)目創(chuàng)建出現(xiàn)異常，可以重新執(zhí)行或者設(shè)置NPM鏡像源
設(shè)置淘寶鏡像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
尋仙 回答

alibaba/dubbo: Dubbo is a high-performance, java based, open source RPC framework: https://github.com/alibaba/dubbo

是一個(gè)RPC框架，實(shí)現(xiàn)分布式系統(tǒng)中不同節(jié)點(diǎn)的通信，但是節(jié)點(diǎn)互相怎么找到彼此呢？這個(gè)就靠ZooKeeper了

半心人 回答

只需要將CascadeType.ALL修改為CascadeType.MERGE
然后在新增數(shù)據(jù)時(shí)自己手動(dòng)關(guān)聯(lián)表即可

 @Test
 public void test123(){
     
        this.labelDao.save(label1);
        this.labelDao.save(label2);
        this.songDao.save(song);// 報(bào)錯(cuò)org.hibernate.PersistentObjectException: detached entity passed to persist: com.example.data.bean.Label
        }
陌離殤 回答

子目錄里的只影響當(dāng)前目錄及其子目錄, 但父目錄和兄弟目錄不受影響, 且子目錄優(yōu)先級(jí)高

伐木累 回答

繪制雪花,雪花下落,clear上一步繪制的區(qū)域,就是(x-1,y-1,x,y)
煙花殘影一直繪制.你試一試行不

故林 回答
  1. 你不是寫出來(lái)了么，判斷scrollTop大于定位的元素top就行
  2. 更換圖片有2個(gè)思路：可以把三張圖放仨img里，然后通過切換顯示隱藏來(lái)模擬“更換”效果；或者你可以參考這篇文章里，使用content屬性來(lái)替換img標(biāo)簽里的圖片，這樣只需要一個(gè)img標(biāo)簽就行了
  3. fixed定位？
首頁(yè) 上一頁(yè) 3 4 5 6 7 8 9 10 11 下一頁(yè) 尾頁(yè)