Skip to content

nextdoorUncleLiu/task-slice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

任务切片

这是一个用来性能优化的工具,如果项目中存在 long task 的任务,可以采用此工具来做性能优化

核心思想

用户在感知每秒 60 帧(也就是 16.7 毫秒)时候,动画是平滑过渡的

在如果出现少于 60 帧动画的时候,就会感觉到卡顿,影响卡顿的原因有一部分就是因为 long task 导致的

这个工具的目的,就是用来解决长任务

安装

npm install task-slice

使用方式

import TaskSlice from 'TaskSlice'

TaskSlice.init(number, function(i){
    //i 执行到第几次,或者第几个切片任务
})

亲测数据对比

左侧的是优化前,右侧的是优化后

版本更新记录

版本 时间 详情
v1.0.3 2019-8-4 添加demo
v1.0.2 2019-7-23 去除对数组的支持,仅支持数字方式,原来通过 callback 获取的数组项可通过 callback 返回的索引去直接获取,减少代码不是刚需的兼容,提升工具库执行效率
v1.0.1 2019-7-20 格式化README
v1.0.0 2019-7-20 正式版上线

About

一个用来做性能优化的工具

Resources

Stars

Watchers

Forks

Packages

No packages published