前言：我们知道localStorage如果设置了，那么默认是永久有效的，除非手动进行删除。手动删除：可以在谷歌浏览器控制台的Application => Local Storage 中找到自己要删除的文件/域名中的某一项数据双击进行清空删除即可。自定义过期时间：默认localStorage的api中时不支持设置过期时间的，所以我们只能对localStorage进行二次封装。自定义过期时间实现

一、迁移过程vite官网：点击这里兼容性注意：Vite 需要 Node.js 版本 >= 12.0.0。1、创建vite项目npm init @vitejs/app根据提示把项目名、选择创建的项目类型(我们这里选vue)，语言(javascript)2、把vue/cli创建的vue3项目中package.json依赖包搬到vite的package.json中搬完了之后记得使用 npm ins

前言：如果使用elementui这个框架来开发系统，那么我们几乎都会使用到NavMenu 组件。我们可能需要菜单根据我们点击的那一项高亮显示，刷新页面了之后还是会相应的高亮显示。我在项目中遇到的情况有三种：（vue-cli + elementui）1、横向菜单如果仅有一个菜单，那么点击当前菜单高亮；如果菜单下有二级下拉，那么点击下拉二级菜单高亮，并且一级菜单也高亮（刷新页面后依旧保持高亮）...

1、自定义tooltip悬浮提示框内容（数据处理后加单位），需要在tooltip配置项的formatter使用回调函数的形式参数详解：https://echarts.baidu.com/option.html#legend.formatter2、自定义折线图线条颜色，直接在color配置项数组中写自己喜欢的颜色，在线条绘制的时候就会在数组中自动选择。具体如下配置：option = {...

1、引入外联样式2、内联样式3、声明式内联样式4、CSS Modules模块化5、CSS-in-JS模式（Styled-component）

前端开发常用的vscode插件

getYMDHMS (timestamp) {let time = new Date(timestamp)let year = time.getFullYear()let month = time.getMonth() + 1let date = time.getDate()let hours = time.getHours(...

1、获取树中的所有祖先节点名称2、根据过滤条件筛选出需要留下节点的树结构数据3、获取树中叶子节点的总个数4、重新组合树结构中的数据5、根据id和pid把json结构 转 树状结构