前言：我们知道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插件

封装为一个工具类。下面有举例说明！<script>var HtmlUtil = {/*1.用浏览器内部转换器实现html转码*/htmlEncode:function (html){//1.首先动态创建一个容器标签元素，如DIVvar temp = document.createElement ...

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

如果前端请求获取到的数据格式是jsonp，那么我们就要转换成json才能进行解析。datas为jsonp数据格式的字符串变量，如：jsonp({"a":"1234","b":9999})// 下面是对获取到的数据进行处理，把jsonp格式的数据处理成json格式的数据if(typeof datas === "string&quo

首先要安装Package Control，然后在preference选项下找到Package Control点击并执行Install Package，等待安装一下后弹出一个输入框，根据下面需要的插件名进行安装即可。1.让vue文件高亮:安装： Vue Syntax Highlight2.让script里面的es6代码高亮：安装：ecmascript syntax安装：vuejs co...