- 博客(2)
- 收藏
- 关注
原创 vue 如何渲染十万条以上的数据
在 Vue.js 中,可以使用虚拟滚动(Virtual Scrolling)来实现高性能的长列表渲染。虚拟滚动的原理是只渲染当前可见的列表项,从而大幅减小 DOM 节点数量,提高性能。这样可以提高页面的响应速度。这种方法可以在需要时才获取和渲染数据,从而降低初始化时的性能消耗。要在 Vue.js 中实现虚拟滚动,可以使用第三方库,例如 vue-virtual-scroller。根据数据的特点,将数据分成多个部分,在适当的时机渲染每一部分。会根据滚动的位置动态渲染可见的数据项,从而实现高性能的长列表渲染。
2023-04-14 20:23:30
1204
2
原创 vue2实现刷新后重新加载动态路由
在vue2中,如果使用了动态路由,因为http的无状态性,用户在登录状态下,每次刷新后都需要重新加载路由,否则就会出现刷新后页面丢失。具体实现是通过添加一个前置路由守卫的方法,并设置一个sessionStorage,在每一次跳转路由前进行一次判定。1.登录后设置一个sessionStorage用于判断用户是否刷新。这样就简单的解决了vue2动态路由下刷新后页面丢失的问题。2.设置一个路由前置守卫进行判定。
2023-04-13 21:16:37
3368
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人