在 vue3 项目经常使用状态管理器来存储 用户信息、token、路由信息 等数据，使用 pinia 和 pinia-plugin-persistedstate 插件完成仓库的创建。

首屏加载的意义不言而喻，毕竟第一印象最重要，直接影响用户体验和留存。当用户使用你的产品的时候，一上来半天刷不出首页，很多用户往往就直接给你Ctrl+F4了。   那么问题来了，怎么做首屏优化。在了解怎

列表页时常出现因搜索条件过多，占用屏幕的位置太多，所以将不常用到的搜索条件折叠起来，用户需要可以展开。记录一下这个组件。 引入该组件后，将需要折叠展开的dom包含在该组件中即可。

在前端性能优化的方式中，最重要的当然是缓存了，使用好了缓存，对项目有很大的帮助。比如我们访问网页时，使用网页后退功能，会发现加载的非常快，体验感很好，这就是缓存的力量。 什么是缓存呢？ 当我们第一次访

全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上标注的权限信息(比如上面的roles: ['adm…

前言 大家好，我是林三心，大家也知道，本菜鸟平时写基础文章比较多，我始终坚信两句话 用最通俗易懂的话，讲最难的知识点 基础是进阶的前提 其实Vue3已经出来很久了，可能大部分公司都用上了

动画一直是前端比较纠结的点，容易被忽视却又是那么重要，能写出让人感到愉悦自然的交互体验确实能为项目增色不少，毕竟这是上手就能感受到的，所以很有必要对vue的transition组件实现原理一探究竟。transition组件的动画实现分为两种，使用Css类名和JavaScript…

vue2+element 管理后台 集成解决方案 没有没做的，只要想不到的

浏览器里右键时会有一个默认的菜单，在我的开源项目中正好有自定义右键菜单的需求，在npm库找了下与之相关的包，发现都是以组件形式实现的，感觉那种做法太过繁琐。 于是，我就想着能不能像vue的内置指令那样，绑定到元素上，在这个元素上右键就能出现右键菜单，这样做就方便很多了。 看了下…