- 博客(13)
- 收藏
- 关注
原创 状态管理器Vuex的使用
Getters 可以对 State 中的数据进行处理,类似于组件中的计算属性。Actions 类似于 Mutations,不同之处在于 Actions 可以包含异步操作,并通过提交(commit)方法来调用 Mutations 中的方法。Mutations 是唯一可以修改 State 的地方,类似于组件中的方法。Mutations 中的方法必须是同步的,且需要通过提交(commit)方法来调用。State 是响应式的,当 State 中的数据发生变化时,所有依赖于该状态的组件都会被重新渲染。
2024-03-07 09:23:38 381
原创 vue2,vue3使用 lodash库实现防抖功能
当调用queryByMulfn函数时,实际上会触发_queryByMul函数的执行。但是,由于_queryByMul函数已经被debounce包装过,它会等待500毫秒后才会执行queryByMul函数。如果在500毫秒内再次调用queryByMulfn函数,那么之前的执行会被取消,重新开始计时。queryByMul函数被包装在debounce函数中,并设置了500毫秒的延迟时间。这样,queryByMul函数只会在最后一次调用后的500毫秒后执行一次,避免了频繁的调用导致的问题。
2024-01-29 17:06:35 779
原创 vue3+Element Plus实现自定义穿梭框
到这里你就可以使用在这个组件了。这是经过插分的代码原本还拥有表头切换的逻辑如有需要可留言.我后续可以在做整理。穿梭框的table表头是动态的html中无需修改,使用这个组件首先需要在scripe中创建如下变量。先上效果图:具体细节可以自己调整这里主要说明 派单,取消这两个按钮的实现。然后就是最重要的按钮功能。
2024-01-29 08:00:00 1535
原创 vue页面切换时给表单添加缓存
除了在关闭页面标签时清楚缓存外,在表单成功提交时也需要清楚缓存,所以在执行提交的方法中在使用 localStorage.removeItem(cacheKey);现在我们基本就实现了页面缓存,但是由于没有设置缓存的清楚所以及时我们关闭了当前页面再次点开始还是会有缓存记录。这里的方法很多我采取一种较为简单的办法,将键值存储在路由信息中,在配置路由的文件中添加。上述代码的键值是只存在于当前页面的也就是不共享的,所以我们需要将这些键值存储在一个。然后就可以将之前的2,3步的键值替换成这里的键值。
2024-01-28 08:00:00 706 1
原创 java面试 —— java基础篇
Java在java.math包中提供的API类BigDecimal,用来对超过16位有效位的数进行精确的运算。双精度浮点型变量double可以处理16位有效数,但在实际应用中,可能需要对更大或者更小的数进行运算和处理。一般情况下,对于那些不需要准确计算精度的数字,我们可以直接使用Float和Double处理,但是Double.valueOf(String) 和Float.valueOf(String)会丢失精度。所以开发中,如果我们需要精确计算的结果,则必须使用BigDecimal类来操作。
2024-01-27 08:00:00 2787
原创 程序员裁员潮:技术变革下的职业危机
对于员工来说,裁员也可能是一个机会,他们可以寻找新的工作、发展新的技能或开始自己的创业项目。调整职业规划:如果发现当前所从事的行业或职位存在较大的风险,程序员可以考虑调整自己的职业规划,寻找更加稳定的行业或职位。寻找新的机会可以提高个人的发展空间和职业发展的稳定性。总的来说,裁员对员工和公司都会产生深远的影响,这需要公司在决策时综合考虑各种因素,并采取适当的措施来最大限度地减少负面影响。总之,面对裁员潮危机,程序员应该保持积极的心态,灵活应对,不断提升自身的竞争力,为自己的职业发展做好充分的准备。
2024-01-26 17:04:08 402
原创 前端解析含有转义字符JSON
方法1.const jsonData = JSON.parse(JSON.parse(data ))方法2.const jsonData = data.replace(/\\/g, '');
2024-01-26 15:43:24 590 1
原创 v-show和v-if的区别
v-show和v-if是Vue.js中用来控制元素显示与隐藏的指令。v-show是通过CSS的display属性来控制元素的显示与隐藏。当条件为true时,元素会被显示;当条件为false时,元素会被隐藏。v-show在切换时仅仅是修改CSS的display属性,不会重新渲染DOM,所以切换比较快。v-if是通过DOM的插入和移除来控制元素的显示与隐藏。当条件为true时,元素会被插入到DOM中;当条件为false时,元素会被从DOM中移除。v-if在切换时会重新渲染DOM,所以切换比较慢。更通俗的说v-i
2024-01-26 15:36:23 348 1
原创 一篇文章搞懂前端sso需要做什么
一般情况下,用户的登录状态是记录在 Session 中的,要实现共享登录状态,就要先共享 Session,但是由于不同的应用系统有着不同的域名,尽管 Session 共享了,但是由于 SessionId 是往往保存在浏览器 Cookie 中的,因此存在作用域的限制,无法跨域名传递,也就是说当用户在 a.com 中登录后,Session Id 仅在浏览器访问 a.com 时才会自动在请求头中携带,而当浏览器访问 b.com 时,Session Id 是不会被带过去的。
2024-01-26 08:00:00 1920 1
原创 前端面包屑导航的,导航内容从何而来
首先 使用组件库提供的面包屑,调整好样式后就可以考虑如何获取当前导行的面包屑数据,由于面包屑与路由有关所以我们可以把面包屑的数据存储在路由中,在前端的router.ts文件中。在路由配置文件中添加meta属性用来存储面包屑信息,然后在一个封装好的头部文件中获取面包屑数据即可。最后在标签组件中使用即可。任务:完成面包屑导航功能。
2024-01-25 08:51:09 542
原创 解决前后端跨域问题的几种方法
首先前端需要设置允许cookie(可以在main.js文件中配置,也可以在创建axios实例的文件中配置)最近做一个session登录功能的遇到浏览器同源问题,特此来记录一下。查看每次调用接口时sessionId是否相同。
2024-01-25 08:00:00 354
原创 vue解决组件重复渲染问题
最初我是直接获取这个数据(data)然后直接传递给组件MyComponent,这样会导致组件发生渲染,然后最开始的组件也会重复渲染,导致数据丢失。这部分代码是我自己定义的store模块存储数据,页面的MsgList中的数据就是一条条记录的数据。然后使用这个数组中存储的数据这样,循环中每个组件都有自己的数据渲染,就不会造成影响了。解决办法:存储每次渲染的数据并且存储到最外层的循环中。
2024-01-24 16:55:11 1408 1
空空如也
vue2,组件重复渲染问题
2024-01-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人