清风挽月
前端开发
|
摸鱼公司
获得徽章 0
- 一转眼11月了，马上又要过完一年了，小时候我好喜欢过年呐，即使期末成绩考的不好，过年那几天也能快乐的玩电脑，家里会来一帮亲戚和长辈，他们开心的打着麻将，伴随着爽朗的笑声我知道这几个小时没人管我了，我就开心的在屋子里玩游戏，听着窗户外面此起彼伏的烟花和鞭炮的声音，很多瞬间我觉得我是最快乐的小孩。自从爷爷不在了以后，过年就再也没有这么热闹过，亲戚也都去自己另一方的老人那里过年，家里会来一些不熟但又不得不一起上桌吃饭的亲戚或者客人，让我觉得就算在我家里也会不自在，而且随着年年的增长肉眼可见爸妈的变老，我如愿得到了小时候期盼的长大，我却永远的失去了儿时那片净土展开412
- 『摸鱼办提醒』
上午好，摸鱼人！
准备一副舒服的耳机，哪怕没在听任何东西也挂着，会减少57.3%不必要的麻烦。
今天是2024年12月25日，星期三
工作再累，一定不要忘记摸鱼哦，有事没事起身去茶水间，去厕所，去廊道走走别老在工位上坐着，钱是老板的,但命是自己的。
距离【周末】还有3天
距离【元旦】还有7天
距离【春节】还有35天
距离【清明】还有100天
距离【劳动节】还有127天
距离【端午】还有157天
距离【国庆节】还有280天
距离【中秋】还有285天
认认真真上班，这根本就不叫赚钱，那是用劳动换取报酬。只有在上班的时候摸鱼划水，你才是从老板手里赚到了钱。最后，祝愿天下所有摸鱼人都能愉快的渡过每一天！展开311 - 虚拟滚动？
1. 定义：一种优化技术，用于处理大量数据列表的渲染问题，通过仅渲染当前视口可见的部分数据，而不是一次性渲染所有数据，从而提高性能和用户体验
2. 工作原理
a. 计算视口大小：确定用户在屏幕上可见的区域大小
b. 计算可见数据范围：根据视口大小和每个列表项的高度，计算出当前可见的数据范围
c. 渲染可见数据：仅渲染当前可见范围内的数据项
d. 动态调整：当用户滚动列表时，动态调整可见数据范围，并重新渲染新的可见数据项
3. 优点
a. 性能优化：通过减少DOM元素的数量，显著提高渲染性能，尤其是在处理大量数据时
b. 内存优化：减少内存占用，因为只有可见的数据项被渲染
c. 流畅的用户体验：用户可以流畅地滚动列表，动态调整可见数据范围，并重新渲染新的可见数据项
4. 第三方库
a. React：react-virtualized或react-window
b. Vue：vue-virtual-scroller
c. Angular：ngx-virtual-scroller展开评论2 - vue 前端数据一万条卡顿怎么处理？
1. 分页加载：将数据分页加载，每次只加载当前页的数据，而不是一次性加载所有数据
2. 虚拟滚动：使用虚拟滚动技术，只渲染可见区域的数据，而不是全部数据，可以借助第三方库如vue-virtual-scroller
3. 数据过滤和排序：在用户输入查询条件时，动态过滤和排序数据，而不是一次性加载所有数据
4. 使用v-once和v-memo：对于不需要更新的静态内容，可以使用v-once或v-memo来优化性能
5. 避免不必要的响应数据：对于不需要响应式的数据，可以使用Object.freeze来冻结对象，避免Vue对其进行响应式处理展开64
juejin.cn![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)