Yifelse

问题起因：页面使用webgl加载100万+数据，当数据从0、1000、10000到100万逐渐增加，鼠标点击页面选择元素的速度越来越慢。表象原因：数据量增加，每帧渲染时间增加，导致界面卡顿。

前言 近期遇到了一个线上故障，排查花了很多时间精力，在bug复现过程中，我还不小心让同事的名字出现在了全球用户的页面上，从“一把辛酸泪”到“破涕为笑”，感觉特别有意思。

客户质问为什么我们的系统还需要输入网址？还需要登录？大家一脸懵逼。然后解释因为数据是服务器器上的，在浏览器里输入地址，就能访问我们的系统了。然后如果不使用用户名和密码登录的话就不知道谁是谁。

本文主要讲述了react-query在分页场景中的应用方法，并且着重介绍了使用keepPreviousData属性以及预加载数据来提升分页的用户体验

本文介绍了如何使用placeholderData及initialData提升用户体验，同时详细讲述了配合initialDataUpdatedAt及staleTime更加精准的控制缓存内容

本文主要讲述了react-query中如何监听接口取消请求事件及其原理。并介绍了使用queryClient.cancelQueries来手动触发取消接口

总结了11个可以极大提升我们开发效率的chrome调试技巧，一键重发请求、条件断点、复制内容、截取全屏等等。相信对你也会有所帮助噢！！！

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

介绍一下个人情况，方便给正在求职的朋友一个参考。 本人是19年非计算机专业某末端二本毕业，去年8月31日从一线的一家国企回去家里休息了一个多月，在国庆结束之后落地到了新的城市。开始了我的自救之旅...