面试时，不要只说我会“Vue全家桶”

╰半夏微凉° 2023-07-23 03:58 8阅读 0赞

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

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

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

![format_png][]

01

开始重点倾向问源码

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

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

![format_png 1][]

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

**前端课程安排**

**4月6日—4月11日 ，每晚8点**

1. 从源码中学习优秀的框架都是怎样的模式

2. 教你制作脚手架工具，拥有自己的vue-cli

3. 手把手带你写一个MVVM框架

4.一节课吃透promise，详解promise的源码

**No.2**

**前端进阶视频资料**

![format_png 2][]

![format_png 3][]

**扫描下方二维码，免费获取**

![format_png 4][]

**免费直播，海量资料，先到先得~****![format_png 5][]**

[format_png]: /images/20230528/e8d80904689c47d0925d537ca3c06a81.png
[format_png 1]: /images/20230528/732f587d9e2442c0878fa332d9032e81.png
[format_png 2]: /images/20230528/cf5c2dc1e18746cfa0bea683b0634d56.png
[format_png 3]: /images/20230528/7700aa41ad37414a8da3a4af39175480.png
[format_png 4]: /images/20230528/63dffb6919de426b84c289141030af6c.png
[format_png 5]: /images/20230528/88e31844da114fef8f4db79e7c300170.png

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue全家桶——vuex

> 本文主要介绍vuex【状态管理模式】，在介绍vuex前，需要重点说下一些概念 > vue最大的特点之一。数据驱动视图，可以吧数据理解成状态，视图-view可以理解成用

蔚落/ 2023年10月04日 15:19/ 0 赞/ 86 阅读

相关面试时，不要只说我会“Vue全家桶”

Vue目前作为前端三大框架之一，在行业内使用的越来越广泛，但你有系统地学习过，并且掌握了其要领么？互联网面试季悄然而至了，前端的竞争也是愈来愈激烈，那么想要吸引面试官的目光

╰半夏微凉°/ 2023年07月23日 03:58/ 0 赞/ 9 阅读

相关 redis面试全家桶

一.Redis简介 Redis 是完全开源免费的，是一个高性能的key-value类型的内存数据库。整个数据库统统加载在内存当中进行操作，定期通过异步操作把数据库数据flus

我会带着你远行/ 2023年01月18日 14:22/ 0 赞/ 232 阅读

相关 vue 全家桶 - 前端工程化

目录主要内容 1. 模块化相关规范 1.1 模块化概述 1.2 模块化规范 A. 浏览器端的模块化

电玩女神/ 2022年12月26日 13:30/ 0 赞/ 164 阅读

相关 vue全家桶初步了解

vue全家桶初步了解 1、Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架，这里牵扯的东西很多，有webpack，npm，nodejs，ba

墨蓝/ 2022年11月26日 11:00/ 0 赞/ 253 阅读

相关 Vue全家桶之 Vue基础

目录 1. Vue 概述 2. Vue 基本使用 2.1 Vue安装 2.1.1 直接用 script 标签引入

冷不防/ 2022年11月22日 10:28/ 0 赞/ 387 阅读

相关 Vue 3.0 全家桶

> vue: Beta vue-router: Alpha vuex: Alpha vue-class-component: Alpha > vue-cli: Experi

红太狼/ 2022年10月27日 00:26/ 0 赞/ 366 阅读

相关 vue-axios-vuex-全家桶

[Github来源：][Github] | 求星星 ✨ | 给个❤️关注，❤️点赞，❤️鼓励一下作者 axios Axios 是一个基于 promise 的 HTTP

朱雀/ 2022年09月09日 13:00/ 0 赞/ 254 阅读

相关 vue全家桶

Vue全家桶实践项目总结从前端的角度看，Vue可以说是目前最理想的前端MVVM框架，一切为界面服务，上手难度低，本文就将记录使用Vue全家桶（Vue+Vue-

本是古典何须时尚/ 2022年05月27日 08:29/ 0 赞/ 361 阅读

相关 vue全家桶学习（推荐）

地址：http://doc.liangxinghua.com/vue-family/1.html 转载于:https://www.cnblogs.com/Ponlai/p/1

待我称王封你为后i/ 2021年12月17日 06:11/ 0 赞/ 341 阅读