ZivSF

ZivSF 查看完整档案

上海编辑  |  填写毕业院校  |  填写所在公司/组织 jandan.net/ 编辑
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 个人简介什么都没有

个人动态

ZivSF 提出了问题 · 1月8日

WebSocket 接收数据如何减少对性能的影响

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

关注 4 回答 1

ZivSF 提出了问题 · 1月7日

webpack 打包项目中使用web worker问题

我想在一个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'
        },
    }
}

关注 1 回答 0

ZivSF 提出了问题 · 1月6日

Web Worker 如何观察 Worker 线程状态?

RT,我在Worker内部创建了一个WebSocket(高频),结果性能改善不明显

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

关注 1 回答 0

ZivSF 提出了问题 · 2020-12-21

WebSocket 推送数据频率很高,页面停留时间稍长了就会响应慢问题

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

关注 2 回答 1

ZivSF 提出了问题 · 2020-10-29

material-ui Snackbar 组件可以用静态方法调用吗?

RT,类似and-designmessage.success(config)方法

关注 2 回答 1

ZivSF 回答了问题 · 2020-10-19

解决如何让 Web 关闭页面时发送的 WebSocket 消息能成功?

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

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

关注 2 回答 2

ZivSF 提出了问题 · 2020-10-19

解决如何让 Web 关闭页面时发送的 WebSocket 消息能成功?

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

关注 2 回答 2

ZivSF 回答了问题 · 2020-09-01

解决vue 项目加载完成后如何实现动态修改路由?

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 2cloneDeep(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)

关注 2 回答 3

ZivSF 提出了问题 · 2020-09-01

解决vue 项目加载完成后如何实现动态修改路由?

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

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

关注 2 回答 3

ZivSF 提出了问题 · 2020-08-21

vue文字内容高频更新优化方案

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

关注 4 回答 3

认证与成就

  • 获得 16 次点赞
  • 获得 195 枚徽章 获得 9 枚金徽章, 获得 50 枚银徽章, 获得 136 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2015-01-22
个人主页被 2.5k 人浏览