摘要:
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)