首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
用户1123404165072
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
5
文章 5
沸点 0
赞
5
返回
|
搜索文章
赞
文章( 5 )
沸点( 0 )
「前端进阶」高性能渲染十万条数据(时间分片)
在实际工作中,我们很少会遇到一次性需要向页面中插入大量数据的情况,但是为了丰富我们的知识体系,我们有必要了解并清楚当遇到大量数据时,如何才能在不卡主页面的情况下渲染数据,以及其中背后的原理。 我们对十万条记录进行循环操作,JS的运行时间为187ms,还是蛮快的,但是最终渲染完成…
「前端进阶」高性能渲染十万条数据(虚拟列表)
在工作中,有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况,对于此,我们称这种列表叫做长列表。比如,在一些外汇交易系统中,前端会实时的展示用户的持仓情况(收益、亏损、手数等),此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中,提到了可…
「前端进阶」从多线程到Event Loop全面梳理
几乎在每一本JS相关的书籍中,都会说JS是单线程的,JS是通过事件队列(Event Loop)的方式来实现异步回调的。 对很多初学JS的人来说,根本搞不清楚单线程的JS为什么拥有异步的能力,所以,我试图从进程、线程的角度来解释这个问题。 计算机的核心是CPU,它承担了所有的计算…
用 css3 的 mask + radial-gradient() 制作优惠券
最近项目做到优惠券模块,用到了 css3 的 2 个属性:`mask` 和 `radial-gradient()` 。遂作此文,记录下实现过程~
Vue 超长列表渲染性能优化实战
长列表的优化策略主要有两种: 分片渲染(通过浏览器事件环机制,也就是 EventLoop,分割渲染时间)和本文重点介绍的虚拟列表
关注了
40
关注者
2
收藏集
0
关注标签
0
加入于
2022-04-15