前端每日一题(10.21题目+10.20答案)
人生不止有技术
共 675字,需浏览 2分钟
·
2022-10-24 22:13
哈喽,大家好
我是法医
快来和法医一起看看
今天的前端每日一题吧
10月21日~面试题:
10月20日~参考答案:
说一下 v-if 与 v-show 的区别
参考答案:
共同点:都是动态显示 DOM 元素
区别点:
手段
v-if 是动态的向 DOM 树内添加或者删除 DOM 元素
v-show 是通过设置 DOM 元素的 display 样式属性控制显隐
编译过程
v-if 切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件
v-show 只是简单的基于 css 切换
编译条件
v-if 是惰性的,如果初始条件为假,则什么也不做。只有在条件第一次变为真时才开始局部编译
v-show 是在任何条件下(首次条件是否为真)都被编译,然后被缓存,而且 DOM 元素保留
性能消耗
v-if 有更高的切换消耗
v-show 有更高的初始渲染消耗
使用场景
v-if 适合运营条件不大可能改变
v-show 适合频繁切换
每天都会有一道面试题,大家的积极参与和讨论,是我继续下去的动力,希望大家踊跃互动,共同进步!保持学习,每天进步一点点!
大家可以将自己的想法在评论区留言,答案我会在明天每日一题中公布!
RECOMMEND
评论