摘要: 1.flex 是一个复合属性,它是3个属性的简写 flex-grow flex-shrink flex-basis 2.flex:1 相当于flex-grow: 1; flex-shrink: 1; flex-basis: 0%; flex-grow 是分配外层盒子剩余空间 flex-shrink 阅读全文
posted @ 2022-08-03 23:15 简法 阅读(145) 评论(0) 推荐(0)
摘要: 有两种盒子模型:标准盒子 IE盒子(也称为怪异盒子) 区别: 1.怎么算宽高:标准盒子 width,height 是实际宽高(得房率是100%),IE盒子width,height是包含padding,border(新小区建筑面积) 2.盒子模型怎么转换变成怪异盒子 box-sizing: borde 阅读全文
posted @ 2022-08-03 23:11 简法 阅读(128) 评论(0) 推荐(0)
摘要: 1.父元素加 display: flex; justify-content: center; align-items: center; 2.子绝父相 子 left: 50%; top; 50%; 负margin(盒子宽高的一半); 3.子绝父相 子 left: 50%; top; 50%; tran 阅读全文
posted @ 2022-08-03 22:52 简法 阅读(147) 评论(0) 推荐(0)
摘要: 我们通常创建一个构造函数,使用new关键字来new出一个新对象 new 的过程 1.在new开始时,创建一个空对象 2.这个空对象的__proto__属性指向构造函数的prototype属性 3.调用构造函数并改变this指向,让它指向我们新创建的这个空对象 4.返回这个空对象 在第4步时,可以先判 阅读全文
posted @ 2022-08-03 20:44 简法 阅读(696) 评论(0) 推荐(0)
摘要: 防抖和节流本质是不一样的。防抖是将多次执行变为最后一次执行,节流是将多次执行变成每隔一段时间执行。 防抖(debounce): 防抖触发高频率事件时n秒后只会执行一次,如果n秒内再次触发,则会重新计算。 概述:每次触发时都会取消之前的延时调用。 场景:输入框实时输入oninput 节流(thortt 阅读全文
posted @ 2022-08-03 14:19 简法 阅读(876) 评论(0) 推荐(0)
摘要: $nextTick()是什么? nextTick是一个用于dom更新完成后执行回调函数的方法。 nextTick的执行机制 在vue中更新dom是异步的,当同步任务完成后才会去更新dom,nextTick会把此时回调添加到异步异步任务队列中,当dom更新的任务完成后才会去执行nextTick函数。 阅读全文
posted @ 2022-08-03 14:08 简法 阅读(46) 评论(0) 推荐(0)
摘要: sync语法糖: :msg.sync="msg" > :msg="msg" @update:msg="msg=$event" v-model语法糖: v-model="msg" > :value="msg" @input="msg=$event" 阅读全文
posted @ 2022-08-03 13:09 简法 阅读(35) 评论(0) 推荐(0)
摘要: 能被4整除且不能整除100的是闰年(如2004年是闰年,1940年不是闰年)或者能够被400整除的就是闰年。 闰年2月份有29天,平年2月份有28天。 阅读全文
posted @ 2022-07-28 23:12 简法 阅读(1235) 评论(0) 推荐(0)