uniapp获取运行平台

今天 11:16
阅读 1 分钟
15
文档:uni.getSystemInfoSync通过getSystemInfo异步获取系统信息通过getSystemInfoSync同步获取系统信息这里返回的uniPlatform表示运行的平台,如果是App运行则返回'app',如果是H5运行则返回'web',如果是微信小程序运行,则返回'微信小程序'详情如下:
封面图

vue3组件传值v-model的双向数据绑定

5 月 16 日
阅读 3 分钟
130
通过toRefs解构defineProps内的modelValue,这样子组件的表单就可以直接使用modelValue了子组件内点击搜索按钮,此时通过update:modelValue事件回传改值
封面图

vant组件省市区三级联动下拉

5 月 15 日
阅读 3 分钟
140
环境:原生微信小程序组件:u-pickerui库为uView2view需要用v-if清除组件,否则二次打开picker的位置会乱。 {代码...} 页面使用 {代码...}
封面图

动态tabbar后的tabbar高度获取

5 月 14 日
阅读 1 分钟
178
用于做底部悬浮定位,悬浮在tabbar上在设置tabbar的组件中获取,利用组件生命周期,获取tabbar高度,将高度存到本地,用于全局获取
封面图

原生微信小程序锚点滚动

5 月 13 日
阅读 13 分钟
222
在一个实际场景里,通常是父级盒子内部套了一个子元素列表,父级盒子有一个指定高度,子元素高度超过父级盒子时,子元素在父元素内部滚动。在布局方面,左侧和右侧没有任何关联,左侧仅仅只是分类列表,右侧仅仅只是分类详情列表,根据这个可以得出如下布局:点击左侧分类的时候,通过事件,获取右侧分类锚点,然后给右...
封面图

uni.navigateTo跳转带参的参数大小限制

5 月 12 日
阅读 1 分钟
234
通过encodeURIComponent来增大跳转携带的参数大小,decodeURIComponent解析参数跳转参数只能是字符串,通过JSON.stringify转换跳转页

npx tailwindcss init报错问题解决

5 月 11 日
阅读 1 分钟
353
错误信息如下:这是因为tailwindcss版本与postcss版本兼容问题导致的,只需要降级tailwindcss即可解决 {代码...} 再次执行 {代码...} 成功初始化

前端常用工具函数-2

5 月 11 日
阅读 11 分钟
329
a = [1,3,4,2,5] / b = [2,3]预期结果:[1,4,5]这里要用到倒叙删除,因为数组的length是动态的,在循环中正序删除会导致下标不准。
封面图

前端常用的工具函数

5 月 10 日
阅读 6 分钟
369
驼峰转小写下划线 {代码...} 划线命名转小驼峰 {代码...} 生成随机Hex颜色 {代码...} {代码...} 判断变量数据类型 {代码...} 深拷贝 {代码...} 保留指定的小数位数 {代码...} 字符串转时间戳 {代码...} 时间戳转 年月日时分秒 {代码...} 获取当月第一天、当前天、最后一天 {代码...} 数组去重 {代码...} 数组对象去重原...
封面图

前端根据URL批量下载成zip文件

5 月 9 日
阅读 3 分钟
312
批量下载并压缩输入一个文件列表fileArr,每个文件包含文件名fvName和fvUrl。自动为文件名添加正确扩展名,从URL截取后缀,例如:{ fvName: "image", fvUrl: "example.com/image.jpg" }转换为image.jpg。使用多线程并发下载所有文件,通过Promise.all确保所有文件下载完成后统一打包。
封面图

调用后台接口实现Excel导出功能以及导出乱码问题解决

5 月 8 日
阅读 2 分钟
290
接口返回数据导出,通常需要请求后端接口获取数据,接口返回的数据基本上是乱码的,需要先处理乱码的数据,否则导出来的文件是数据流格式的,如下看到这种返回信息,表格数据基本上是已经拿到了,现在只需要做一下数据的处理即可导出表格。
封面图

前端常用正则

5 月 7 日
阅读 2 分钟
350
去除html标签 {代码...} http转https {代码...} 手机号码 {代码...} 邮箱 {代码...} 6位数字验证码正则 {代码...} 4位数字验证码正则 {代码...} 16进颜色值 {代码...} 只能是中文 {代码...} 只能是英文 {代码...} 登录注册-密码 6-16位大小写字母、数字的js正则 {代码...} 座机号码 {代码...} 身份证-可校验末尾X {代码...}
封面图

pdf测试链接

5 月 6 日
阅读 1 分钟
408
《git使用指南》pdf文件,可用于开发调试 {代码...} 该链接没有限制,可直接访问并下载,可用于下载、预览、上传等文件操作的调试。

前端文字复制剪贴板

5 月 6 日
阅读 1 分钟
268
开始 {代码...} 主要逻辑在utils文件夹下新建clipboard.js文件 {代码...} 页面使用页面 {代码...} 页面的script部分 {代码...}
封面图

根据url获取视频或音频时长

5 月 5 日
阅读 2 分钟
207
根据url获取音频/视频文件的时长,原理是通过创建一个隐藏的音频元素,加载指定链接的媒体文件。当浏览器获取到文件的基本信息后,会在得到视频/音频的时长,以秒为单位。
封面图

JS返回内层Promise函数

