美文网首页前端框架
提升页面高级感

提升页面高级感

作者: alue | 来源:发表于2022-07-01 09:09 被阅读0次

    动画

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

    提供加载态

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

    相关文章

      网友评论

        本文标题:提升页面高级感

        本文链接:https://www.haomeiwen.com/subject/zbkxbrtx.html