Vue
文章平均质量分 64
浅岛夏风
一枚微不足道的前端攻城狮(个人博客域名:gaoyuan.ink)
展开
-
vscode配合eslint格式化代码设置(详细步骤)
一、安装 VScode插件1.安装ESlint2.安装 Vetur3.安装Prettier - Code formatter二、打开 配置文件打开 vscode 软件 【文件】---【首选项】---【设置】按照下图点右上角那个小文件图标,会弹出一个 【settings.json】 文件。修改VScode的配置文件,可以直接粘贴复制:{ // #让函数(名)和后面的括号之间加个空格 "javascript.format.insertSpac原创 2022-03-30 15:12:13 · 9894 阅读 · 1 评论 -
vite是干嘛的?
欢迎访问我的个人博客:https://www.gaoyuan.ink,一起共勉学习~作为刚刚开始学习vue3,接触到了vite这个名词。还是在vue2和vue3的迁移构建版本中看到了这个词,当时看到Vue 2 应用升级为 Vue 3 (存在限制)中看到Vue 3 不再提供一个包渲染器,且推荐使用 Vite。于是我就去查了一下vite,做了一个通俗易懂的总结。举个例子,你请我去饭店吃饭,点了10个菜webpack饭店:后厨全部做完了,一波端一桌子菜,你得多等很久vite:做好一个就给你上一个你先吃.原创 2021-11-22 19:15:33 · 1006 阅读 · 0 评论 -
手写实现一个tab、tabs切换页签组件
Tab页签切换是常用组件,经常穿梭于各个业务场景中,这篇文章将代理大家实现一个tabs和tab组件我们先来看一下最终实现的效果图:废话不多说,直接上代码,先来看tabs.vue:<template> <div class="tabs"> <div class="tabs-bar"> <div v-for="(item,index) in navList" :key="item.name" .原创 2021-06-08 16:48:38 · 3362 阅读 · 0 评论 -
vue里封装axios——利用promise无痛刷新token
需求最近遇到个需求:前端登录后,后端返回token和token有效时间,当token过期时要求用旧token去获取新的token,前端需要做到无痛刷新token,即请求刷新token时要做到用户无感知。需求解析当用户发起一个请求时,判断token是否已过期,若已过期则先调refreshToken接口,拿到新的token后再继续执行之前的请求。这个问题的难点在于:当同时发起多个请求,而刷新token的接口还没返回,此时其他请求该如何处理?接下来会循序渐进地分享一下整个过程。实现思路由于后端返回了t原创 2021-03-29 20:21:32 · 1087 阅读 · 2 评论