js去掉数组中undefined及空字符串、null两种方法例子
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 66
方法一、filter函数var arr = [原数组]var newarr = arr.filter(item => item &am...
js键盘事件keydown事件、防止重复触发以及组合键的配合使用
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 66
js键盘事件keydown事件，防止重复触发键盘事件类型主要有三种：keydown、keypress(不建议使用，部分浏览器已放弃)和key...
详解如何使用JSZip实现在浏览器中操作文件与文件夹
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 59
1. 引言浏览器中如何创建文件夹、写入文件呢？答曰：可以借助jszip这个库来实现在浏览器内存中创建文件与文件夹，最后只需下载这个.zip文...
JavaScript实现图片懒加载的两种方式
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 63
引言现在的科技发达，图片的资源占比越来越大，对图片在页面的优化已经成为前端开发必备的技术之一，难的图片懒加载方法咱们看着头大，简单，易懂的才...
JavaScript实现敏感信息脱敏的示例代码
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 67
银行卡号脱敏要在 javascript 中对银行卡信息进行脱敏，可以使用字符串处理方法来替换敏感信息为特定的字符。以下是一个简单的示例代码，...
JavaScript实现时间格式的切割与转换
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 65
1.原格式：2024-04-16t16:19:23 转换为2024/04/16代码： console.log(item.createtime...
如何使用webpack5+TypeScript+npm发布组件库
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 63
一、前言作为一只前端攻城狮，没有一个属于自己的组件库，那岂不是狮子没有了牙齿，士兵没有了武器，姑娘没有了大宝sod蜜，你没有了我....言归...
JS多次请求接口按顺序依次执行解决办法
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 67
需求：在开发中需要同时请求多个接口，但是需要请求按顺序执行。比如先拿到接口a的返回值shopid，作为接口b的请求参数再调接口拿到仓库列表。...
js分片下载超出2G的大文件代码实例
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 66
思路针对超过2g的大文件，通常需要将文件进行分块下载，以避免浏览器的内存溢出或者因为网络连接不稳定而导致整个下载失败的情况。下面是一个基本的...
用JS制作可交互的视频进度条的案例分享
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 65
前言在开始制作视频进度条之前，想先给大家补充一些关于元素的一些特点和用法，为大家更好地理解接下来的分享。块级元素特点：块级元素会默认占据一整...
JavaScript实现轻松创建二维数组的方法小结
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 65
当我在面试中问到：“你能用javascript生成一个二维数组吗？”时，这个问题可能看起来很简单，但实际上它揭示了面...
纯JavaScript实现樱花飘落效果的示例代码
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 5
实现代码没有讲解，直接上代码，需要的直接复制使用就好<!doctype html><html lang="en"> ...
基于JavaScript构建高级视频播放器
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 73
前言在当今数字化的时代，视频内容在我们的日常生活中扮演着至关重要的角色。无论是在线教育、娱乐还是信息传播，一个能够满足用户需求的播放器都能极...
axios实现取消请求的方法详解
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 65
本文我们讨论的问题是——axios 是如何实现取消请求（cancel requests）的？在 axios 中取消请...
JavaScript使用Broadcast Channel实现前端跨标签页通信
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 66
在开发web应用程序时，有时候需要在不同的浏览器标签页之间进行通信。例如，你可能需要在一个标签页中做出的更改在另一个标签页中反映出来，或者需...
深入浅出JSON.parse的实现方法
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 68
前言众所周知，json.parse方法用于将一个json字符串转换成由字符串描述的 javascript 值或对象，该方法支持传入2个参数，...
electron打包dist为可执行程序的实现步骤
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 70
前言甲方爹：bs=>cs？我方领导：ojbk。项目是普普通通的vue项目，要求封装成arm64的linux可执行程序。提示：以下是本篇...
JS中数组与对象相互转换的实现方式
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 68
一、数组转对象1. 一维数组转对象如果有非字符串的键名，那么这个键名会被转成字符串，再作为对象的键名const arr1 = [{ l...
uniapp 使用自定义插槽 slot的基本步骤
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 65
uniapp 如何使用自定义插槽 slot在 uni-app 中使用自定义插槽（slots）可以让开发者在封装的组件内部定义可替换内容区域，...
使用JS实现在空白页上展示出一个有趣的时钟
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 69
前言在我们日常的网页浏览中，空白的页面往往会被视为一种无趣的事物，一片等待填充的空间。但是，有时候，一些简单的元素却能够在这片空白中点燃无限...
JavaScript实现多文件拖动上传功能
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 67
写在开头哈喽，各位好呀！近来开始回暖，风和日丽，晴空万里，连续几天都是好天气，好心情，真是一个很棒的季节呢。本章要分享的内容如下，请按需食需...
uniapp返回上一页并实现刷新界面数据的完整代码
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 72
在uniapp中，经常会有返回上一页的情况，官方提供有 uni.navigateback 这个api来实现效果，但是此方法返回到上一页之后页...
JavaScript连接组件实现打印功能
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 68
js连接抖音打印组件实现打印小票安装抖音打印组件抖音打印组件文档：https://bytedance.larkoffice.com/docs...
微信小程序之console.log()使用方法
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 66
console.log()是 javascript 中的标准内置函数，主要用于在浏览器的控制台（console）中输出信息，帮助开发者进行调...
JavaScript实现浏览器内多个标签页之间通信
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 66
1.使用 localstorage 或 sessionstorage浏览器提供的localstorage和sessionstorage对象可...
JavaScript实现将图片地址转成文件流并上传
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 65
写在开头最近，小编在业务中遇到一个图片转存的场景。领导：大概过程就是，接口会给我返回一个图片列表数据，图片路径是全路径，但是路径中的域名是其...
vue3 uniapp微信登录功能实现
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 67
根据最新的微信小程序官方的规定，uniapp中的uni.getuserinfo方法不再返回用户头像和昵称、以及手机号首先，需获取appid，...
JavaScript使用WebSocket实现实时通信的技术详解
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 66
websocket技术概览websocket是一种网络通信协议，它允许客户端和服务器之间进行实时、双向的通信。与传统的http协议相比，we...
详解JavaScript前端如何实现截屏功能
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 78
前端常用的截图保存的方法利用 blob 对象和 url.createobjecturl：可以将截图数据转换为 blob 对象，然后使用 ur...
JavaScript判断文件类型三种方法详解
2024-05-28 13:24 | 分类：编程语言 | 评论：0 次 | 浏览: 72
js判断文件类型详解通过file的type属性判断<input type="file" onchange="onchangecb(th...