前端框架

提升页面高级感

2022-07-01  本文已影响0人  alue

动画

  1. 利用 Animate.css 做一些简单的动画效果,例如hover动画。
  2. 利用js的动画库(例如著名的GSAP)做一些复杂动画,例如 scrolling滚动动画等。
  3. 利用 vue 提供的transition组件,为页面增加切换动画。

提供加载态

用户在资源加载的过程中,提供一些loading标志,包括骨架动画等。
在不用 <Suspense> 的情况下,每一个组件都需要自己去处理 loading/error/loaded 状态,例如用v-if/v-else来控制spinner.
Vue 3中引入的<Suspense>内部组件,可以实现异步资源加载状态的统一编排。

上一篇下一篇

猜你喜欢

热点阅读