RT,推送频率太高，目前数据是string类型的对象！

我想在一个vue项目用web worker 处理高并发的socket，想在里面用ES6模块所以配置了worker-loader，结果编译后经常拿不到worker脚本Uncaught SyntaxError: Unexpected token '<'

main.js :

import Worker from './workers/socket.worker.js'
Vue.prototype.$priceWk = new Worker()

socket.worker.js :

onmessage = (event) => {
    if (!event) return;
    const { type, payload } = event.data;
    console.log( type, payload )
}

webpack.config.js :

{
    test: /\.worker\.(c|m)?js$/i,
    loader: 'worker-loader',
    options: {
        filename: (pathData) => {
            if (/\.worker\.(c|m)?js$/i.test(pathData.chunk.entryModule.resource)) {
                return '[name].js'
            }
            return '[name].worker.js'
        },
    }
}

RT，我在Worker内部创建了一个WebSocket（高频），结果性能改善不明显

会多出一个websocket链接，在它下面的是在Worker内部创建的ws，我注意到它有一个特殊图标。

RT，说明一下，接收的socket数据不会累加进数组，这样是不是说明js缓存不会累加，是浏览器缓存在累加，可以每隔一段时间清除一下浏览器缓存吗？

RT，类似and-design的message.success(config)方法

我发现返回一个 async-await 函数是可行的！！！

window.onunload = async () => {
    await wx.send(...)
}

RT
发现在监听到 onunload 事件后 send 的消息都没成功！
websocket有类似ajax同步请求吗？搜不到！

Part 1（包装一下addRoutes方法）

const createRouter = () => new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: constantRouterMap,
})

const router = createRouter()

router.$addRoutes = (routes) => {
    router.matcher = createRouter().matcher
    router.addRoutes(routes)
}

Part 2（cloneDeep(asyncRouterMap)）

import { asyncRouterMap } from '@/config/router.config'
import cloneDeep from 'lodash/cloneDeep'

function filterAsyncRouter (routerMap, permission) {
    const accessedRouters = cloneDeep(routerMap).filter(route => {
        //to do
    })
    return accessedRouters
}

const accessedRouters = filterAsyncRouter(asyncRouterMap, [获取的权限配置])
router.$addRoutes(accessedRouters)

场景：在系统的权限设置页面修改后，能直接更新动态路由。

注意是站点加载完成后，通过前端操作修改路由（现在比较难弄的是替换目标路由）

业务场景是一个服务器状态监控系统，需要通过websocket高频实时渲染页面，主要是文本内容更新，和DOM样式更新，所以因该是有很高频的重绘和回流。目前系统需要优化性能。
我能想到的优化方式是用input作为文本内容的容器，感觉这样不会重绘和回流？