12

都说Vue面试难,到底问什么问题了?

 4 years ago
source link: http://mp.weixin.qq.com/s?__biz=Mzg2NDAzMjE5NQ%3D%3D&%3Bmid=2247485620&%3Bidx=1&%3Bsn=fcc7ddf2f4bfd0109109deb9f7942369
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

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

那么,是新的方式还是新的思路呢?我这边就以大家苦恼的几个问题分享一下我的“新发现”:

au6ZF3J.jpg!web

01

开始重点倾向问源码

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

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

NZfANbE.jpg!web

但是无论如何,这是个实实在在的趋势,现在大家都会用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

前端课程安排

5月11日—5月15日 ,每晚8点

1. 带你探秘前端路由,vue-router原理与源码

2. 你不知道的那些事—vue自定义插件库及NPM集成

3. 端进阶必备-在vue项目中如何进行ssr

No.2

前端进阶视频资料

2qymmyu.png!web

6fyeMrn.gif

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

2emEziA.jpg!web

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK