摘要: 先来看一个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 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 有时候我们会希望一张长方形的图片完美填充一个正方形的盒子(不拉伸,图片在盒子里面水平垂直居中)。 css的背景background-size的cover可以使背景图完美填充盒子不使图片失真。 如果不想使用使用背景图来解决这个问题可以使用css3的object-fit的cover来解决。 .box { 阅读全文
posted @ 2020-07-31 17:15 demo_you 阅读(371) 评论(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 阅读(159) 评论(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 阅读(249) 评论(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 阅读(297) 评论(0) 推荐(0) 编辑
摘要: <body> <input type="file" accept="image/*" onchange="loadFile(event)" /> <img id="previewContainer" src="" alt=""/> <script> const output = document.q 阅读全文
posted @ 2020-07-21 11:05 demo_you 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 可滑动,选定的tabItem自动居中,支持x和y两种模式 <template> <div class="scrollBarWrapper" :style="scrollBarWrapperStyle"> <div class="scrollBarContent" :class="direction 阅读全文
posted @ 2020-07-15 10:24 demo_you 阅读(1225) 评论(1) 推荐(1) 编辑
摘要: 使用new RegExp('规则','修饰符(匹配模式)')或者/规则/修饰符(匹配模式)来创建一个正则表达式 const reg = /box/; // 检查一个字符串中是否包含字符串'box' const str = 'big box'; 正则的方法 test方法 正则表达式.test(字符串) 阅读全文
posted @ 2020-07-14 15:43 demo_you 阅读(217) 评论(0) 推荐(0) 编辑