- 博客(20)
- 收藏
- 关注
原创 vue3 token 无感刷新
(重点):每一次响应时,响应头会携带 token返回,通过 localStorage 或 pinia 等进行全局存储。:长期有效的凭证(几天到几个月),token 过期后通过 refreshToken 重新获取新 token。:当客户端请求时发现token过期,自动向服务器获取新的token,无需重新登录和页面刷新。:短期有效的临时凭证,正常请求时使用。:负责给请求头设置对应的 token。登录时 后端会返回 两个 token。
2024-09-19 18:24:53 302
原创 vue3 scoped 父组件向下影响到子组件内部的样式
deep() 选择器允许你定义一个或多个选择器,这些选择器将不会被的封装机制所限制,从而可以影响到子组件的样式。::v-deep 这个选择器是 Vue 3 中用于替代 Vue 2 中的 /deep/v-deep/ 或 >>> 等旧版穿透样式的方法,只在scoped样式中起作用。在同一个组件中同时包含作用域样式和非作用域样式。
2024-09-15 00:21:58 414
原创 防抖和节流
在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。这通常用于输入框搜索、窗口大小调整等场景,确保在用户停止输入或操作后才执行处理函数,以避免频繁的计算或请求。方法调用。
2024-08-28 22:14:14 120
原创 CSS技巧-伪元素 :not() 和 :has()
用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中,它也被称为。作为参数,提供了一种针对引用元素选择父元素或者先前的兄弟元素的方法。在锚定到该元素时,至少匹配一个元素。表示一个元素,如果作为参数传递的任何。缺点:兼容性差,不考虑兼容性可考虑。
2024-07-31 10:50:24 268
原创 CSS实现高度自适应动画的折叠面板
b站链接:【纯CSS实现高度自适应动画的折叠面板】 https://www.bilibili.com/video/BV1dC4y1C7Le/?根据内容高度自适应的折叠面板。
2024-06-25 17:40:24 160
原创 解决:找不到名称“ElMessage”,‘ElMessage‘ is not defined
使用element plus 自动导入组件时 eslint 报错。
2024-04-09 09:39:09 1791 1
原创 vue3项目创建后初始化
目的:保存时进行eslint自动校验代码是否符合规范。用法:在vscode 安装了ESlint 和Prettier 插件后,在 .eslintrc.cjs 文件中添加下面这段代码。
2024-03-31 23:29:45 436
原创 创建vue3 报错 TypeError: (0 , import_node_util.parseArgs) is not a function
当前版本为node-v17.9.1,不管是使用pnpm还是npm创建vue3项目,都会报 TypeError: (0 , import_node_util.parseArgs) is not a function ,通过升级node版本可解决(降版本还没试过),升级后是 18.19.1版本,之后在执行不会在报错。
2024-03-22 10:14:45 5588
原创 在vue2中使用quill富文本编辑器实现限制文本字数
目前项目中用到富文本,现在需求是限制字数在500内,去quill官网逛了下没看到相关的方法可以调用,所以我想到了一个解决方案。
2023-08-09 16:08:38 2437 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人