&

分類:

不二心回答

代理配置完成之后把啟動(dòng)本地服務(wù)的locahost 換為本地的ip啟動(dòng)服務(wù),這是服務(wù)端那邊做的某些限制

步驟詳細(xì)如下:

第一步訪問(wèn)項(xiàng)目的locahost 變成你本地的ip

第二步配置代理

 proxyTable: {
  '/v2': {
    target: 'http://api.douban.com',
    changeOrigin: true,
   }

}

this.$axios.get('/v2/movie/in_theaters')
    .then(function (response) {
        console.log(response);
    })
    .catch(function (error) {
        console.log(error);
    });   // 就按我寫(xiě)的配不需要更改

Vue.extend與 Vue.util.extend 有啥區(qū)別

伐木累回答

Vue.extend 和 Vue.util.extend 在 vue.runtime.js 文件中是這么定義的。

  Vue.util = {
    warn: warn,
    extend: extend,
    mergeOptions: mergeOptions,
    defineReactive: defineReactive$$1
  };

 /**
  * Mix properties into target object.
  */
  function extend (to, _from) {
    for (var key in _from) {
      to[key] = _from[key];
    }
    return to
  }

  /**
   * Class inheritance
   */
  Vue.extend = function (extendOptions) {
    extendOptions = extendOptions || {};
    var Super = this;
    
    /* ... */
    
    var Sub = function VueComponent (options) {
      this._init(options);
    };
    
    /* ... */
    
    return Sub
  };

Vue.util.extend 的主要作用就是合并 { el: '#root', router, store }和 App就這么簡(jiǎn)單。

json取值

孤巷回答

不知道關(guān)系？那只有遍歷了。。。

react pubsub 首次訂閱失敗

拽很帥回答

subject和result兩個(gè)組件都不能同時(shí)加載，肯定發(fā)布了收不到啊。

另外你subscribe的寫(xiě)法有誤，this.subscr并非指向subscribe返回的函數(shù)，因此unsuscribe是失敗的...

為何margin:0 auto不起作用了？

憶往昔回答

你設(shè)置了display:table-cell; 的話，margin會(huì)失效。你可以使用彈性布局去達(dá)到你想要的效果

.container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

forEach循環(huán)中使用async，await關(guān)鍵字獲取到的值總是最后一個(gè)？

礙你眼回答

for(let x of ar){...} 中使用 async/await

Q：運(yùn)行npm run dev報(bào)錯(cuò)，查了很久找不到解決辦法，求助論壇的前輩們~

凹凸曼回答

"dev": "webpack-dev-server --devtool eval --progress --colors --hot" //意思是自動(dòng)刷新屏幕
package.json不能加注釋。

如何使用JS排序

懶洋洋回答

數(shù)組就用sort 排序,看你數(shù)據(jù)格式而確定怎么做最好

vue-router 對(duì)路由驗(yàn)證重定向時(shí)，路由跳轉(zhuǎn)但有報(bào)錯(cuò)

有你在回答

router.replace(location) 相當(dāng)于 window.history.replaceState

猜測(cè) 是不是history里沒(méi)有值

你換 this.$router.push('/home')試試

咦？為什么前綴 prefix那里要加 []??？

請(qǐng)教下如何用JS實(shí)現(xiàn)這種多層級(jí)的DIV顯示與隱藏？

使勁操回答

你可以嘗試一下遞歸

mac上的vscode光標(biāo)向下移動(dòng)折疊代碼自動(dòng)打開(kāi)問(wèn)題如何解決

安若晴回答

直接跳轉(zhuǎn)到目標(biāo)行可以嗎?在window下(ps:..沒(méi)有MAC),ctrl+p然后輸入:1回車(chē)就可以跳到相應(yīng)的行數(shù)了

append()問(wèn)題，為什么出現(xiàn)這種情況？

傲嬌范回答

append的是text，文字上怎么會(huì)有點(diǎn)擊事件呢

你檢查一下元素，是不是div.beforeAppend和div.afterAppend是不是有重疊啊

sublime如何選中所有相同變量？

糖豆豆回答

使用ctrl + f同時(shí)勾選這個(gè)Whole Word(快捷鍵Alt+W)也是可以達(dá)到這個(gè)目的的圖片描述

在html5中將<div>放在<canvas>之上？

玄鳥(niǎo) 回答

    .main {
      width: 1440px;
      height: 2000px;
    }
        canvas{
      position: absolute;
      z-index: -1;
    }

