今天在写页面的时候发现，F12控制台一直报警告： [DOM] Input elements should have autocomplete attributes (suggested: "new-password"): (More info: https://goo.gl/9p2vKq) 文档解释 意思是需要为input标签设置一个用于自…
src/router/main.ts 参考示例，提前写好一个用于展示的页面放到src/pages/404.vue import { createRouter, createWebHashHistory } from 'vue-router/auto' import { setupLayouts } from 'virtual:generated-l…
手动删除慢得不行，建议直接-g全局安装这个工具。 安装 npm install rimraf -g 运行 在需要删除node_modules或者其他文件夹（自行修改命令）的目录下运行 rimraf node_modules
本文结合网络上的其他教程，基于不阻止浏览器填充的前提做一个进阶做法和补充，特别是应付在使用UI组件时需要动态获取组件原有颜色的情况。原理：在浏览器覆盖原有输入框背景颜色后，额外再进行一次覆盖。 颜色值硬编码（简易） 使用截图软件或是其他能够拾取组件颜色的工具，拾取出UI组件各状态下的原有（被浏览器覆盖前）颜色rgb值，替换到下方各个状态的rgb颜色…
最终会压缩除了忽略的文件夹以外的所有项目文件包括目录，输出到/dist文件夹内（.zip格式），压缩包文件名前缀自定义，会自动拼接当前时间加入到文件名后缀防止文件重名冲突。 Python实现（推荐使用） 比起powershell脚本性能要好很多且简洁明了 import os import zipfile # 最终输出路径+压缩包文件名 output…
src\pages\demo.vue <template> <div :style="{ backgroundImage: `url(${randomBackgroundUrl})` }"></div> </template> <script setup lang="ts"> import…
<v-text-field autocomplete="off" prepend-inner-icon="mdi-lock" placeholder="请输入密码" clearable rounded="pill" hide-details="false" variant="solo-filled" :type="visible ? 'tex…
记录一些个人常用的组件内部API，免得记混淆了在官方文档慢慢的定位。说实话官方文档很多地方不够详细且存在缺失，以及翻译没有更新完毕半英半中的。 v-btn 图标按钮 <!-- 单图标 --> <v-btn icon="mdi-github"> </v-btn> <!-- 图标+文字 --> <v…
定义好一个图片url地址字典随机请求罢了，免了做后端接口，本篇只是为了方便以后copy记录一下。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width…
通过记录IP的访问次数到Redis，来限制频繁请求/访问接口。可以动态地在响应内容中显示实际的限制频率。需要注意当前的响应内容message是以分钟为单位作提醒，由于rl.Expires.Minutes()可能会返回一个浮点数，所以使用int()来将其转换为整数。如果需要更精确的时间单位表示（比如秒）还需自行修改。 调用示例 全局使用和单独使用 f…