vue-element-table-js去重合并单元格解析【实战需求】
有数据如下:
{
'2019-01-23': [
{
'channel': 'zp',
'listScanListNum': 24,
'listParseOkNum': 0,
'listPersonMergeNum': 206,
'listNeedSpliceNum': 24,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 47,
'noContactPersonUpdateNum': 41,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 10,
'listParseOkNum': 7,
'listPersonMergeNum': 417,
'listNeedSpliceNum': 10,
'listSplicedNum': 7,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 20,
'noContactPersonUpdateNum': 15,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 141,
'listParseOkNum': 92,
'listPersonMergeNum': 6962,
'listNeedSpliceNum': 141,
'listSplicedNum': 54,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 487,
'noContactPersonUpdateNum': 383,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 365,
'listParseOkNum': 281,
'listPersonMergeNum': 5402,
'listNeedSpliceNum': 365,
'listSplicedNum': 233,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 389,
'noContactPersonUpdateNum': 259,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 762,
'listParseOkNum': 653,
'listPersonMergeNum': 5607,
'listNeedSpliceNum': 762,
'listSplicedNum': 553,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 386,
'noContactPersonUpdateNum': 348,
'noContactUpdateRate': 0
},
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 39003,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'mm',
'listScanListNum': 13,
'listParseOkNum': 0,
'listPersonMergeNum': 97,
'listNeedSpliceNum': 13,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 13,
'noContactPersonUpdateNum': 29,
'noContactUpdateRate': 0
},
{
'listScanListNum': 1315,
'listParseOkNum': 1033,
'listPersonMergeNum': 57694,
'listNeedSpliceNum': 1315,
'listSplicedNum': 847,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1342,
'noContactPersonUpdateNum': 1075,
'noContactUpdateRate': 0
}
],
'2019-01-22': [
{
'channel': 'mm',
'listScanListNum': 9,
'listParseOkNum': 0,
'listPersonMergeNum': 217,
'listNeedSpliceNum': 9,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 26,
'noContactPersonUpdateNum': 33,
'noContactUpdateRate': 0
},
{
'channel': 'zp',
'listScanListNum': 57,
'listParseOkNum': 0,
'listPersonMergeNum': 805,
'listNeedSpliceNum': 57,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 111,
'noContactPersonUpdateNum': 98,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 8,
'listParseOkNum': 2,
'listPersonMergeNum': 286,
'listNeedSpliceNum': 8,
'listSplicedNum': 7,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 17,
'noContactPersonUpdateNum': 15,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 3375,
'listParseOkNum': 2450,
'listPersonMergeNum': 18235,
'listNeedSpliceNum': 3371,
'listSplicedNum': 2185,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1174,
'noContactPersonUpdateNum': 1065,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 340,
'listParseOkNum': 99,
'listPersonMergeNum': 18099,
'listNeedSpliceNum': 340,
'listSplicedNum': 69,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1528,
'noContactPersonUpdateNum': 1208,
'noContactUpdateRate': 0
},
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 145737,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 1015,
'listParseOkNum': 559,
'listPersonMergeNum': 22286,
'listNeedSpliceNum': 1015,
'listSplicedNum': 481,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1835,
'noContactPersonUpdateNum': 1189,
'noContactUpdateRate': 0
},
{
'listScanListNum': 4804,
'listParseOkNum': 3110,
'listPersonMergeNum': 205665,
'listNeedSpliceNum': 4800,
'listSplicedNum': 2742,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 4691,
'noContactPersonUpdateNum': 3608,
'noContactUpdateRate': 0
}
],
'2019-01-21': [
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 399,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'mm',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 6,
'listNeedSpliceNum': 35,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 8,
'listParseOkNum': 1,
'listPersonMergeNum': 20,
'listNeedSpliceNum': 16,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zp',
'listScanListNum': 1,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 61,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 76,
'listParseOkNum': 18,
'listPersonMergeNum': 14,
'listNeedSpliceNum': 317,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 3,
'noContactPersonUpdateNum': 3,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 340,
'listParseOkNum': 219,
'listPersonMergeNum': 74,
'listNeedSpliceNum': 2639,
'listSplicedNum': 2,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 7,
'noContactPersonUpdateNum': 6,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 62,
'listParseOkNum': 32,
'listPersonMergeNum': 181,
'listNeedSpliceNum': 1086,
'listSplicedNum': 2,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 12,
'noContactPersonUpdateNum': 7,
'noContactUpdateRate': 0
},
{
'listScanListNum': 487,
'listParseOkNum': 270,
'listPersonMergeNum': 694,
'listNeedSpliceNum': 4154,
'listSplicedNum': 4,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 22,
'noContactPersonUpdateNum': 16,
'noContactUpdateRate': 0
}
],
'2019-01-20': [
{
'channel': 'qc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 46,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 23,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 43,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 112,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
}
],
'2019-01-19': [
{
'channel': 'zl',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 17,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 48,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 65,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
}
]
}
要做出这种效果:
我的项目是Vue+Element-ui
所以使用的是是el-table组件
有一个头疼的问题是该组件只支持一维数组的数据,可能有办法处理二维或者多维吧,奈何我一时无解,只能把数据处理成一维数组了。
代码:
// 表格用的数据
this.tableData = this.handleTableData({
'2019-01-23': [
{
'channel': 'zp',
'listScanListNum': 24,
'listParseOkNum': 0,
'listPersonMergeNum': 206,
'listNeedSpliceNum': 24,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 47,
'noContactPersonUpdateNum': 41,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 10,
'listParseOkNum': 7,
'listPersonMergeNum': 417,
'listNeedSpliceNum': 10,
'listSplicedNum': 7,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 20,
'noContactPersonUpdateNum': 15,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 141,
'listParseOkNum': 92,
'listPersonMergeNum': 6962,
'listNeedSpliceNum': 141,
'listSplicedNum': 54,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 487,
'noContactPersonUpdateNum': 383,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 365,
'listParseOkNum': 281,
'listPersonMergeNum': 5402,
'listNeedSpliceNum': 365,
'listSplicedNum': 233,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 389,
'noContactPersonUpdateNum': 259,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 762,
'listParseOkNum': 653,
'listPersonMergeNum': 5607,
'listNeedSpliceNum': 762,
'listSplicedNum': 553,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 386,
'noContactPersonUpdateNum': 348,
'noContactUpdateRate': 0
},
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 39003,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'mm',
'listScanListNum': 13,
'listParseOkNum': 0,
'listPersonMergeNum': 97,
'listNeedSpliceNum': 13,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 13,
'noContactPersonUpdateNum': 29,
'noContactUpdateRate': 0
},
{
'listScanListNum': 1315,
'listParseOkNum': 1033,
'listPersonMergeNum': 57694,
'listNeedSpliceNum': 1315,
'listSplicedNum': 847,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1342,
'noContactPersonUpdateNum': 1075,
'noContactUpdateRate': 0
}
],
'2019-01-22': [
{
'channel': 'mm',
'listScanListNum': 9,
'listParseOkNum': 0,
'listPersonMergeNum': 217,
'listNeedSpliceNum': 9,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 26,
'noContactPersonUpdateNum': 33,
'noContactUpdateRate': 0
},
{
'channel': 'zp',
'listScanListNum': 57,
'listParseOkNum': 0,
'listPersonMergeNum': 805,
'listNeedSpliceNum': 57,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 111,
'noContactPersonUpdateNum': 98,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 8,
'listParseOkNum': 2,
'listPersonMergeNum': 286,
'listNeedSpliceNum': 8,
'listSplicedNum': 7,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 17,
'noContactPersonUpdateNum': 15,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 3375,
'listParseOkNum': 2450,
'listPersonMergeNum': 18235,
'listNeedSpliceNum': 3371,
'listSplicedNum': 2185,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1174,
'noContactPersonUpdateNum': 1065,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 340,
'listParseOkNum': 99,
'listPersonMergeNum': 18099,
'listNeedSpliceNum': 340,
'listSplicedNum': 69,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1528,
'noContactPersonUpdateNum': 1208,
'noContactUpdateRate': 0
},
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 145737,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 1015,
'listParseOkNum': 559,
'listPersonMergeNum': 22286,
'listNeedSpliceNum': 1015,
'listSplicedNum': 481,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 1835,
'noContactPersonUpdateNum': 1189,
'noContactUpdateRate': 0
},
{
'listScanListNum': 4804,
'listParseOkNum': 3110,
'listPersonMergeNum': 205665,
'listNeedSpliceNum': 4800,
'listSplicedNum': 2742,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 4691,
'noContactPersonUpdateNum': 3608,
'noContactUpdateRate': 0
}
],
'2019-01-21': [
{
'channel': 'szyc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 399,
'listNeedSpliceNum': 0,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'mm',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 6,
'listNeedSpliceNum': 35,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lphr',
'listScanListNum': 8,
'listParseOkNum': 1,
'listPersonMergeNum': 20,
'listNeedSpliceNum': 16,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zp',
'listScanListNum': 1,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 61,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 76,
'listParseOkNum': 18,
'listPersonMergeNum': 14,
'listNeedSpliceNum': 317,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 3,
'noContactPersonUpdateNum': 3,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 340,
'listParseOkNum': 219,
'listPersonMergeNum': 74,
'listNeedSpliceNum': 2639,
'listSplicedNum': 2,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 7,
'noContactPersonUpdateNum': 6,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 62,
'listParseOkNum': 32,
'listPersonMergeNum': 181,
'listNeedSpliceNum': 1086,
'listSplicedNum': 2,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 12,
'noContactPersonUpdateNum': 7,
'noContactUpdateRate': 0
},
{
'listScanListNum': 487,
'listParseOkNum': 270,
'listPersonMergeNum': 694,
'listNeedSpliceNum': 4154,
'listSplicedNum': 4,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 22,
'noContactPersonUpdateNum': 16,
'noContactUpdateRate': 0
}
],
'2019-01-20': [
{
'channel': 'qc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 46,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'lplt',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 23,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'zl',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 43,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 112,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
}
],
'2019-01-19': [
{
'channel': 'zl',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 17,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'channel': 'qc',
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 48,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
},
{
'listScanListNum': 0,
'listParseOkNum': 0,
'listPersonMergeNum': 0,
'listNeedSpliceNum': 65,
'listSplicedNum': 0,
'contactScanNum': 0,
'contactParseOkNum': 0,
'contactParseFailNum': 0,
'contactPersonMergeNum': 0,
'contactPersonUpdateNum': 0,
'contactPersonAddNum': 0,
'contactAddRate': 0,
'contactUpateRate': 0,
'noContactScanNum': 0,
'noContactParseOkNum': 0,
'noContactParseFailNum': 0,
'noContactPersonMergeNum': 0,
'noContactPersonUpdateNum': 0,
'noContactUpdateRate': 0
}
]
}); // 处理函数
handleTableData(data) {
let _data = Object.entries(data);
_data.forEach((val, index, o) => {
let newVal = val[1];
const date = val[0];
newVal.forEach(v => {
v.date = date;
});
o[index] = newVal;
});
_data = Array.prototype.concat.apply([], _data);
return _data;
}
// 然后是渲染table和处理重复数据合并
<el-table border :data="data" :span-method="arraySpanMethod">。。。</el-table>
表格表头多级可以看官网,这里不贴了。 // 去重合并单元格【重点】
setTable(data) {
let spanOneArr = [];
let spanTwoArr = [];
let concatOne = 0;
// concatTwo = 0;
data.forEach((item, index) => {
if (index === 0) {
spanOneArr.push(1);
spanTwoArr.push(1);
} else {
if (item.date === data[index - 1].date) { // 第一列需合并相同内容的判断条件
spanOneArr[concatOne] += 1;
spanOneArr.push(0);
} else {
spanOneArr.push(1);
concatOne = index;
}
}
});
return {
one: spanOneArr,
two: spanTwoArr
};
},
arraySpanMethod({ row, column, rowIndex, columnIndex }) {
// 第一列相同的合并
if (columnIndex === 0) {
const _row = (this.setTable(this.data).one)[rowIndex];
const _col = _row > 0 ? 1 : 0;
return {
rowspan: _row,
colspan: _col
};
}
}
如果您有更好的解决办法,请与我联系 qq 289483936 如果我的笔记帮助到了你,我很开心。qq群:535880373
vue-element-table-js去重合并单元格解析【实战需求】的更多相关文章
- layui table+复杂表头+合并单元格
效果图: 问题:行hover效果感觉错乱 所以改为透明色 代码: <!DOCTYPE html> <html lang="en"> <head> ...
- js 表格合并单元格
5列 根据需要可添加 或 删除 strOneTemp strTwoTemp strThreeTemp strFourTemp strFiveTemp //合并单元格 this.mergeC ...
- vue中 表头 th 合并单元格,且表格列数不定的动态渲染方法
吐槽 今天,在vue中遇到 复杂表格的渲染 ,需要合并表头th的单元格,且合并单元格的那列的表头数据是动态数据,也就是不知道会有多少个表头列,而这几个表头列还分了好几个子表头. 这个需求在js里用Ju ...
- Datatables js 复杂表头 合并单元格
x →Datatables官网← x 项目中用到的Table都是用Datatables插件来搞得: 以前都是生成一般性的table: 近期要生成一些复杂表头,合并单元格之类的: 研究了一下. x 去官 ...
- js动态加载数据并合并单元格
js动态加载数据合并单元格, 代码如下所示,可复制直接运行: <!DOCTYPE HTML> <html lang="en-US"> <head> ...
- JS动态生成表格后 合并单元格
JS动态生成表格后 合并单元格 最近做项目碰到表格中的单元格合并的问题,需求是这样的,首先发ajax请求 请求回来后的数据 动态生成表格数据,但是生成后如果编号或者(根据其他的内容)有相同时,要合并单 ...
- JS合并单元格
在Web中经常需要合并单元格,例如对于下面一个表格: <!DOCTYPE html> <html> <head> <meta charset="UT ...
- vue中 表头th 合并单元格,且表格列数不定的动态渲染方法
吐槽 今天,在vue中遇到 复杂表格的渲染 ,需要合并表头的单元格,且合并单元格的那列还是动态数据,也就是说你不知道会有多少组要合并起来,哎,我也有点说不清楚,废话不多说了,看代码把: 代码示例 da ...
- BootStrap Table 合并单元格
为了更直观展示表格的一大堆乱七八糟的数据,合并单元格就派上用场: 效果: 贴上JSON数据(后台查询数据一定要对合并字段排序): [ { "city": "广州市&quo ...
随机推荐
- Swap HDU - 2819 (有关矩阵的二分匹配)
题意见大佬:https://www.cnblogs.com/gj-Acit/archive/2013/08/17/3265502.html 题目大意很明确,交换图的某些行或者是某些列(可以都换),使得 ...
- error::尝试加载 Oracle 客户端库时引发 BadImageFormatException。如果在安装 32 位 Oracle 客户端组件的情况下以 64 位模式运行,将出现此问题。
1.VS出现此问题 问题分析:本地电脑安装的oracle客户端为64位客户端,vs启动网站默认启动自带的32位IIS Express,所以出错. 解决方案: 方案1.本地电脑安装oracle32位客户 ...
- 【刷题】LOJ 6007 「网络流 24 题」方格取数
题目描述 在一个有 \(m \times n\) 个方格的棋盘中,每个方格中有一个正整数. 现要从方格中取数,使任意 \(2\) 个数所在方格没有公共边,且取出的数的总和最大.试设计一个满足要求的取数 ...
- Libre 6005 「网络流 24 题」最长递增子序列 / Luogu 2766 最长递增子序列问题(网络流,最大流)
Libre 6005 「网络流 24 题」最长递增子序列 / Luogu 2766 最长递增子序列问题(网络流,最大流) Description 问题描述: 给定正整数序列x1,...,xn . (1 ...
- 【POJ2728】Desert King 最优比率生成树
题目大意:给定一个 N 个点的无向完全图,边有两个不同性质的边权,求该无向图的一棵最优比例生成树,使得性质为 A 的边权和比性质为 B 的边权和最小. 题解:要求的答案可以看成是 0-1 分数规划问题 ...
- MyEclipse创建WebService服务端和客户端
1.新建立一个javaWeb项目,一个java类,如图: 2.接下来我们就要将项目中的TestService的这个类生成WebService服务端,选择new Web Service,如图: Next ...
- JDBC编程示例
package com.lovo.test; import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLE ...
- 设计模式之Mixin模式
介绍 mixin模式就是一些提供能够被一个或者一组子类简单继承功能的类,意在重用其功能.在面向对象的语言中,我们会通过接口继承的方式来实现功能的复用.但是在javascript中,我们没办法通过接口继 ...
- bzoj千题计划188:bzoj1923: [Sdoi2010]外星千足虫 (高斯—若尔当消元法解异或方程组)
http://www.lydsy.com/JudgeOnline/problem.php?id=1923 #include<cstdio> #include<cstring> ...
- 第一次使用 markdown 写博客
Web前端 js 框架(四选一) 有可能的话,学 Vue.js ,React.js ,Angular.js,Awrelia css 学习 Sass 学会 css 的可编程 HTML5 详细语法 Nod ...