性能优化
文章平均质量分 95
「零一」
公众号:「前端印象」,前端从0到1,因为热爱,没有意外
我是「零一」,非科班、三非学校,自学前端一年进入字节跳动担任前端开发。热爱写博客、记录成长过程中的点点滴滴,请大家见证我从0到1的过程吧
展开
-
我优化了进度条,页面性能竟提高了70%
前言大家好,我是零一。最近我准备在组里进行代码串讲,所以我梳理了下项目之前的业务代码。在梳理的过程中,我看到了有个进度条组件写的非常好,这又想起我刚开始学前端时写的进度条的代码,跟这个比起来真的差距太大了(大部分的初学者应该都想不到,而且我第一次家实习公司带我的mentor亦是如此)。因此,我想给大家分享一下这个思路极好的进度条组件,同时它也存在非常严重的性能问题,本文末尾也会讲解一下问题所在以及优化方式进度条的应用场景一般进度条组件都出现在类似抖音播放视频的这样场景中,如图中底部的箭头所示:进原创 2021-06-23 09:08:02 · 12334 阅读 · 134 评论 -
一文带你了解如何排查内存泄漏导致的页面卡顿现象
什么是内存泄漏呢?借助别的大佬给出的定义,内存泄漏就是指由于疏忽或者程序的某些错误造成未能释放已经不再使用的内存的情况。简单来讲就是假设某个变量占用100M的内存,而你又用不到这个变量,但是这个变量没有被手动的回收或自动回收,即仍然占用100M的内存空间,这就是一种内存的浪费,即内存泄漏原创 2021-04-06 09:03:38 · 3911 阅读 · 11 评论