可以查看下你的IP是否在微信公眾號的IP白名單內(nèi)

https://jsfiddle.net/cob627wt/4/

對比一下 babel 的輸出, 完全沒區(qū)別

用flex可以 上部flex-shrink設置0，下部flex-grow設置1，flex-direction設置為column;

你要轉(zhuǎn)變一下思路。
右側(cè)添加的內(nèi)容應該是state中的數(shù)據(jù)，而不是左側(cè)的內(nèi)容。
也就是說，被拖的對象（左側(cè)）和拖放的目標（右側(cè)）是兩個不同的state數(shù)據(jù)。
那么可以假設，左側(cè)對象為state.origin = [], 右側(cè)對象為:state.dest = [].
當你從左側(cè)拖到右側(cè)時，在state.dest中添加一個state.origin的對象就可以了。

1.要理解這里的this指向哪里，只需要理解函數(shù)作為構造函數(shù)之后，也就是放在new 關鍵字之后發(fā)生了什么
2.其實這里的this是指向AppViewModel new出來的對象，可以參考https://developer.mozilla.org...
3.匿名函數(shù)就是一個函數(shù)，只不過這個函數(shù)不需要在其他地方調(diào)用，所以不需要有一個名字，在JavaScript里函數(shù)是一等公民，也是對象，可以作為參數(shù)傳遞

@moveStar 這個表格，我是封裝成一個組件用的，之后我給這個組件加了一個key就解決了。我看網(wǎng)上各種說清selectedRowKeys的，沒弄明白怎么清。

在打開和寫入文件時，寫明編碼格式即可
encoding='utf8'

data=open("cardno.txt",encoding= 'utf8')
result=open("result.txt","w",encoding= 'utf8') #指定文件的編碼格式

哪里有 name?

window.name

把name改成別的名字的變量，或者用let聲明。

請問 你解決了么

https://jsfiddle.net/hfhan/dg...

剛才試了下官網(wǎng)的例子，一次上傳2個文件運行了2次回調(diào)函數(shù)，所以是不是你的版本問題，還是想問watch中的fileList只監(jiān)聽到一次？？

另外

this.fileList = []
if (Array.isArray(fileList)) {
    fileList.forEach((item) => {
        this.fileList.push(item)
    })
}
this.fileList = fileList

你這一堆寫的沒意義

this.fileList = fileList

直接這樣寫就可以了

看這里。

一個大家都在使用的組件： antd Avatar

1、利用progress-stream獲取上傳進度

如果只是想在服務端獲取上傳進度，可以試下如下代碼。注意，這個模塊跟express、multer并不是強綁定關系，可以獨立使用。

var fs = require('fs');
var express = require('express');
var multer  = require('multer');
var progressStream = require('progress-stream');

var app = express();
var upload = multer({ dest: 'upload/' });

app.post('/upload', function (req, res, next) {
    // 創(chuàng)建progress stream的實例
    var progress = progressStream({length: '0'}); // 注意這里 length 設置為 '0'
    req.pipe(progress);
    progress.headers = req.headers;
    
    // 獲取上傳文件的真實長度（針對 multipart)
    progress.on('length', function nowIKnowMyLength (actualLength) {
        console.log('actualLength: %s', actualLength);
        progress.setLength(actualLength);
    });

    // 獲取上傳進度
    progress.on('progress', function (obj) {        
        console.log('progress: %s', obj.percentage);
    });

    // 實際上傳文件
    upload.single('logo')(progress, res, next);
});

app.post('/upload', function (req, res, next) {
    res.send({ret_code: '0'});
});

app.get('/form', function(req, res, next){
    var form = fs.readFileSync('./form.html', {encoding: 'utf8'});
    res.send(form);
});

app.listen(3000);

2、獲取上傳文件的真實大小

multipart類型，需要監(jiān)聽length來獲取文件真實大小。（官方文檔里是通過conviction事件，其實是有問題的）

    // 獲取上傳文件的真實長度（針對 multipart)
    progress.on('length', function nowIKnowMyLength (actualLength) {
        console.log('actualLength: %s', actualLength);
        progress.setLength(actualLength);
    });

3、關于progress-stream獲取真實文件大小的bug？

針對multipart文件上傳，progress-stream 實例子初始化時，參數(shù)length需要傳遞非數(shù)值類型，不然你獲取到的進度要一直是0，最后就直接跳到100。

至于為什么會這樣，應該是 progress-steram 模塊的bug，看下模塊的源碼。當length是number類型時，代碼直接跳過，因此你length一直被認為是0。

    tr.on('pipe', function(stream) {
        if (typeof length === 'number') return;
        // Support http module
        if (stream.readable && !stream.writable && stream.headers) {
            return onlength(parseInt(stream.headers['content-length'] || 0));
        }

        // Support streams with a length property
        if (typeof stream.length === 'number') {
            return onlength(stream.length);
        }

        // Support request module
        stream.on('response', function(res) {
            if (!res || !res.headers) return;
            if (res.headers['content-encoding'] === 'gzip') return;
            if (res.headers['content-length']) {
                return onlength(parseInt(res.headers['content-length']));
            }
        });
    });

參考鏈接

https://github.com/expressjs/...
https://github.com/freeall/pr...

200是標準的http響應狀態(tài)碼
而下面這個304是一個自定義響應頭

// 每一個實例都只能open一條socket線路，用鎖機制防止重復open
// 本例中不使用心跳檢測，為了方便，只要close是非主動觸發(fā)且前端能捕捉到的(如瀏覽器主動斷開，服務器主動斷開),都會進行自動重連
export default class MyWebSocket {
  constructor(url) {
    this.url = url;

    // close來源判斷及后續(xù)操作
    this.closeConfig = {
      resolve: null,
      closing: false
    }
    // promise池
    this.promisePool = {};
  }

  tokenCheck(req, rsp) {
    // 此處根據(jù)自己的數(shù)據(jù)結構進行tokenCheck的判斷，返回一個boolean
  }

  open() {
    return new Promise((resolve, reject) => {
      if (typeof this._websocket === 'undefined') {
        this._websocket = new WebSocket(this.url);
        this._websocke.open = (e) => {
          resolve({e, ws: this});
        };
        this._websocket.onerror = (e) => {
          reject(e);
        }
      }
      this._websocket.onclose = (e) => {
        // 非主動close
        if (!this.closeConfig.closing) {
          console.log('reconnect');
          // 對應的重連操作
        }
        // 若手動close，恢復初始狀態(tài)
        this.closeConfig.closing = false;
      }

      this._websocket.onmessage = (e) => {
        const key = e.content.token;
        const req = this.promisePool[key]
        req.resolve(e);
        delete this.promisePool[key];
      };
    });
  }

  close() {
    this.closeConfig.closing = true;
    this._websocket.close();
  }
  // token包含在content中
  send(name, content) {
    return new Promise((resolve, reject) => {
      this.promisePool[content.token] = {
        content,
        resolve,
        reject,
        name
      };
      this._websocket.send({name, content});
    });
  }

明確答復你，沒有

具體是由于devServer配置項

historyApiFallback: {

   rewrites: [
     { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
   ],

}

導致的，注掉后就可以了.
但由于官方文檔上注釋的是history模式下的,而項目是默認的hash,所以沒有在意。

把異步變同步，用async+await