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

本项目技术栈vite、vue3.4、pinia、vue-router4、axios、elementPlus、echarts，基于多方考虑，不上TypeScript，其实也是懒。

1.什么是vite vite是新一代前端构建工具，能够显著提升前端开发体验。他是使用rollup打包你的代码，是开箱即用的，同时也提供了丰富的插件api,带来了高度的可扩展性。可以构建vue，reac

抛弃完全多余的 hydration ，让你的SSR应用性能突破天际。今天我们来聊聊一种全新的服务端渲染思路，一起来看看号称世界上第一个SSR框架：qwik。

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

手机上现在除了有原生 App，还能跑“WebApp”——它即开即用，用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。 我认为，WebApp 就是我们前端性能优化的产物，是我们前端工程师对体验不懈追求的结果，是 Web 网页在性能上向 Nativ…

本文是 Vue 3.0 进阶系列 的第三篇文章，在阅读本文前，建议你先阅读 Vue 3.0 指令的本质是什么 和 Vue 3.0 $emit 之后发生了什么 这两篇文章。在看具体示例前，阿宝哥先来简单介绍一下双向绑定，它由两个单向绑定组成： 视图 —> 模型事件绑定。 而在表单…

一. 数组去重 新建一个空的结果数组，for 循环原数组，判断结果数组是否存在当前元素，如果有相同的值则跳过，不相同则push进数组。 双层循环，外层循环元素，内层循环时比较值。值相同时，则删去这个值。 不考虑兼容性，这种去重的方法代码最少。这种方法还无法去掉“{}”空对象，后…

堆内存：存储引用类型值，对象类型就是键值对，函数就是代码字符串。 栈内存：提供代码执行的环境和存储基本类型值。 栈内存释放：一般当函数执行完后函数的私有作用域就会被释放掉。 保护函数的私有变量不受外部的干扰。形成不销毁的栈内存。 保存，把一些函数内的值保存下来。闭包可以实现方法…