![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端大全
font-size
有理有据,令人信服
展开
-
iOS里页面关闭了,音频仍继续播放的问题
问题在 iOS 下关闭浏览器窗口(切换至后台)或者切换标签时, Audio 仍然继续循环播放音频文件。方法使用循环存储时间来检查用户是否在网页上, timeupdate 事件是在音频 Audio 的播放位置发生改变时触发。var lastSeen;var loop = function (){ lastSeen = Date.now(); setTimeout(loop, 50); };loop();var music = document.getElementById('musi原创 2021-02-09 11:23:11 · 2538 阅读 · 0 评论 -
谷歌Chrome 88新版,中文环境下toLocaleString转换的时间中间没有了空格
背景众所周知,你是 Chrome 用户,谷歌已经给出了公告,应该立刻更新至最新的 Chrome 88 版本。谷歌在公告中说,已有一个重要漏洞被修复。如下图所示有外媒说此漏洞似乎已经被朝鲜黑客所利用,还建立了一个博客来引诱特定目标,如果中招,受害者即使他们运行的是打过补丁的软件,也会感染他们的机器。提出问题但Chrome 88版本对js的时间函数做了一些改变,似乎没有理由。toLocaleString() 方法返回这个数字在特定语言环境下的表示字符串Chrome 88版本在Chro原创 2021-02-07 10:18:16 · 678 阅读 · 1 评论 -
一文告诉你vue中为什么v-for能遍历数字
v-for为什么能遍历数字问:这段代码会输出什么?1-10还是0-9?一开始也摸不着头脑,感觉既可能是0-9也可能是1-10,但记得v-for是js原生for循环的渲染,瞬间傻眼分析不出答案。答案在vue中是1-10。为什么想起手机通讯录里有个叫尤雨溪的中年男好像挺懂vue,还自称去过谷歌大厂,取了个英文名EvanYou,咋咋呼呼挺有一套的。于是老哥我一个电话过去,他接了电话,说他刚搬完砖现在在睡觉,让我去源码里找下关于v-for的代码。当时我就生气了,明明是大白天你却说在睡觉?搁这骗谁呢。原创 2021-01-14 18:23:36 · 7297 阅读 · 6 评论 -
【抽奖】前端js实现抽奖功能
需求从数组中随机挑选中奖成员js代码实现let list = ['王大', 'hhh', '撒旦', '是小甜甜', 'ghj4232', '啊哦额', '笔头3862', '李鹏', '阿兴', '梦d', '阿萨斯', 'Json', 'B塔', 'ss']// 抽3个for(let i =0; i < 3; i ++) { const random = Math.floor(Math.random() * list.length) console.log(list[rando原创 2020-12-23 13:51:56 · 3409 阅读 · 1 评论 -
js快速交换数组里元素位置
网上搜了一堆博客,里面各种一大串的方法,都是老方法,out了利用ES6的解构赋值// 交换2个数组最快的方式是es6的解构赋值// 需求:你要交换第二项和第三项const list = ['2', 'hahha', {name: 'kid', age: '10'}, 99][list[1], list[2]] = [list[2], list[1]]// list = ["2", {name: 'kid', age: '10'}, "hahha", 99]...原创 2020-12-15 16:28:21 · 1230 阅读 · 1 评论 -
使用vue-awesome-swiper不能自动轮播
问题图片不能自动轮播原因vue-awesome-swiper是在swiper上做的一个封装,所以它的版本不是紧跟swiper的,有一个代差。我遇到的问题解决方案:vue-awesome-swiper是4.1.1,把package里的swiper依赖从6.x改成5.4.5如下图自动轮播配置swiperOptions: { loop: true, autoplay: { disableOnInteraction: false, delay: 4000 }}参考原创 2020-11-27 14:07:58 · 1416 阅读 · 0 评论 -
iframe里放视频时,用js控制高度
问题很多网页中视频是通过iframe来显示的,但跟video标签比,iframe的高度似乎很难控制。分析<style type="text/css"> #main { padding: 20px; } .video { margin: 20px auto; display: block; }</style><body> <div id="main">原创 2020-10-22 14:04:45 · 614 阅读 · 1 评论