5 月 4 日
阅读 1 分钟
416
我们有的时候需要调用函数返回一个Promise,例如腾讯云点播vod-js-sdk-v6在实例化云点播new TcVod()的时候必须传入一个Promise,此时我们就可以通过函数包装,调用得时候拿到Promise函数,因为直接创建Promise函数会立即调用执行,所以必须得用函数包装一层。
封面图

JavaScript栈实现深拷贝

5 月 3 日
阅读 2 分钟
369
在JavaScript中,利用栈(或者称为迭代)来实现深拷贝可以避免使用递归,防止堆栈溢出,同时也能实现相同的效果。下面是一个利用栈实现深拷贝的函数封装:
封面图

JS树形结构转一维数组

5 月 2 日
阅读 2 分钟
585
利用栈实现树形结构转一维,效率可能更高,避免递归反复执行上下文引起的帧栈溢出 {代码...} 1. 初始化创建一个空数组result用来存储最终结果。调用函数,传入树形数组nodes作为初始处理队列。2. 循环处理每个节点只要nodes数组中还有元素,就继续深度遍历:弹出最后一个节点用pop()从nodes末尾取出一个节点。处理子节点...
封面图

提取html中所有img标签的图片链接地址

5 月 1 日
阅读 1 分钟
500
1、 创建一个临时容器:该函数接收一个HTML模板字符串,用临时 div 元素装要处理的 HTML 内容。2、抓取所有图片标签:在这个临时容器里翻找所有 <img> 标签,就像在袋子里挑出所有照片一样。3、 收集图片地址:检查这些<img>标签是否有src属性(图片链接),把找到的图片链接添加到数组中。4、返回地址清单...
封面图

前端base64转换为blob

4 月 30 日
阅读 1 分钟
525
假设你有一张图片的 base64 数据:data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...你需要将它生成一个 png 图片格式的 blob 对象,可以直接用 <img> 标签显示或上传到服务器。

JS获取树形结构某节点的所有直属父级节点

4 月 29 日
阅读 3 分钟
421
递归获取 {代码...} 尾递归获取 {代码...}

前端验证码节流倒计时

4 月 28 日
阅读 2 分钟
453
验证码登录,获取验证码的按钮是30秒获取一次,按钮点击后变成30秒倒计时,为0时恢复按钮可点击状态 {代码...} 这段代码实现了一个获取验证码的倒计时按钮组件,下面是代码解释:按钮状态控制:按钮通过:disabled属性绑定倒计时状态。当countDown > 0时按钮禁用,显示"X秒后重新获取";倒计时结束后显示"获取验证码"...

JS根据当前时间查当前周和月

4 月 27 日
阅读 3 分钟
405
查询当前周MM-DD月日形式 {代码...} 当前时间:2025-04-27YYYY-MM-DD年月日形式 {代码...} 当前时间:2025-04-27查询当前月MM-DD月日形式 {代码...} 当前时间:2025-04-27

JavaScript创建指定位数数字数组

4 月 26 日
阅读 1 分钟
356
fill() 方法用一个固定值填充一个数组中从起始索引(默认为 0)到终止索引(默认为 array.length)内的全部元素。它返回修改后的数组。fill(0)传入一个参数则是给数组所有位置全部填充0

JavaScript洗牌算法-数组值随机交换

4 月 25 日
阅读 1 分钟
337
洗牌算法在日常项目中非常实用,特别是在需要随机打乱数组元素或者集合顺序的情况下。在 JavaScript 中,一个常见的洗牌算法是 Fisher-Yates 算法,也称为 Knuth 洗牌算法。这个算法的基本思路是从数组末尾开始,依次将当前元素与之前随机位置的元素交换,直到整个数组被遍历过一遍,这段代码实现了一个经典的数组洗牌算...

利用reduce实现数组分组

4 月 24 日
阅读 1 分钟
305
这个 arrGroup 函数的作用是将数组 arr 中的对象按照 type 属性进行分组,将相同 type 的对象的 name 值合并到同一个数组中。最终输出一个对象,键是 type 的值,值是对应的 name 数组。

在树中查找指定id找到所有直属父级节点id

4 月 23 日
阅读 3 分钟
366
通过递归的方式实现 {代码...}

微信小程序获取和修改用户头像信息

4 月 22 日
阅读 1 分钟
377
这里主要用到button的open-type功能,官网已有说明:给button设置open-type="chooseAvatar",来使bindchooseavatar方法生效,在bindchooseavatar指定的函数中获取用户的头像信息
封面图

eslint代码规范以及表达式

4 月 21 日
阅读 4 分钟
441
● 使用两个空格进行缩进。eslint:indent● 除需要转义的情况外,字符串统一使用单引号。eslint:quotes● 不要定义未使用的变量。eslint:no-unused-vars● 关键字后面加空格。eslint:keyword-spacing● 函数声明时括号与函数名间加空格。eslint:space-before-function-paren● 字符串拼接操作符 (Infix operators) 之间要留空...

原生微信小程序遇到的一些坑和解决方案

4 月 20 日
阅读 4 分钟
332
原生微信小程序的输入框绑定值不是双向的,也就是说,我们value绑的值是data中的,但是输入框输入的时候是无法修改data中对应的值的,所以我们需要绑定一个事件,在事件中修改data中对应的值。这里的事件使用输入时的触发事件bindinput,每次输入就会触发。
封面图