文章列表
-
- JavaScript css3实现简单视频弹幕功能
- 本文尝试写了一个demo模拟了最简单的视频弹幕功能。思路:设置一个<div>和所播放的video的大小一致,把这个div标签蒙在video上面用于放置弹幕。在video的右边放一个<ul>列表用于显示弹幕列表。屏幕上面的弹幕,把内容放在<span>标签里面,一般一...
- 日期:2023-05-31
- 浏览:9
-
- JS 中数组的增删改查和对象的增删改查实例详解
- 这篇文章主要介绍了JS 中数组的增删改查和对象的增删改查实例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
- 日期:2022-06-12
- 浏览:9
-
- js实现复制粘贴的两种方法
- 本文实例为大家分享了js实现复制粘贴的具体代码,供大家参考,具体内容如下一、前沿界面需要复制功能,所以就写了一个作为简单记录二、方法、推荐第二种。1、第一种方法1)、通过 document.execCommand(’copy’)2)、前端代码如下:<!DOCTYPE html><h...
- 日期:2024-04-10
- 浏览:79
-
- 如何实现js拖拽效果及原理解析
- 元素拖拽分成3个步骤:按下鼠标,移动鼠标,松开鼠标。拖拽原理:按下拖拽元素后开始监听文档中鼠标移动事件,然后再监听鼠标松开事件;鼠标移动时,元素div要随着鼠标一起移动,需要计算元素div位移的距离(移动的距离=鼠标离可视窗口的位置 ? 鼠标在div中相对于左上角的位置)。然后松开鼠标时,删除移动事...
- 日期:2024-05-09
- 浏览:77
-
- JavaScript 装逼指南(js另类写法)
- 下面就是具体的写法,建议大家逐个测试一下,加深印象转Boolean类型这个较为常用。!!’a’//true通过两个取反,可以强制转换为Boolean类型。!!是将表达式强制转化为bool值的运算,运算结果为true或false,表达式是什么值,结果就是对应的bool值,不再取非。不是取非再取非的意思...
- 日期:2023-10-28
- 浏览:68
-
- 封装一个vue中也可使用的uniapp的全局弹窗组件(任何页面都可以弹出)
- 在写uniapp小程序的时候,弹窗提醒经常会用到,虽然弹窗的组件很多,但是通常别人封装好的弹窗组件自定义度不高,很难匹配自己的ui需求,这篇文章主要给大家介绍了封装一个vue中也可使用的uniapp的全局弹窗组件的相关资料,这个组件在任何页面都可以弹出,需要的朋友可以参考下
- 日期:2022-06-01
- 浏览:66
-
- JavaScript如何利用Promise控制并发请求个数
- 一、场景假设现在有这么一种场景:现有 30 个异步请求需要发送,但由于某些原因,我们必须将同一时刻并发请求数量控制在 5 个以内,同时还要尽可能快速的拿到响应结果。如图所示:上图这样的排队和并发请求的场景基本类似,窗口只有三个,人超过三个之后,后面的人只能排队了。二、串行和并行 串行:一个异步...
- 日期:2023-06-03
- 浏览:59
-
- JS根据奖品权重计算中奖概率
- 一、示例场景1.1、设置抽奖活动的奖项名称奖项名称:['一等奖', '二等奖', '三等奖', '未中奖']。假设抽奖活动设置了这四个奖项,当然开发者可以扩展更多。var prizes = ['一等奖','二等奖','三等奖','未中奖']; //奖项名称数组1.2、设置各奖项权重奖项权重:[...
- 日期:2024-03-28
- 浏览:57
-
- js实现0ms延时定时器的几种方式
- 目录queueMicrotaskasync/awaitMessageChannel最后附录这两天看到一篇介绍《如何实现准时的 setTimeout?》的文章,文章起源于一道面试题:有什么办法让setTimeout准时呀?具体文章内容可查看附录【1】,看完之后,引起了我对setTimeout这个函数的...
- 日期:2024-03-21
- 浏览:53
-
- JavaScript中EventBus实现对象之间通信
- 一、什么是EventBus?我个人理解:EventBus 可以实现对象之间的通信,当数据或某些特性发生改变时,能自动监听事件作出一些改变。还有更多的内容可能我还没有拓宽。怎么实现通信呢?这里通过一个例子可以理解到其中的精髓。二、一个简单的例子add(){ data+=1; render(...
- 日期:2023-10-10
- 浏览:52