09 2024 档案
摘要：实现拦截器 有图片可知,在上篇文章我们重写了UserDetailsManager,现在我们来进行之后的操作 在UserDetailsManager中我们可以调动数据库去进行一个账号密码的校验 之后我们这样设置拦截器进行一个token获取存储在usernamePasswordAuthenticatio
阅读全文
摘要：单独给实现安全框架这一组拿出来,供大家使用参考 依赖 <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <optional>true</optional> </dependency> <
阅读全文
摘要：在vue3中,我们在写前端数据处理的时候,特别是在store中,特别容易代入后端处理思维,本身没有错,但是特别容易导致数据不响应,使用前端js的方式处理就可以解决这一问题,下面就是一些例子 forEach 用途: 执行数组的每一项，不返回结果。 示例: javascript const number
阅读全文
摘要：今日在写网站的时候遇见一个大坑,在使用vue3渲染数据的时候发现,在先取store后,又有了修改store中的数据时出现的没有预想的响应式更改 那么我有了一下步骤 从存储段设置log,探查是否真正存储到了数据(因为网页版的vue插件有一些bug,不能全靠它来观察数据变化) 发现存储没有问题,再次探查
阅读全文
摘要：在vue3中,我们可以在原有的基础上功能分化更加明确,可以全局统一注册组件,更方便的去使用组件 一般我们在components文件中建立index.js 在这里统一进行注册最后在main.js中注册该组件即可 import { install } from "element-plus" import
阅读全文
摘要：路由缓存问题即:当再vue3中使用带参数的路由时,随着路由跳转,组件被重新复用,不能正常执行生命周期 尤其我们通常在onMounted中使用的请求的发送,那么如何解决呢 1.粗暴的方法:强制替换销毁 vue官方曾说,key可以强制替换一个元素或者组件,而不是复用它 那么我们可以在组件中使用key来正
阅读全文
摘要：在我们的网页中.假如使用了大量的图片,每个图片都是需要去访问加载的 这就影响了我们的访问速度,手写一个按需加载组件,就可以解决这个问题 让图片处于页面视图的时候再加载,减轻网页访问负担 利用vue3官网给出的钩子 我们常用的就是onMountent 如官网所示 为了及时监测,这里使用vueUse来进
阅读全文
摘要：在使用element-plus中,使用Carousel走马灯,当我们class设置此标签属性时,会发现,高度被默认成了300px 那么如何解决呢,网上主流方法是通过js代码绑定标签进行操作,但是我发现一个更简单的方法,直接在标签处设置 <div class="banner"> <el-carouse
阅读全文
摘要：今日整理,发现这种轮播图是最难实现的一种, 1.再循环中难以控制单一品类商品显示 解决办法: 在外面的主类里面添加&:hover触发标签属性的更改,这样可以单一作用 2.在循环中触发事件,所有的同一事件都会触发 解决办法:先建立模版控制排版,再从单一内容开始微调 <script setup> imp
阅读全文
摘要：在.eslintrc.cjs添加 rules:{ 'vue/multi-word-component-names': 0 } }
阅读全文
摘要：一般在util下的http.js中配置 import axios from "axios"; //创建实例基地址 const httpInstance=axios.create({ baseURL:"http://pcapi-xiaotuxian-front-devtest.itheima.net"
阅读全文
摘要：element有一套默认的颜色,我们可以根据需求去配置 1.前置 首先elementplus和自动导入插件要配置好 npm i elementPlus npm install -D unplugin-vue-components unplugin-auto-import 且在vite.config.
阅读全文
摘要：无论是学习项目还是企业项目,我们都需要进行项目管理方便回退 在码云上创建一个简单的项目仓库 复制项目http地址 在vsCode上初始化 git init git add . git commit -m "first" 4.项目连接 git remote add origin +项目地址 5.假如已
阅读全文
