前端面试之Vue向技巧总结

Vue目前作为前端三大框架之一,在行业内使用的越来越广泛,但你有系统地学习过,并且掌握了其要领么?

互联网面试季悄然而至了,前端的竞争也是愈来愈激烈,那么想要吸引面试官的目光的我们呢?是否应该掌握一些独门技艺?它—可以是新的思路,新的方式。

我这边就以大家苦恼的几个问题分享一下我的"新发现":

 

01

开始重点倾向问源码

我相信最近去面试的人都会有这个体会,去年面试官只问我怎么用vue,今年开始问我vue响应式原理,以及vue各种相关库的源码?

结果回答得支支吾吾。毕竟大家忙着天天写业务代码,哪有空去研究源码?而且源码也看不下去啊!

但是无论如何,这是个实实在在的趋势,现在大家都会用vue,企业自然想挑最好的人。怎么挑?源码就是试金石!毕竟会源码的人,水平都不会差

如果你有跳槽的打算,一定抓紧学习源码内容!

1.vue/react核心的源码,比如下面典型的问题:

Q:

vue3今年发布了,请你说一下他们之间在相应式的实现上有什么区别?

A:

vue2采用的是defineProperty去定义get,set,而vue3改用了proxy。也代表着vue放弃了兼容ie。

2.有的面试官会别出心裁的问你一些相关的全家桶,所以和框架相关的vuex/redux、axios、vue-router也要注意补上:

Q:

像vue-router,vuex他们都是作为vue插件,请说一下他们分别都是如何在vue中生效的?

A:

通过vue的插件系统,用vue.mixin混入到全局,在每个组件的生命周期的某个阶段注入组件实例。

3.如果你有能力阅读源码,最好多阅读一些,比如koa、loadsh等等。因为这些源码会让面试官刮目相看:

Q:

请你说一下vue的设计架构。

A:

vue2采用的是典型的混入式架构,类似于express和jquery,各部分分模块开发,再通过一个mixin去混入到最终暴露到全局的类上。

简述一个框架的同时,说出他的设计来源、类似的框架,这样还害怕拿不下面试官?

 

02

注重你在项目中做出的实践

你在这个项目里面,都做了些什么事情?这个问题我相信大家都经历过,但是几乎没人答得完美。

我们来看一个错误示例:

Q:

请说一下你这个项目中做的事情

A:

这个项目使用vue,利用vue全家桶,配合后端,调用接口,完成工程。

别笑!你的回答可能就是和这个差不多。这么回答问题在哪?

现在是个项目都是这么做的,但企业始终都是想要人才的,而你的回答里没看到任何你的能力亮点

那么我们应该怎么答?首先,我们记住这个几个名词-ssr、组件库、工程化建设、移动混合方案、性能优化方案,然后我们来看一个正确示例:

Q:

请说一下你这个项目中做的事情

A:

这个项目主体是一个vue项目,但是因为是pc端,为了seo,我特意做了ssr。然后这个项目有一套我和同事一起做的专门的组件库。在移动端,我们为了搭配app,也做了移动混合方案。像在首页,因为数据巨大,我们采用了一些优化方案。利用本地缓存数据,对小图标进行了base64转码。

这样的回答,能充分显示出你技术上的强大能力,最关键的是,让人看到了,你不止能做项目,更能做好项目

当然,仅仅这些还不够。在这里,给大家推荐一个学习平台——网易云课堂,这里有很多面试所需的内容,还有前端技术大佬给大家免费详细讲解哦!

No.1

前端课程安排

3月31日—4月3日 ,每晚8点

1. 晋升前端负责人必修课—如何构建前端标准

2. 你真的了解js闭包吗?深究闭包的原理及应用场景

3. vue项目如何进行ssr—教你自己搭建ssr

No.2

前端进阶视频资料

扫描下方二维码,免费获取

免费直播,海量资料,先到先得~

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端面试题中涉及的vue主题主要包括vue基础、vue组件、vue生命周期、vue路由、vue状态管理、vue指令、vue插件、vue性能优化等方面,以下针对这些主题进行简要阐述。 首先,对于vue基础,面试官可能会考察vue实例、vue模板语法、vue计算属性、vue监听器、vue组件通信等。 其次,对于vue组件,面试官可能会问到组件定义、组件传参、组件生命周期等内容。 第三,vue生命周期也是面试中经常会被问到的问题,包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed等生命周期函数的作用和执行顺序。 第四,vue路由方面也是一个可能被询问的主题。面试官可能会问到路由配置、动态路由、嵌套路由、路由守卫等方面的内容。 第五,vue状态管理也是一个重要主题,包括vuex的使用、state、getters、mutations、actions等方面的问题。 第六,vue指令也是一个重要的主题,包括v-bind、v-model、v-if、v-show、v-for、v-on等常用的指令的含义和用法。 第七,vue插件方面也是需要掌握的,包括vue-router、vuex、axios等常用插件的使用和配置方法,以及封装自定义插件的方法。 最后,对于vue性能优化,面试官可能会询问一些如何优化组件渲染、如何减少http请求、如何使用懒加载、如何使用keep-alive等方面的技巧和实践。 总之,掌握好以上这些vue面试题的知识点和实践经验,可以让前端工程师在面试时更加有把握。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值