前端每日一题(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


推荐阅读

   

我的年中总结:生活可能就是这样,看似平淡,也始终向前

坚持的最高境界——善护念

一入“远程”终不悔,有人欢喜有人愁

程序员的快乐到底是什么?

程序猿终身学习有必要吗?这篇文章就是最好的答案

2022程序员跳槽不完全指南


浏览 15
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报