1. F12或者Cmd+Alt+i打開瀏覽器控制臺(tái)
2. 在console里輸入以下代碼

var a = [1, 2]
var b = a
a.push(3)
console.log(b)

輸出[1,2,3]
3.刷新瀏覽器 在console里輸入以下代碼

var a = [1, 2]
var b = a
a = [...a, 3]
console.log(b)

輸出[1,2]

1. 為什么？ 這就牽扯到引用類型深拷貝和淺拷貝的問題了，建議題主好好補(bǔ)補(bǔ)基礎(chǔ)

可以給route-view添加transition,官網(wǎng)有過(guò)渡屬性介紹:https://router.vuejs.org/zh-c...

vscode 配置 jsconfig.json 倒是可以解決這個(gè)問題
不僅可以路徑提示 還可以有引用文件的智能提示 按住 command 點(diǎn)擊還能跳過(guò)去
https://code.visualstudio.com...

Webstorm 我沒用過(guò)不清楚 理論上應(yīng)該也可以 畢竟是 IDE 級(jí)別的 不至于比編輯器還差吧

順便分享一下我的 jsconfig.json

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    },
    "target": "ES6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true,
    "experimentalDecorators": true
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules"
  ]
}

有類似的問題及答案額

$(selector).css(name,value)中的css只有兩個(gè)參數(shù)，第一個(gè)始樣式的名稱，第二是樣式的值。不是回調(diào)函數(shù)。

js中函數(shù)有沒有回調(diào)，是根據(jù)你自己封裝的時(shí)候有沒有讓其具備回調(diào)的能力。

希望回去好好打好基礎(chǔ)。。。。

警告是因?yàn)闆]有設(shè)置key，大概你的循環(huán)，切割的時(shí)候出了問題，斷點(diǎn)看一下

.eslintrc.js 文件，采用了 standard 標(biāo)準(zhǔn)，該標(biāo)準(zhǔn)默認(rèn)沒有分號(hào)。可以查看github文檔 JavaScript Standard Style。
如果想要使用分號(hào)，可以在 .eslintrc.js 文件內(nèi)，添加rules。

'rules': {
'semi': ['error', 'always'] // 強(qiáng)制有分號(hào)，沒有就報(bào)錯(cuò)
}

在外層div控制寬度超出不顯示就行

后臺(tái)寫個(gè)接口，返回需要的數(shù)據(jù)。

xAsis里面的axisTick的alignWithLabel

commonjs用commonchunkplugin打

我是vue-cli架的手腳，我用swiper也是報(bào)一樣的錯(cuò)誤，用這個(gè)vue-awesome-swiper，在swiper進(jìn)行vue封裝，用起來(lái)一毛一樣 壓縮不出錯(cuò)，

import { swiper, swiperSlide } from 'vue-awesome-swiper'

v-show

很可能是didMount的時(shí)候這個(gè)值就是undefined，后來(lái)又被update了，而didMount已經(jīng)被執(zhí)行了，所以只能看到一次undefined

你可以根據(jù)這些頁(yè)面共有的class來(lái)獲取當(dāng)前點(diǎn)擊的頁(yè)面的id

$(".commonClass").on("click",function(){
    var id ="'#"+$(this).attr("id")+"'";
    //默認(rèn)全部頁(yè)面display:none
    $(id).CSS({display:"block"});
})

不用router的話，所有的跳轉(zhuǎn)，封裝到一個(gè)方法里面，進(jìn)行控制

express作為一個(gè)中間件，可以用來(lái)做一個(gè)路由中間件。

app.get('/',function (req,res) {
res.json({name:1});
})；

這段代碼，就是設(shè)置了一個(gè)訪問相當(dāng)于本地服務(wù)器的路由件。
當(dāng)你打開localhost:端口號(hào) 默認(rèn)訪問就是這個(gè)路由中間件。當(dāng)然也就顯示你返回的json數(shù)組。
所以，推薦你，把get('/')換成其它的。

flex就可以完美搞定

html：

<div class="m-gallery">
    <div class="item"><img src=""></div>
    <div class="item"><img src=""></div>
    <div class="item"><img src=""></div>
    ......
</div>

css:

.m-gallery{
   display: flex;
  // 采用flex布局
  flex-wrap: wrap;
  // 規(guī)定一行放不下flex元素時(shí)自動(dòng)換行
}

.m-gallery .item{
  height: 100px;
  flex-grow: 1;
  // 每個(gè)flex元素占的寬度相同
  margin: 2px;
}
.m-gallery .item img{
  height: 100px;
  min-width: 100%;
  max-width: 100%;
  object-fit: cover;
  // 使圖片等比拉伸，可能會(huì)被裁減
  vertical-align: bottom;
  display: block;
}

antd的textarea可以使用input來(lái)代替，需要加上type=‘textarea’,這樣之后，所有的事件與inputt的都一致了。可以看看官方文檔，寫的其實(shí)很詳細(xì)。
代碼如下：

              <Input
                type='textarea'
                placeholder='textarea內(nèi)容'
                autosize={{ minRows: 12 }}
                onChange={this.textareaChange}
              />