“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”**的页面切换动效！

前言 我有时候会自己开发一些项目，但是不比在公司里面，自己开发项目的时候没有设计稿，所以做出来的页面比较难看。 开发了几个项目之后，我也总结了以下的一些画页面的资源或者方法，希望对大家有帮助～ 颜色&

10 个 css 代码片段 以下这 10 个常用的 css 代码片段值得收藏，都可以用于平常的业务代码当中。 1. 点点点加载中效果 这是一个兼容性不错的用户体验很棒的点点点加载效果，实现思路如下:

在我们项目开发中,经常会有布局`上下左右`拉伸的需求 接下来 让我们一步步用 `vue指令` 实现这个需求 `v-resize` 目前已支持Typescript

有些网站为了防止有人恶意使用脚本进行批量操作，会设置前后端进行配合的图片滑动验证，本文这里只介绍前端的验证功能。 这里可以直接使用 vue-monoplasty-slide-verify 这个库组件，

最近 B 站更新了秋季 Banner，由于复刻已无需再写任何前端代码，于是我想让一位 Java 后端选手来试试，最终他调试半天自信提交一个 PR，结果却实在是差强人意。

介绍 之前写过两篇文章，分别讲解了Flex布局和网格布局。然后有很多人反馈说。网格布局没有场景，学会Flex布局就可以了。 今天这篇文章就通过一个例子来讲解一下网格布局的优势。并不是说Flex布局无法

el-table-virtual-scroll 基于Element-UI的Table 组件开发的虚拟滚动组件，支持动态高度，解决数据量大时滚动卡顿的问题。 依赖：Vue2和ElementUI。 预览：

--- theme: channing-cyan --- ## 效果 ![Animation.gif](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpf