- 博客(26)
- 收藏
- 关注
RSS订阅原创 关于map映射表
简而言之，这段代码的作用是将 valGroupsOptions 数组转换成一个易于查找的 Map 结构，便于后续通过 name 快速访问对应的 options 值。首先，我们创建了一个 Map，其中键是 valGroupsOptions 中的 name，值是对应的 options。每个键都是独一无二的，对应一个值。使用 Map 的优势在于它明确地表示了一种键值对集合，并且提供了更现代的API来处理这些数据，比如 map.get(‘key1’) 获取值，map.size 获取映射表的大小等。
2024-06-03 16:37:22
292
原创 NVM的安装，以及通过NVM安装node版本和切换node版本
nvm 是一款 nodejs 版本管理工具，通过 nvm 可以简化我们切换 nodejs 版本的操作。一、首先进入 nvm 的官网下载安装包找到自己系统对应的版本进行下载，以下以 window 系统为例。下载之后，解压里面的exe文件双击exe文件进入安装流程，傻瓜式点击下一步即可**
2024-03-27 16:50:33
1039
原创 new Promise((resolve, reject) =＞ {})使用记录 -笔记
2.错误处理：resolve和reject函数分别用于表示异步操作的成功和失败。在异步任务完成后，根据业务逻辑调用它们，如获取数据成功后调用resolve(data)，发生错误时调用reject(error)。1.异步操作处理：当需要进行一个异步操作，如网络请求、定时器、文件读写等，并希望以非阻塞方式等待其完成时，可以使用Promise。可能的使用场景是在某个操作如客户转账重试机制中，模拟1秒后重试完成的动作，然后继续执行接下来的逻辑（比如更新UI、通知服务端或其他依赖此重试结果的操作）。
2024-03-20 16:19:33
445
原创 在pinia的persist 中添加多对持久化处理的对象，可采用数组格式
最后，在 return 语句中，将需要暴露给外部的状态和方法进行返回，以便在组件中使用。这样，其他组件可以通过 useLoginStore 来访问和修改 loginUser、isFirstDownTemplate，以及调用 setLoginUser、setIsFirstDownload、$reset 方法。在 store 的配置对象中，persist 属性用于持久化 store 的部分状态。在上述代码中，存储在 loginUser 中的状态被指定为需要持久化的部分。
2024-03-15 15:25:06
217
原创 vue2/vue3 通过ref调用router-view子组件的方法
有的时候，我们需要在当前组件组件中，调用路由子组件中的方法（之前都是直接引入的子组件，然后通过ref引用该子组件，然后通过ref直接调用，但是注意这里的区别是：路由子组件，而非在父组件中直接使用的子组件）不能直接在中直接使用ref然后调用，这里拿到的组件实例并非路由子组件，因而不能调用子组件中的方法。然后就可以在父级定义ref=childComponent的变量了，通过该变量访问子级路由的方法。首先，可以确定的是子组件必须将供外界调用的方法暴露出去。使用的组件写法，才可以使用ref引用到路由子组件。
2024-02-26 18:12:38
572
1
原创 浏览器过滤掉options请求
9. Access-Control-Max-Age： 此次预检的有效时间，设了多少时间，即在这个时间段内，不会进行第二次预检。options请求就是在正式的数据请求前的一次请求，用意就是在正式请求前检测请求是否有效或者是被允许的，而预检请求就是确认是否能够进行正式请求，避免正式请求带来的用户隐私信息泄露风险或者非预期的操作。7. access-control-allow-methods： 允许请求的请求方式。8. access-control-allow-headers： 允许请求的请求头。
2024-01-30 11:49:15
549
1
原创 js中定时器使用的时间单位是毫秒，时间转换计算记录
将分钟转换为毫秒，可以将分钟数乘以60000。因为每分钟有60000毫秒，所以将分钟数乘以60000可以得到对应的毫秒数。1分钟=60000毫秒；
2024-01-23 10:18:48
546
1
原创 js中使用本地存储的优化
在getAutoRefreshTime()函数中，我们尝试解析存储的值，如果解析过程中发生错误，它也会被捕获，并在控制台中打印错误信息。然后，我们返回一个默认值（在示例中为0），可以根据实际需求修改默认值。通过这种优化，即使在setAutoRefreshTime()出现错误时，getAutoRefreshTime()仍将提供一个默认值，避免了控制台报错，并且你可以根据需要在控制台中查看错误信息。在setAutoRefreshTime()函数中，如果存储过程中发生错误，它会被捕获，并在控制台中打印错误信息。
2024-01-23 10:11:58
365
1
原创 vue3+ts，使用v-for为多个输入框分配ref属性
总结起来，:ref需要一个函数或响应式对象来正确绑定DOM元素的引用。通过将箭头函数设置为:ref的值，我们可以在函数内部执行赋值操作，将DOM元素的引用分配给item.toRef。==>这样每个输入框的toRef属性都会正确地指向对应的DOM元素；
2024-01-22 16:37:28
598
原创 Vue中字符串、数组之间的相互转换
方法将数组作为字符串返回。元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。一、数组转字符串 可以利用join()方法来将数组转为字符串。split()用于把一个字符串分割成字符串数组。
2024-01-19 14:27:41
441
1
原创 vue3+ts实现监听页面是否可见，做定时执行某项功能的操作
html部分：给需要监听的UI加上ref属性（其实我是要监听引入进来的子组件—》拖拽小球的。但是将ref给到该子组件身上，触发可视界面的监听存在问题，有小伙伴知道的话，可以给我解答下）2，去往另外的窗口的时候，即目标窗口已经不是正在打开的那个了，定时器清零。1，在当前的窗口中，可视界面被隐藏的时候，定时器清零。再次回到该界面，定时器重新开始。我们当前项目的需求是，要实现的是dashboard的数据每隔5分钟自动更新一次。为了不浪费每一次更新，减少对接口的访问呢，我在这基础的需求之上加上了一些限制。
2024-01-18 18:29:39
689
1
原创 js中获取本地时间，以及转换本地时间为零时区的方法记录
正偏移表示当前 Moment 对象比 UTC 时间要晚，负偏移表示当前 Moment 对象比 UTC时间要早。.utcOffset() 方法可以接受两种形式的参数： .utcOffset(offset:number)：以分钟为单位设置时区偏移量。例如，.utcOffset(”+02:00") 表示当前 Moment 对象比 UTC 时间晚 2 小时。Moment 对象的时区偏移量设置为 0，即与 UTC 时间保持一致，也就是将时间转换为零时区的时间。.utcOffset(0) 表示将当前。
2024-01-18 14:47:17
730
1
原创 对象属性重置为初始值，针对全部及部分进行的灵活写法记录
谨记，循环中重置属性时，确保属性名称与 forgotPasswordInfo 对象中的属性名称一致，以确保正确的属性重置。只在 propertiesToReset 数组中包含需要重置的属性名称，循环遍历该数组，并将对应的属性值设置为空值。然后，现在的业务是重置对象属性值。
2024-01-15 11:24:39
444
原创 使用vue3写多个函数挂载在全局，供任意界面使用
这样做的好处是，你可以在不同的文件中定义和管理全局函数，使代码更具可读性和可维护性。另外，你也可以根据需要将相关的全局函数组织在不同的文件中，以便更好地管理和维护。在上面的示例中，我们将全局函数 myFunction1 和 myFunction2 定义在单独的文件 globalFunctions.js。然后，在 main.js 中，我们通过 import 引入这些函数，并将其挂载到 Vue。为了更好地组织代码，将全局函数和变量写在单独的文件中，然后在 main.js 中引入它们。
2024-01-11 16:59:15
822
原创 通过 vueuse 实现元素拖拽移动效果（窗口大小变化，位置实时更新）
首先，ant design vue 的Modal弹窗中也有一个使用vueuse的拖拽函数实现弹窗的拖拽效果，但是有个问题，${${ant 提供的方法引入到我的项目中，当窗口大小改变的时候，元素的定位没有更新，会导致拖拽有问题。针对此，我对窗口大小的变化加了监听，当窗口大小改变就更新元素的定位。
2023-12-26 16:36:37
452
1
转载 Lodash 前端必备神器
.debounce(func, [wait=0], [options={}]) 防抖函数可以延迟执行一个函数，并且只有当延迟时间过去后该函数没有被再次调用时才会执行。_.delay(func,[wait],[args]) 函数可以延迟执行一个函数，并指定延迟的时间和参数。通过使用 _.groupBy 函数，你可以根据指定的标准轻松对集合进行分组，并得到一个包含分组结果的对象。通过使用 _.reject 函数，你可以轻松地根据自定义条件排除集合中的元素，得到一个符合要求的新数组。
2023-12-26 16:29:52
963
1
原创 在vue3中使用多个自定义指令，采用引入到main.js文件中
directive的文件夹，index是入口文件，inputenglish.ts就是我现在设置的一个用于限制输入框只能输入英文字符的指令。例如我这里建了一个叫。
2023-12-26 16:08:19
247
1
原创 ES6学习网站
W3Cschool ES6中文教程：https://www.w3cschool.cn/escript6/escript6-s4pc37et.html。菜鸟教程：https://www.runoob.com/w3cnote/es6-tutorial.html。阮一峰ES6学习电子书：https://es6.ruanyifeng.com/#docs/let。ES6官网：https://262.ecma-international.org/6.0/
2023-12-25 12:11:47
1117
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人