摘要: <script lang="ts" setup> import {ref, onMounted, onUnmounted} from "vue"; let timer = <any>ref(null); onMounted(() => { // 设置每隔5秒刷新一次 timer.value = se 阅读全文
posted @ 2023-09-15 15:00 游戏三昧的木笔 阅读(43) 评论(0) 推荐(0)
摘要: 目的: 1. 使用请求拦截器,可以在请求拦截器中处理一些业务(开始进度条、请求头携带公共参数) 2. 使用响应拦截器,可以在响应拦截器中处理一些业务(进度条结束、简化服务器返回的数据、处理http网络错误) 1. 新建utils文件夹,新建request.ts // 进行axios二次封装:使用请求 阅读全文
posted @ 2023-06-07 16:47 游戏三昧的木笔 阅读(63) 评论(0) 推荐(0)
摘要: 以下基于mock的vite-plugin-mock版本为2.9.6实现,其他版本有可能导致报错 1. 安装依赖:https://www.npmjs.com/package/vite-plugin-mock pnpm install -D vite-plugin-mock@2.9.6 mockjs 2 阅读全文
posted @ 2023-06-07 14:08 游戏三昧的木笔 阅读(319) 评论(0) 推荐(0)
摘要: stylelint为css的lint工具,可格式化css代码,检查css语法错误与不合理的写法,指定css书写顺序等。 以scss作为预处理器为例,看如何配置stylelint1. 安装以下依赖 pnpm add sass sass-loader stylelint postcss postcss- 阅读全文
posted @ 2023-06-07 09:50 游戏三昧的木笔 阅读(1037) 评论(0) 推荐(0)
摘要: prettier格式化工具,保证代码美观1. 安装依赖包 pnpm install -D eslint-plugin-prettier prettier eslint-config-prettier 2. prettierrc.json添加规则 { "singleQuote":true, "semi 阅读全文
posted @ 2023-06-07 09:46 游戏三昧的木笔 阅读(169) 评论(0) 推荐(0)
摘要: 1. 新建一个index.ts,用于管理所有全局组件 // 引入项目中全部的全局组件 import SvgIcon from "./SvgIcon/index.vue"; import Pagination from "./Pagination/index.vue"; // 全局对象 const a 阅读全文
posted @ 2023-06-05 14:09 游戏三昧的木笔 阅读(513) 评论(0) 推荐(0)
摘要: 在main.ts里面直接引入并使用即可 // 全局注册组件 import SvgIcon from "@/components/SvgIcon/index.vue"; app.component("SvgIcon", SvgIcon); 阅读全文
posted @ 2023-05-31 17:46 游戏三昧的木笔 阅读(104) 评论(0) 推荐(0)
摘要: 1. 定义子组件 <template> <!-- svg:图标外层容器节点,内部需要与use标签结合使用 --> <svg :style="{ width, height }"> <!-- xlink:href表示执行用哪一个图标,属性值要为#icon-图标名字 --> <!-- use标签fill 阅读全文
posted @ 2023-05-25 17:52 游戏三昧的木笔 阅读(81) 评论(0) 推荐(0)
摘要: 使用svg之后,网页加载的不再为图片资源,页面性能得到提升svg文件比img小,在项目中几乎不占用资源 (vue3 + vite + ts) 1. 安装SVG依赖 pnpm install vite-plugin-svg-icons -D 2. 在vite.config.ts中配置插件 import 阅读全文
posted @ 2023-05-25 16:05 游戏三昧的木笔 阅读(409) 评论(0) 推荐(0)
摘要: 1. 免费PPT网站:优品PPT PPT模板免费下载_精美免费PPT模板下载 -【优品PPT】 (ypppt.com) 2.免费制作流程图:ProcessOn www.processon.com 阅读全文
posted @ 2023-02-11 14:11 游戏三昧的木笔 阅读(25) 评论(0) 推荐(0)