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

1. 扁平化设计 (Flat Design) 特点: 简洁明了: 移除了阴影、渐变、纹理等三维效果，强调二维平面元素。 色彩鲜明: 常用大胆、明亮的色彩。 极简主义: 专注于功能性，减少不必要的装饰。

就在昨天，尤雨溪发了两条推特说明了 vue 生态的完整性和本身的独特性！ 第一条 第二条 今天我们仔细看看这些库都是干嘛的！ 第一条推特：React 有的我都有！ Framer Motion 的 Vu

CSS Grid的功能远比我们想象的要强，很多人对Gird布局仅仅局限于了解或者一知半解，殊不知它是CSS语言中最牛逼的部分之一

在前端开发中，实现水平垂直居中在Flex布局下有一个更灵活的方式——使用 margin: auto;`来实现居中以及更多实际场景下的特定效果。

前言 日常开发过程中，前端程序员经常需要开发一些酷炫的特效，而这些特效大都需要编写CSS3实现。 但我发现一个问题，就是很大一部分前端程序员并不擅长CSS3这门技术，所以一旦遇到复杂一点的特效，就歇菜

Vue 3 Element Plus 基于 Vue 3，面向设计师和开发者的组件库 。 **创作者：**饿了么团队 文档地址：https://element-plus.gitee.io/zh-CN/

” 大多数的程序员都会有一个自己的个人网站，我们想要在自己的网站下面去刻画一个酷炫的背景，我们可能会使用一些炫酷的图片，或者叠加一个视频背景，但是我觉得这样还不够炫酷，不妨来试试自己动手吧！

为什么会有Lottie动画呢？在前端程序员根据UI视觉稿实现页面效果时一直存在这样的一种“矛盾” - 动画效果更完美与工期成本的矛盾。