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 ...
随机推荐
- 【CF675D】Tree Construction
题目大意:给定一个有 N 个数组成的序列,在此基础上构建一棵二叉排序树,求每个节点(根节点除外)的父节点的编号是多少. 题解:首先,根据二叉排序树的不稳定性,直接模拟构建二叉排序树肯定会超时,因此需要 ...
- 详解掩膜mask
什么是掩膜(mask) 数字图像处理中的掩膜的概念是借鉴于PCB制版的过程,在半导体制造中,许多芯片工艺步骤采用光刻技术,用于这些步骤的图形“底片”称为掩膜(也称作“掩模”),其作用是:在硅片上选定的 ...
- opencv ---getRotationMatrix2D函数
getRotationMatrix2D函数 主要用于获得图像绕着 某一点的旋转矩阵 Mat getRotationMatrix2D(Point2f center, double angle, dou ...
- 20145215《网络对抗》shellcode注入&Return-to-libc攻击深入
20145215<网络对抗>shellcode注入&Return-to-libc攻击深入 Shellcode注入 基础知识 Shellcode实际是一段代码,但却作为数据发送给受攻 ...
- C#处理MySql多个返回集的方法
本文实例讲述了C#处理MySql多个返回集的方法.分享给大家供大家参考.具体方法如下: 关于Mysql返回多个集java和Php的较多,但是C#的完整代码好像没见过,研究了一下做个封装以后用 做一个M ...
- final的用法---java基础知识
Java关键字final有“这是无法改变的”或者“终态的”含义,它可以修饰非抽象类.非抽象类成员方法和变量. final类不能被继承,没有子类,final类中的方法默认是final的. final方法 ...
- IsNullOrWhiteSpace与IsNullOrEmpty
public static boolean IsNullOrEmpty(String value) { return (value == null || value.length() == 0);} ...
- c#的as,is 运算符
- jQuery中Animate进阶用法(二)
Step Type: Function( Number now, Tween tween )每个动画元素的每个动画属性将调用的函数.这个函数为修改Tween 对象提供了一个机会来改变设置中得属性值. ...
- HTML5 移动开发(移动设备检测及对HTML5的支持)
1.如何选择要使用的特性以及所面向的浏览器 2.哪些浏览器支持HTML5 3.如何检测是否支持HTML5 4.如何开发贷容错性的Web应用程序 5.CSS3媒体查询如何增强检测脚本 使用HTML5 ...