自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除