摘要: 看下图,仔细看↓ class VideoIcon { constructor(videoPath, iconSize = 32) { this.videoPath = videoPath; this.iconSize = iconSize; this.iconLink = null; this.vi 阅读全文
posted @ 2020-12-11 10:02 demo_you 阅读(288) 评论(0) 推荐(0)
摘要: 该方法使用了XHR来加载音乐文件,所以不能以file形式访问,可以使用http-server来构建一个本地服务访问 class Music { constructor(url, loop) { const AudioCtx = AudioContext || webkitAudioContext | 阅读全文
posted @ 2020-12-08 19:54 demo_you 阅读(1336) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input id="upload" type="file"/> <script> const FIL 阅读全文
posted @ 2020-09-13 21:00 demo_you 阅读(878) 评论(0) 推荐(0)
摘要: function* fn() { let [x, y] = [0, 1]; while (true) { yield y; [x, y] = [y, x + y]; } } for(let i of fn()) { if (i > 1000) break; console.log(i); } 利用了 阅读全文
posted @ 2020-08-18 15:21 demo_you 阅读(219) 评论(0) 推荐(0)
摘要: koa2采用async和await来处理异步,koa2实例的use函数的参数都是中间件。 先来看一个koa2的核心小demo // 中间件的仓库 const arr = [ async (next) => { console.log(1) await next() console.log(2) }, 阅读全文
posted @ 2020-08-10 18:20 demo_you 阅读(230) 评论(0) 推荐(0)
摘要: 先来看一个next的核心demo const arr = [ (next) => { console.log(1) next() }, (next) => { console.log(2) next() }, (next) => { console.log(3) }, (next) => { // 阅读全文
posted @ 2020-08-08 23:49 demo_you 阅读(194) 评论(0) 推荐(0)
摘要: 有时候我们会希望一张长方形的图片完美填充一个正方形的盒子(不拉伸,图片在盒子里面水平垂直居中)。 css的背景background-size的cover可以使背景图完美填充盒子不使图片失真。 如果不想使用使用背景图来解决这个问题可以使用css3的object-fit的cover来解决。 .box { 阅读全文
posted @ 2020-07-31 17:15 demo_you 阅读(413) 评论(0) 推荐(0)
摘要: // 首先声明三个对象 const a = {v: 1}; const b = {v: 1}; const c = {v: 1}; /* Object.preventExtensions() 方法让一个对象变的不可扩展,也就是永远不能再添加新的属性。 Object.seal() 方法封闭一个对象,阻 阅读全文
posted @ 2020-07-29 10:50 demo_you 阅读(171) 评论(0) 推荐(0)
摘要: * { margin: 0; padding: 0; } html, body, .container { width: 100%; height: 100%; overflow: hidden; } .container { display: grid; /* 开启grid布局 */ grid-t 阅读全文
posted @ 2020-07-28 10:51 demo_you 阅读(264) 评论(0) 推荐(0)
摘要: type example typeof String "1" string Number 1 number Boolean true boolean Null null object undefined undefined undefined Object {}/[]等 object Symbol 阅读全文
posted @ 2020-07-25 15:44 demo_you 阅读(303) 评论(0) 推荐(0)