会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Code_You
新随笔
管理
上一页
1
2
3
4
5
6
下一页
2020年12月11日
JavaScript 网页图标变成视频图标
摘要: 看下图,仔细看↓ 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)
2020年12月8日
JavaScript AudioContext 自动播放音频
摘要: 该方法使用了XHR来加载音乐文件,所以不能以file形式访问,可以使用http-server来构建一个本地服务访问 class Music { constructor(url, loop) { const AudioCtx = AudioContext || webkitAudioContext |
阅读全文
posted @ 2020-12-08 19:54 demo_you
阅读(1336)
评论(0)
推荐(0)
2020年9月13日
JavaScript 图片压缩
摘要: <!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)
2020年8月18日
JavaScript 效率最高的求斐波那契数列
摘要: 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)
2020年8月10日
Node 浅析koa2中间件
摘要: 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)
2020年8月8日
Node 浅析express中间件
摘要: 先来看一个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)
2020年7月31日
Css object-fit 让img标签像背景图那样填充盒子
摘要: 有时候我们会希望一张长方形的图片完美填充一个正方形的盒子(不拉伸,图片在盒子里面水平垂直居中)。 css的背景background-size的cover可以使背景图完美填充盒子不使图片失真。 如果不想使用使用背景图来解决这个问题可以使用css3的object-fit的cover来解决。 .box {
阅读全文
posted @ 2020-07-31 17:15 demo_you
阅读(413)
评论(0)
推荐(0)
2020年7月29日
JavaScript 对象的防篡改preventExtensions/seal/freeze
摘要: // 首先声明三个对象 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)
2020年7月28日
Css grid页面骨架布局
摘要: * { 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)
2020年7月25日
JavaScript 八大数据类型
摘要: 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)
上一页
1
2
3
4
5
6
下一页
公告