• 如何考察候选人 Vue 技术水平?


    答对这些问题,检测你是否真正掌握了Vue

    请说一下响应式数据的原理

    默认 Vue 在初始化数据时,会给 data 中的属性使用 Object.defineProperty 重新定义所有属性,当页面到对应属性时,会进行依赖收集(收集当前组件中的 watcher)如果属性发生变化会通知相关依赖进行更新操作

    收集当前组件中的 watcher,我会进一步问你什么叫当前组件的 watcher?我面试时经常听到这种模糊的说法,感觉就是看了些造玩具的文章就说熟悉响应式原理了,起码的流程要清晰一些:

    1. 由于 Vue 执行一个组件的 render 函数是由 Watcher 去代理执行的,Watcher 在执行前会把 Watcher 自身先赋值给 Dep.target 这个全局变量,等待响应式属性去收集它

    2. 这样在哪个组件执行 render 函数时访问了响应式属性,响应式属性就会精确的收集到当前全局存在的 Dep.target 作为自身的依赖

    3. 在响应式属性发生更新时通知 Watcher 去重新调用 vm._update(vm._render()) 进行组件的视图更新

    关于这个问题,有一个比较有意思的经历是,有一位同学前面部分都答得很好,但是我问他 watcher 是利用了什么数据结构去存储的时候,他就不太能答得出来了。所以是否真的阅读过源码,可以通过类似只要你看过,就一定印象深刻的细节来试探。

    响应式部分,如果你想在简历上写熟悉的话,还是要抽时间好好的去看一下源码中真正的实现,而不是看这种模棱两可的说法就觉得自己熟练掌握了。

    说一下Vue双向数据绑定原理,你是怎么理解的。<

  • 相关阅读:
    HCIP(第十四天)
    系列ML.Net 学习篇【一】——初识机器学习
    window 安装多个低版本chrome测试
    Stages—研发过程可视化建模和管理平台
    MySQL双主一从高可用
    皮革店铺怎么实施IT程序快速实施 部署
    Polar Web【简单】login
    P1019 [NOIP2000 提高组] 单词接龙——dfs
    用度量思维,呈现工作成果
    【数据结构】哈希应用——位图、布隆过滤器
  • 原文地址:https://blog.csdn.net/m0_57290404/article/details/128037600