您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 开发 > WEB开发 >
    他写出了 Vue,却做不对这十道 Vue 笔试题
    时间:2020-09-10 21:19 来源:网络整理 作者:网络 浏览:收藏 挑错 推荐 打印

    请原谅我起了这么个浓浓营销号滋味的标题。但这可丝毫没有夸张宣传,而是前端文娱圈昔日份的瓜——

    有十道关于 Vue 的选择题,在群里引出了一众社区知名人士竞折腰,最后钓出了@尤雨溪 本人亲身应战……

    然后他本人也做错了(其中的某两道)。

    鲁迅会做错鲁迅文选的阅读了解?有截图为证:

    他写出了 Vue,却做不对这十道 Vue 笔试题

    所以,只需答对这十道题里的九道以上,你就实打实地(在做题这个维度上)超越了尤大,比他更懂 Vue 了噢!是不是很心动?

    其实要求都不用这么高,只需做对六七道,就曾经可以吊打一群小有名望的社区选手了。

    所以究竟都是些什么成绩呢?你可以点击 [原题传送门] 前往观光,但为了表示敬意,这里特别手打了一遍搬运过去:

    1. Vue 实例的 data 属性,可以在哪些生命周期中获取到?
    A. beforeCreate
    B. created
    C. beforeMount
    D. mounted

    2. 下列对 Vue 原理的叙说,哪些是正确的?
    A. Vue 中的数组变更通知,经过阻拦数组操作办法而完成
    B. 编译器目的是创立渲染函数,渲染函数执行后将失掉 VNode 树
    C. 组件内 data 发作变化时会通知其对应 watcher,执行异步更新
    D. patching 算法首先停止同层级比较,能够执行的操作是节点的添加、删除和更新

    3. 关于 Vue 中照应式数据原理的说法,下列哪项是不正确的?
    A. 采用数据劫持方式,即 Object.defineProperty() 劫持 data 中各属性,完成照应式数据
    B. 视图中的变化会经过 watcher 更新 data 中的数据
    C. 若 data 中某属性屡次发作变化,watcher 仅会进入更新队列一次
    D. 经过编译进程停止依赖搜集

    4. 下列说法不正确的是哪项?
    A. key 的作用主要是为了高效地更新虚拟 DOM
    B. 若指定了组件的 template 选项,render 函数不会执行
    C. 运用 vm.$nextTick 可以确保取得 DOM 异步更新的结果
    D. 若没有 el 选项,vm.$mount(dom) 可将 Vue 实例挂载于指定元素上

    5. 下列关于 Vuex 的描画,不正确的是哪项?
    A. Vuex 经过 Vue 完成照应式形状,因此只能用于 Vue
    B. Vuex 是一个形状管理形式
    C. Vuex 主要用于多视图间形状全局共享与管理
    D. 在 Vuex 中改动形状,可以经过 mutations 和 actions

    6. 关于 Vue 组件间的参数传递,下列哪项是不正确的?
    A. 若子组件给父组件传值,可运用 $emit 办法
    B. 祖孙组件之间可以运用 provide 和 inject 方式跨层级相互传值
    C. 若子组件运用 $emit('say') 派发事情,父组件可运用 @say 监听
    D. 若父组件给子组件传值,子组件可经过 props 接受数据

    7. 下列关于 vue-router 的描画,不正确的是哪项?
    A. vue-router 的常用形式有 hash 和 history 两种
    B. 可经过 addRoutes 办法静态添加路由
    C. 可经过 beforeEnter 对单个组件停止路由守卫
    D. vue-router 借助 Vue 完成照应式的路由,因此只能用于 Vue

    8. 下列说法不正确的是哪项?
    A. 可经过 this.$parent 查找以后组件的父组件
    B. 可运用 this.$refs 查找命名子组件
    C. 可运用 this.$children 按顺序查找以后组件的直接子组件
    D. 可运用 $root 查找根组件,并可配合 children 遍历全部组件

    9. 下列关于 v-model 的说法,哪项是不正确的?
    A. v-model 能完成双向绑定
    B. v-model 本质上是语法糖,它担任监听用户的输入事情以更新数据
    C. v-model 是内置指令,不能用在自定义组件上
    D. 对 input 运用 v-model,实践上是指定其 :value 和 :input

    10. 关于 Vue 的生命周期,下列哪项是不正确的?
    A. DOM 渲染在 mounted 中就曾经完成了
    B. Vue 实例从创立到销毁的进程,就是生命周期
    C. created 表示完成数据观测、属性和办法的运算和初始化事情,此时 $el 属性还未显示出来
    D. 页面初次加载进程中,会依次触发 beforeCreate,created,beforeMount,mounted,beforeUpdate,updated

    密码标价,童叟无欺!做对九题即可成为前端懂王,比 Evan 懂,更比他们懂:

    TC39 代表@贺师俊 50 分,他是不是走后门送礼进的 TC39 啊?

    Vue Core Team 的@胖茶 40 分,能够阐明带他的 mentor 不懂 Vue?不过他第二次做就拿了 90 分……这很赘婿逆袭啊。

    搞 react-lite 和 react-imvc 的@工业聚 做了两次,第一次 50 分第二次 30 分。怪不得他最近这么低调,看来是越来越做不动题了。

    久仰的白学家顺序媛@敖天羽 第一次拿了 60 分,然后锲而不舍(没有灵魂)地刷到了 100 分。这种如虎添翼的态度值得赞赏。

    我(纯属厚脸皮凑数)60 分。

    好在拜天哥所赐,我们还是刷出了「威望的」参考答案,请查收:

    1. BCD
    2. ABCD
    3. BD
    4. B
    5. C
    6. B
    7. C
    8. C
    9. C
    10. D

    对照参考答案,尤大还停止了仔细的复盘反省,查缺补漏:

    唉,身为 Vue 的作者,居然连 Vue 的原理都没有搞清楚,真实太不应该了。应该让出题人好好教育一下他,帮他剖析一下 Vue 的源码,教他怎样经过笔试面试,趁如今金九银十找份 P6 的好任务。任务以后也要记得充电,没事多关注一下掘金,学一学 Vue 3.0 的视频教程(狗头)。

    所以按照明天的掘金体,本文完全可以起这么个标题:《一步登天!答对这十道 Vue 题,你就能超越尤雨溪,傲视前端群雄!》

    —— 但这不是很荒唐吗?

    假设一团体某道题没答对,就能证明他不懂 Vue 了吗?

    看看这些题,它们能准确反映答题者的水平吗?运用它们作为调查依据时,这两种状况都再常见不过了:

    假阳性 - 只会背题库的做题家也能混到好 offer。

    假阴性 - 公认的资深人士无法表现出优势。

    (责任编辑:admin)