童心虫鸣

背景 在使用elementPlus Autocomplete 自动补全输入框中选择选项时会有警告⚠️ 解决办法 首先我们看下源码 再选择的时候调用input，会获取prop...

背景 最近进入github要进行双重身份验证，官方建议两种方法： 使用带有f2a的app扫描获取验证码（要下载其他的app,更重要的有的翻墙） 短信验证（对于我们手机验证有...

1. Uncaught TypeError: (intermediate value).globEager is not a function vite5中import.m...

背景 我们新建项目的时候，需要使用模板创建，一般使用vite创建项目，创建的项目都是基础的。 我们需要添加eslint、stylelint,pinia等等。 每次都要配置，...

安装 如果根目录没有package.json ，先添加，如果请跳过 安装依赖 使用 使用命令添加配置文件 添加提交eslint验证 package.json添加lint 如...

项目中打包中会遇到一些浏览器版本不支持es6的一些新的语法，如果出现语法报错或者不支持的报错情况，可以向下兼容。 在 Vite 构建过程中，build.target 可以用...

当开始一个新项目或重构一个现有项目时，经常会出现这样的问题：如何设置项目的目录结构? 平面结构 大多数一般都是这样的结构，这个也没有什么毛病，文件少了还是挺方便的。那如果组...

背景 项目过程中，你是否每加一个页面，都要添加路由的的烦恼？ 你是否想每加一个.vue文件，自动生成路由文件呢？ 下面这个插件，就可以解决你的这些烦恼。 安装 使用 vit...

在开发过程中，如果一般我们都是使用vue,react组件开发。会出现一个页面多个组件的情况。 如果一个组件的某个片段出现问题，又因为时间久或者不止我们开发的情况，会出现找代...

有个项目需求是这样的，切换路由动态改变页面的title显示。所以就有个这个，记录一下。 设置路由 路由添加meta信息 设置title 方式一： app.vue 监听路由变...

之前看到这个插件没有太在意，总觉得花里胡哨，今天体验完了，感觉还是挺好用的。 安装 首先我们安装下插件 使用 启动项目，默认右下角有个图标，点击可以查看功能。 功能 概况 ...

在项目开发中我们经常调试模板数据，通常我们都是添加一个{{ message }}在模板中，来显示我们的数据。 思考 数据格式不清晰，如果是对象或者数组结构不清晰，不容易定位...

今天我们用一种新的布局方式，使用路由视图来实现布局样式。 常用的布局 我们首先看一个我们常用的布局，左右布局。 app 页面 我们通常写一个这样的布局，思路是这样的： 我们...

背景 vue3项目在启动的时候，有时候我们要强制使用serve.https, vite项目需要一个合法的证书。 配置 方式1： 我们可以使用官方推荐的：@vitejs/pl...

开始 最近有个需求，是这样的。项目键盘事件可以自定义键值。根据后台设置的键值，动态监听键盘键值。 首先看下接口返参结果： 问题 没有动态获取key值之前，我们可以这样监听：...

背景 如果连续点击保存按钮，会一直请求接口，可能会造成服务器压力，如果点击过快接口有可能会报错。 思路 首先我们想一下该怎么解决这个问题？ 使用防抖函数，点击调用事件处理 ...

1. TypeError: Cannot read properties of null (reading 'insertBefore') 解决方法： v-if修改为：v-...

背景 vite安装的项目一般都没有eslint和stylelint配置，对于熟悉的项目配置的很简单。 如果对于新手来说或者不熟悉的来说，就有点麻烦了，所以就做了一个配置简单...

useRequest axios请求封装 安装 使用 支持数据格式: 请求拦截 响应处理 报错信息处理 对象模式 参数说明 参数名 说明 callback instance...

前端框架经历了十多年的争奇斗艳百花齐放，经历了各大框架的争奇斗艳、百花齐放。如今谁才是真正的王者呢？...