html組件化的問(wèn)題

雨蝶回答

請(qǐng)問(wèn)有沒(méi)有方法讓style標(biāo)簽統(tǒng)一合并到<head></head>標(biāo)簽中，而script標(biāo)簽統(tǒng)一合并到尾部</body>呢?

自己實(shí)現(xiàn) load 啊。

感覺(jué)這種純html組件化不是很實(shí)用

本來(lái)就毛用沒(méi)有。

有沒(méi)有更好的方式來(lái)開(kāi)發(fā)傳統(tǒng)頁(yè)面呢?

不知道你說(shuō)的“傳統(tǒng)頁(yè)面”指什么。 AMD 的 require 可以按需加載，組件化什么的，現(xiàn)在隨便一個(gè) angular / react 都有很漂亮的方案。

linux 如何寫(xiě)循環(huán)查詢相同端口并殺死的進(jìn)程？

淚染裳回答

你需要用root或sudo執(zhí)行

PORT_NUMBER=80
lsof -n -i tcp:${PORT_NUMBER} | awk 'NR!=1 {print $2}' |uniq | xargs kill

EDITED

找到一個(gè)更簡(jiǎn)單的辦法, 跟本不需要循環(huán)

fuser -k 80/tcp

see https://stackoverflow.com/a/1...

vue-cli中用gaxios請(qǐng)求mock數(shù)據(jù)失敗

念初回答

https://github.com/zhouyupeng... 他不是有源碼嗎？看看他的拉下來(lái)怎么樣咯

vue provide inject 使用場(chǎng)景？

陌如玉回答

可以替代dispath,
可以替代 this.$parent.something

不是很理解object和構(gòu)造函數(shù)名的關(guān)系

奧特蛋回答

js本來(lái)沒(méi)有new，需要的人多了，也就有了new

首先我們來(lái)看一個(gè)函數(shù)

function Person(n, a, g) {
    var obj = {
        name: n,
        age: a,
        gender: g
    }
    obj.constructor = Person;   // 給個(gè)標(biāo)記表示這個(gè)obj由Person生成
    // 其他的屬性 obj.blabla....
    obj.speak = function () {
        console.log(this);
    }
    return obj;
}

var o = Person(n, a, g)

這個(gè)應(yīng)該挺好懂吧，新建一個(gè)對(duì)象然后返回，這個(gè)函數(shù)我們叫工廠函數(shù)，就是每次都生成同一種對(duì)象然后返回。

后來(lái)人們想著，我每次這樣寫(xiě)其實(shí)挺費(fèi)勁的，有沒(méi)有更好的辦法呢。

然后就有了

function Person(n, a, g) {
    this.name = n;
    this.age = a;
    this.gender = g;
    this.speak = function () {
        console.log(this);
    };
}

var o = new Person(n, a, g)

這個(gè)函數(shù)我們就叫構(gòu)造函數(shù)，當(dāng)我們使用new Person()時(shí)它執(zhí)行的過(guò)程就跟上面的工廠函數(shù)基本是一樣的，不過(guò)這個(gè)函數(shù)自動(dòng)幫我們處理了很多事，方便很多。具體可以看new運(yùn)算符

那么不用new的時(shí)候呢？它就是一個(gè)普通函數(shù)。

那么我們回到上面的問(wèn)題，Object和這個(gè)有什么區(qū)別

上面說(shuō)了new的時(shí)候會(huì)先新建一個(gè)對(duì)象，然后我們的構(gòu)造函數(shù)會(huì)給新建的對(duì)象打上標(biāo)記constructor，用來(lái)表示這個(gè)對(duì)象是由哪個(gè)函數(shù)生成的，所以用new Person()出來(lái)的對(duì)象顯示的是Person，而new Object()出來(lái)的對(duì)象就是Object，雖然他們一開(kāi)始都是對(duì)象Object

js數(shù)據(jù)合并問(wèn)題

安若晴回答

oneliner 又來(lái)湊熱鬧... 供參考

const merge = (a,b) =>[...a.concat(b).reduce((m, x) => m.set(x.key, Object.assign(m.get(x.key) || {}, x)), new Map()).values()]

const a = [ { key: "id", num: "111", }, { key: "age", num: "222", } ]
const b = [ { key: "age", initVal: "23" }, { key: "id", initVal: "001" } ]

console.log(merge(a,b))