web-worker 优化惨案纪实

欢迎大佬们点开阅读原文，点个 star～

开篇记

这是我的第一篇文章，也是我工作一年后的新征程。作者是 2019 年刚刚毕业的，出身贫寒（普通二本）。亲眼目睹校招神仙打架，不幸流落凡尘（我不配）。现在以外包的形式，在一家金融公司工作。

场景

前端项目为 vue 技术栈， 业务中遇到这样一个情景，有一个输入框，可以键入或者复制粘贴进一大段带有某种格式的文本，根据格式符号对文本进行分割处理（例如根据‘；’分割对象，根据‘，’分割属性），最终将他们处理成某种格式的对象集合,同时生成预览。效果大概是这个样子代码如下

// index.vue

import { pSplice, contentSplice } from '@/utils/handleInput';
...
onInput() {
      this.loading = true;
      const temp = pSplice(this.text);
      this.cardList = contentSplice(temp).data;
      this.loading = false;
    },
// @/utils/handleInput
export function pSplice(val) {
  const breakSymbol = '\n';
  let cards = val.split(breakSymbol);
  return cards.filter((item) => item != '');
}
export function contentSplice(dataArr, cardId) {
  const splitSymbol = '，';
  const length = dataArr.length;
  const result = {
    data: [],
    cardId,
  };
  let item = null;
  let time = new Date().getTime();
  function maxLength(text) {
    if (text && text.length > 1000) return text.substring(0, 1000);
    return text;
  }
  for (let i = 0; i < length; i++) {
    item = dataArr[i].split(splitSymbol);
    if (item != '') {
      result.data.push({