JavaScript使用escape()、encodeURI()和decodeURI()实现URI编码解码
2024-06-02 12:53 | 分类：编程语言 | 评论：0 次 | 浏览: 39
一、uri编码解码1、编解码一个字符串（淘汰）ecmascript v3 反对使用该方法，应使用 decodeuri() 和 decodeu...
JavaScript中isPrototypeOf、instanceof和hasOwnProperty函数的用法详解
2024-06-02 12:53 | 分类：编程语言 | 评论：0 次 | 浏览: 38
isprototypeof作用：检测一个对象是否是另一个对象的原型。或者说一个对象是否被包含在另一个对象的原型链中var p = {x:1}...
ECharts中实现x轴中的坐标以不同间距显示的效果
2024-05-31 21:00 | 分类：编程语言 | 评论：0 次 | 浏览: 0
1、需求描述 我们日常在使用ECharts实现曲线图或柱状图的时候，x轴上的坐标都是等距离显示的。 ...
js截取video视频某一帧做封面的简单案例(附完整代码)
2024-05-29 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 45
可以使用canvas元素来截取视频某一帧并生成封面。首先，在video标签上设置视频源地址和自动播放属性：<video src="vi...
使用JavaScript实现获取audio时长
2024-05-29 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 50
写js时在网上找了很多获取音频时长都获取不到，然后搜索各种试最后终于可以，记录下来方便以后使用。// 音频加载完成后的一系列操作functi...
Js如何使用ffmpeg进行视频剪辑和画面截取等功能
2024-05-29 13:20 | 分类：编程语言 | 评论：0 次 | 浏览: 40
ffmpeg使用场景是需要在web端进行视频的裁剪，包括使用在线视频url或本地视频文件的裁剪，以及对视频内容的截取等功能。前端进行视频操作...
JS中如何让异步执行的方法同步执行
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 43
前言js中的方法默认是异步执行的，但是有时候我们有需要同步的执行一些方法，这时就需要用到async和await来进行操作，使得函数内部的方法...
JavaScript实现数字格式化的示例详解
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 44
在处理数字时，为了提高可读性，我们通常会将整数部分的数字以千分位或百分位分隔。例如，将数字1000格式化为1,000。这种格式化操作在财务报...
JavaScript实现动态表格的示例代码
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 45
一、引言javascript是一种功能强大的脚本语言，可以用于实现各种交互式网页效果。在本文中，我们将介绍如何使用javascript实现动...
如何用js实现判断是否是小数
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 40
问题如何用 js 实现判断是否是小数分析使用 isnan() 函数：isnan() 函数用于检查一个值是否为非数字。使用 isnan() 函...
JavaScript如何拦截全局Fetch的请求与响应详解
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 45
前言目前，团队采用了根路径转发的方式，将接口请求转发到服务器上，实现了一定的解耦。然而，随着团队后端策略的变化，现在希望前端直接请求一个新的...
JS向上取整、向下取整、四舍五入、取绝对值、取较大较小值及随机数代码示例
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 44
向上取整【只要有小数就+1】math.ceil(3.14);// 4向下取整【有小数就舍弃】math.floor(3.14); // 3pa...
js字符串转json的三种简单方法举例
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 52
1.eval方式解析function strtojson(str){var json = eval("(" + str + ")");ret...
electron的webview和内嵌网页通信的方法
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 45
在 electron 的世界里，webview 标签相当于一个小盒子，里面可以装一个完整的网页，就像一个迷你浏览器。当你想和这个小盒子里的内...
JavaScript脚本延迟加载有哪些方式
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 49
1.defer属性defer 属性是用于延迟脚本的执行，它可以用于 <script> 标签中。使用 defer 属性加载的脚本会...
使用JS实现任意位置缩放图片功能
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 40
前言本文将用一个简单的例子详细讲解如何用原生js一步步实现完整的任意位置缩放图片功能，无任何第三方依赖，指针事件进行多端统一的事件监听，干货...
webpack-loader的使用详解
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 44
引入css后执行打包命令 "build": "npx webpack --config wk.config.j...
微信小程序实现预约生成二维码功能
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 41
业务需求：点击预约按钮即可生成二维码凭码入校参观~一.创建页面如下是博主自己写的wxml：<swiper indicator-dot...
JavaScript纯前端实现语音播报和朗读功能
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 44
实现语音播报要有两个原生api分别是【window.speechsynthesis】【speechsynthesisutterance】项目...
一文全面解析JS中的this绑定规则
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 45
大家好，我是一名喜欢摸鱼的前端程序员，写过javascript的都知道，js中的this相对来讲是比较难以捉摸的，尤其在一些复杂的场景下的指...
微信小程序实现拖动悬浮图标效果
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 46
小程序上是实现拖动图标效果index.wxml <view> <view class="move-box" c...
three.js载入常用类型3D模型的几种方法
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 47
three.js 载入 3d 模型的方法有很多种。以下是其中的一些：1. objloader模型加载器import { objloader ...
JavaScript数据类型区别及检测方法
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 43
在javascript中，数据类型是编程中非常重要的概念，它决定了数据的性质、如何存储以及如何操作这些数据。以下是javascript中的主...
详解如何在JavaScript中自定义事件
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 51
想象一下，你正在构建一个复杂的网络应用程序。预构建的事件，如 点击 和 提交 固然有用，但如果你需要更具体的功能怎么办？这就是自定义事件的用...
用户引导插件driverjs的基本使用以及弹窗样式修改方法
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 43
前言driver.js 是一个强大的，轻量级，使用原生 javascript 引擎开发的库，用于在页面聚焦用户的关注点。它支持所有主流浏览器...
js去掉数组中undefined及空字符串、null两种方法例子
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 44
方法一、filter函数var arr = [原数组]var newarr = arr.filter(item => item &am...
js键盘事件keydown事件、防止重复触发以及组合键的配合使用
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 44
js键盘事件keydown事件，防止重复触发键盘事件类型主要有三种：keydown、keypress(不建议使用，部分浏览器已放弃)和key...
详解如何使用JSZip实现在浏览器中操作文件与文件夹
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 38
1. 引言浏览器中如何创建文件夹、写入文件呢？答曰：可以借助jszip这个库来实现在浏览器内存中创建文件与文件夹，最后只需下载这个.zip文...
JavaScript实现图片懒加载的两种方式
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 42
引言现在的科技发达，图片的资源占比越来越大，对图片在页面的优化已经成为前端开发必备的技术之一，难的图片懒加载方法咱们看着头大，简单，易懂的才...
JavaScript实现敏感信息脱敏的示例代码
2024-05-28 13:25 | 分类：编程语言 | 评论：0 次 | 浏览: 49
银行卡号脱敏要在 javascript 中对银行卡信息进行脱敏，可以使用字符串处理方法来替换敏感信息为特定的字符。以下是一个简单的示例代码，...