- 博客(61)
- 收藏
- 关注
RSS订阅原创 Vue3 使用ref
customRef() 接收一个工厂函数作为参数，该函数接收 track 和 trigger 两个函数作为参数，并返回一个带有 get 和 set 方法的对象。customRef() 是 Vue 3 中新增的 API，用于创建自定义 ref，并对其依赖项跟踪和更新触发进行显式控制。track：用于收集依赖项。在 get 方法中调用，收集该 ref 所依赖的响应式数据。实现防抖/节流：通过控制依赖项收集和更新触发时机，可以实现防抖/节流功能。自定义计算属性：可以根据特定逻辑计算值，并控制何时更新视图。
2025-04-14 15:18:56
215
原创 vue3 使用require引入静态图片、音频等提示Uncaught (in promise) ReferenceError: require is not defined
vite搭建项目,就需要使用new URL(url, import.meta.url).href的格式引入，import.meta.url 是一个 ESM 的原生功能，会暴露当前模块的 URL。将它与原生的 URL 构造器 组合使用，在一个 JavaScript 模块中，通过相对路径我们就能得到一个被完整解析的静态资源。
2025-04-10 13:03:33
196
原创 vue 解决image-conversion图片处理插件压缩后图片底色变黑问题
image-conversion图片处理插件压缩后图片底色变黑问题
2025-02-17 13:28:17
401
原创 Vue3中使用@作为引用根目录报错
对于使用 Vite 的项目，需要在vite.config.ts文件中配置路径别名。在 Vue 3 中使用 @ 作为引用根目录（通常是 src 目录）报错，通常是因为配置未正确设置或者配置未被项目正确识别。
2024-09-03 22:29:07
726
2原创 js async await 用法
二，await：关键字仅能在 async 函数内部使用，用于等待一个 Promise 完成并返回其结果。它会暂停当前的 async 函数的执行，直到 Promise 完成，然后继续执行 async 函数，并返回解析后的 Promise 值。async/await 是 JavaScript 中用于处理异步操作的一种语法糖，它使得异步代码看起来像同步代码一样直观和易读。一个标记为 async 的函数总是返回一个 Promise 对象。1,执行async函数，返回的是一个promise对象。
2024-04-19 10:45:46
433
原创 js 将一个数组中的部分字段，添加到另外一个数组中
一个数组中有多个对象，但只想取其中的几个var arr = []res.data.forEach((item)=>{ arr.push({ label: item.name, value: item.id })})与for循环一样，forEach也属于完整遍历数组的方法，并会对数组每项元素执行提供的回调函数。arr.forEach(function(self,index,arr){},this);self：数组当前遍历的元素，默认从左往右依次获取数组元素。index：数组当前元
2021-10-09 17:57:14
4423
原创 小程序点击按钮水波纹效果
效果截图通过触摸事件touchstart来获取touches，根据点击的坐标获取定位，然后赋值样式。然后利用setTimeout把值清空掉来执行动画。touches：正在触摸屏幕的所有手指的一个列表。原文针对整个屏幕的点击事件，根据自己的需求改成针对按钮https://blog.csdn.net/weixin_42120767/article/details/100143015<template> <view> <view class="container"
2021-10-09 17:02:52
945
原创 js中substring()、substr() 、slice()的用法
substring() 方法用于提取字符串中介于两个指定下标之间的字符。substring(start,end)表示从start到end之间的字符串，包括start位置的字符但是不包括end位置的字符。 var src="JavaScript substring"; console.log(src.substring(3)); //aScript substring console.log(src.substring(3,7)); //aScrsubstr() 方法可在字符串中抽取从 st
2021-06-29 17:41:49
209
原创 js中push(),pop(),unshift(),shift()的用法
这两组同为对数组的操作，并且会改变数组的本身的长度及内容。不同的是 push()、pop() 是从数组的尾部进行增减，unshift()、shift() 是从数组的头部进行增减。push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。 var arr = [1, 2]; arr.push('a','b') console.log(arr); //[1,2,'a','b'] arr.unshift('c',
2021-06-28 11:10:49
200
原创 js replace使用方法
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。第一个值：字符串或正则表达式对象第二个值：替代查找到的字符串 var str='文字是人类用符号记录表达信息的方式和工具,文字久远'; var newstr=str.replace('文字','文化'); console.log(newstr) //文化是人类用符号记录表达信息的方式和工具,文字久远但是第二个文字没有改变，可以通过正则表达式匹配全局 var str='文字是人类用
2021-06-26 17:49:12
334
原创 js在数组中查找是否存在某一个数值
JS中find(), findIndex(), filter(), forEach(), some(), every(), map()方法js在数组中查找是否存在某一个数值js查找和筛选的几种方式
2021-06-16 17:09:23
1109
原创 js搜索实现模糊查询
原文链接：https://blog.csdn.net/z9061/article/details/90290186我是查询的数组中某个对象里的值例如：来查询name相匹配 conInfo:[ { img:'../../static/wz.png', name:'王者荣耀' }, ],1.indexOf方法 inputSearch(list, keyWord) { for (let i in list) { if (list[i].name.
2021-06-16 17:04:04
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人