前端面试录音整理（私人版）_前端面试录音在线听

一、恒天财富

自我介绍顺序：姓名，年龄，来自哪里，工作年限，供职了几家公司，分别供职时长，任职期间做过的项目，用到的技术栈，工作方式，学习方式，性格等。

自我介绍：

小明   

25   

北京

工作了三年

供职于两家公司 ：河南的慧谷科技有限公司，北京汇店通科技有限公司工作过

供职时长：无

做过的项目比较多：因为是两家都是外包公司，做过电商类，旅游类，教育类

用到的技术栈：vue全家桶，es6，JavaScript，bootstrap，还有element等一些组件的快速开发，比较擅长的是 vue的组件封装，性能优化

工作方式：   团队协作开发

学习方式：自学能力比较强，独立分析解决问题能力比较强，学习探索能力比较强，，责任心也是比较强，

性格：和同事之间能够良好的沟通，执行能力强

自我介绍亮点：条理清晰，准备充分，吐词清晰，毫不拖泥带水。

自我介绍不足：

---

自我介绍亮点：

亮点：条理清晰，听着比较淡定。工作项目总结比较好，分几个大类；技术栈方面说的也会是比较好的；侧重于自我学习能力，探索分析能力，去到公司能够很快上手，自我学习能力强。技术栈也是比较全面，

能够封装组件以及优化，应该是一个中等偏上的水平，我觉得他的期望薪资在160000到180000之间，低于15K不能接受

---

自我介绍不足：

---

面试经过：

忌：前端常用知识。听见别人的提示，这样不好

1,左侧固定宽，右侧自适应

定位，左侧设置固定宽度，定位；右侧rem 布局，百分比，vw都可以，响应的 根据页面自动更改

2，flex 左侧固定宽，右侧flex:1,

rem,em,px 区别：

回答的条理不清晰，不全面。。如果网不好，就会很影响效果。

3，隐藏页面元素，方式

display：none;

提示了：不想见，也没有想起来。回答是vue中用的比较多的是v-if v-show

4，媒体查询

根据不同的屏幕宽度设置不同的样式。原来做过的一个商城类从项目，比较麻烦一点，根据不同的设备宽度设置不同的样式。

感觉：越来越紧张，说的不够全面和透彻；也是用p 埃克斯

明显感觉不太熟悉。深入的问问题

5，标准盒模型和怪异盒模型

回答：标准盒模型的话：自身的宽度和边框的宽度和padding的框

怪异的话就是 自身的宽不上border和padding的宽

js 问题

6，js的数据类型

回答：number string 数组 布尔值 function 新增的类型 私募剖儿

感觉：后面明显感觉到有人在后面提示，

7，区分类型。判断数据类型的函数应该怎么写

回答：再次确认问题，就是判断他们的数据类型？

自己常用的是 Object.defineProperty.toSting.call()。目前来说比较完美的解决方案。用法是：在call的括号后面填写要检测的数据类型，在他的原型上面去查找

typeOf 检测简单的数据类型，像 string，number，等。。如果是引用数据类型的话就是返回Object

instanceOf 实例？ 返回的是true或者是false。没有办法检测 空和假？ null 和 undefined

constructor 对象和原型是否一样。构造函数 的原型被改变了，就不好用了

面试官：嗯，可以。。感觉：有点赞许

8，把一个类数组转换成一个数组

对于问题不太清楚，在和面试官询问，面试官明确说出类数组的是一个对象形式，但是对象的key值是0,1,2，这种，并且有length属性

回答:使用map，面试官提出质疑。回答：想不起来

9，实现数组去重

回答：

1，es6常用set来去重。说一下代码，但是代码也没有说的清楚。我们听出来

2，for循环判断 使用双重for循环，里面的for循环从第一项开始，如果有重复的话，就把第一项来截取掉

10 数组重用的遍历方法

for forEach 这两种最常用

11,forEach 和 map的区别

map改变数组结构。返回一个新的数组

forEach就是单纯遍历

12，手里面有id，想找到数组中的元素，应该怎么做

麻烦点：使用遍历整个数组，查找整个元素

简单点的是 通过indexOf()如果有就返回下标，没有就返回数组

13，变量提升指的是什么

先不给他赋值，用到他的时候在给他赋值

14，var let 有什么区别

let不能重新定义一个变量，但是可以重复的赋值，变量提升，块级作用域。

15，怎么理解this

this的指向问题

this 没有绑定事件的话，指向window。有绑定事件的话，比如button有点击事件，那么this执行button

谁调用他就指向谁

闭包中，this指向的是外部的函数，怎么出现了that=this。这样就可以使用闭包中的this

16，改变this 的指向

提问面试官：在什么时候用，在哪里改变this

面试官：this执行 的是window，有一个对象，想要在函数调用的时候this指向这个对象？

17，call(),apply() 用过吗

恍然大悟，可以用call，apply来改变

18，bind()用过吗

后面是一个参数，

19，js中基本类型和复杂类型，存放在哪里

基本数据类型存在栈里面，复杂数据类型存在堆里面

20，原型和原型链

我的感觉：回答的比较流畅，但是还是有模糊的点

21，类的继承 es5 es6

类的继承是构造函数 的语法糖，和构造函数没有什么区别。使用instance实现的继承

子函数的原型改成父函数的实例，从而实现继承

22，class继承中使用super，为什么要调用super

想不起来

23，异步，为什么会有，有什么解决方案

promise 解决异步编程的方案，嵌套过多的会有回调地狱的问题

24，http的报文，http请求的报文，浏览器打开控制台之后

感觉：不太明白的样子

起始行，header头中发送信息，也分请求报文和响应报文。一般在请求报文中存放token信息

25，get post 的区别

有长度限制，在URL中显示，有长度限制，会被缓存起来

post 通过http服务器发送，会安全

26，http状态码

vue

27，v-if v-show 的区别

v-if 操作dom节点

v-show display：none 操作次数比较多的时候用v-show

28 v-if v-for 的优先级？？？

29 wacth computed 区别？？？

提到购物车，

30 自定义组件，v-model 的效果 ？？？

实现组件之间的数据通信

31，独立开发过组件，开发过什么组件

复用率高，功能独立，组件内部功能单一，如果不单一的时候，可以继续拆分

32，单元测试 是怎么用的

做完某个功能，自己来测试的遏？？？

33，有用到测试库吗

测试请求接口的时候，使用过postMan

34.看项目写过登录项目，怎么写的。

验证，存到vuex，存入token；跳转页面，

鉴权，全局的页面鉴权 token和页面都存在的时候才能跳转yem

35，学历

民教网可查，自考的。。。

36，学信网可查，公司这边对学历还是要求挺严格的

结束

---

听下总体感觉是：

1，登录页面回答的全面，很好。promise回答的较全面；原型链还算可以；封装组件，组件之间实现v-model，组件之间传值；,

2，回答问题不够全面，透彻，知识点模糊的现象。总体来说不太好，

3，出现了原来不知道的题 http报文，http状态码更详细的回答，

修改this指向问题，回答中有that的问题，不太明确

4，问题问的很全面，但是也是比较常见的。

回答问题的时候要添加代码这个部分。

5，听不清楚面试官的问题，要多问，确定面试官的问题，在回答

自己知识需要补充的点：、

promise，this指向，原型继承。

---

---

二、爱选科技

自我介绍：

小芳

河南省安阳市

25岁

做前端开发已经三年：两家公司 一家郑州的慧谷科技有限公司，一家是北京的 位点通

类型：外包类型的公司

技术栈： vue全家桶 原生的小程序 element-ui，bootstrap js es6语法，自己擅长vue 组件封装

工作方式：

学习方式：自学能力比较强，在网上搜一些新的东西来学习；在工作中发现问题，自己解决问题的能力比较强，在团队中也能和团队中达到良好的沟通

性格：

---

自我介绍亮点：条理清晰，准备充分，吐词清晰，毫不拖泥带水。

和上一个差不多，自己的疑问：怎样提升看文档的能力，三年左右的工作经验，会怎样的技术算是中等水平？什么样的是大牛？

但是这个同学语速更快些，流畅些。给人的感觉就更自信些

---

自我介绍不足：

---

面试经过：在看简历中......

.1，提问，能不能看看汇佳超市扫码购这个项目,在手机上看看项目，

• 回答是：就是调用的一些api接口，也没什么东西
• 面试官：我也是河南上的大学，在河南安阳那边
• 就大学这块，当时考试没有考上。就上的是一个民办的学校，家里掏钱给上的。
• 我的感觉：这个大学这款顺下来，挺自然
• 2，啥时候离职的
• 在上家公司离职的原因是：想来大地方发展，这个项目做完的话打算外派到南京那边，项目开发周期半年多，南京那边没有朋友，短期出差是可以的
• 3，vue 做 后台管理，，一秒短租项目是在是在郑州做的？
• 疫情期间做的，刚开始在家里工作，后来是在公司上班
• 4，团队中担任什么角色，团队的协作方式，配比
• 前端两个，后台三个，一个产品经理，一个项目经理
• 前端：两个人商量，谁开发过那个就做那个，不太熟悉的话，就是关联的比较多就做那个。基本是平均分，开发时间。一个人做完，另一个人也就做完了
• 脚手架搭建，页面布局，静态布局 等是我做的。版本控制交给他来做

2，项目开发流程

ui 出几个方案让我们来选择，选择其中一套。讲给我们经理来审核，如果审核通过的话就由我们来做；如果选择的方案技术太不容易实现的话就换一套方案，然后交个我们小组来开发

后端开始给我们一些接口让我们来测试，来做。有的数据没有的话我们自己就先模拟一份，等到后端给我们之后，我们在做。

3，用什么来模拟的数据

猫科？

4，项目遇到的难的技术点，

有，但是不算太难。但是印象特别深刻

上传相册，当开始时想的是手动上传，遇到好多问题。

使用element中的upload上传，首先用formate将文件转换成二进流发送给后台，我当时没有转换成二进制流，出现了问题；；选择了自动上传的方式。。URL地址最后会转换成一个file，然后上传。点击上传的时候，就会自动上传

还有一个是请求头部的时候，发的信息是发的什么。调用后台自动上传。这就是自动上传的功能，没有实现手动上传的功能

5，照片放到哪个空间中，

那个模块？这个我不太清楚，当时后台给我一个接口地址，调用接口返给我一个URL地址，组件中能够显示

6，后台用的是php是吗

这个我还真不太清楚，可能有Java，python啊应该都有就是简单的问过一次。也没去深究过

7，扫码的小程序里面，遇到的问题

一些逻辑吧。获取用户权限。像做定位的问题，需要看用户是否授权定位那一项了。api接口中有权限，setting？诱导用户打开权限

获取定位，或者打开摄像头之类

token，userinfo保存起来

8，第一次定位到默认北京，点击北京的时候，会有授权询问。拒绝之后再想授权之后，怎么授权呢

回答的挺详细，但是api接口忘记都是在官网上查的。感觉是面试官是满意的

9，瑞麒课特和 Angela用过吗

瑞爱科特没有过，Angela听说过，也是用的比较少的。我用的还是vue比较多

10，mvvm怎么理解的

提到了observer

优点：

11，双向绑定怎么实现的

 

12，组件之间的传参

详细说了父子组件的之间的通信

vuex,本地存储中，bus

13，vuex 什么时候用

大型项目和组件之间传值比较多的时候会用到

14，后台管理中怎么用到vuex的

登录的时候就用到了，需要存一个token值。就存到vuex中

15，后台管理项目，你那个模块开发的比较多？

登录退出登录 页面鉴权 后台首页 会员信息 商品列表 上传上册、照片 模糊搜索等

16，权限管理你写过吗

通过接口传递实现的。

17，axios 加 promise做二次封装

回答的很详细，和我们做的思路是一样的

新建 utils 文件，里面导入axios 设置axios的基础地址，相应拦截器和请求拦截器。在此处还设置了loading加载。

新建apis文件，导入axios 然后就是按需导出。

我们的思路是在api文件中 导入axios，设置响应拦截和请求拦截 。然后在全局导出，，之后再main.js中 导入api 文件，挂载到vue的原型上，用的时候就是请求接口的时候直接到调用方法即可。

从哪里实现的promise的封装？？？？

18，过滤器怎么做，

保留俩个小数 toFix()..直接使用就可以

过滤器。后台商城类，支付方式用什么方式支付。返回的是1，2,3，使用的是filter过滤器。局部过滤器，

19，vue中使用promise比较多。。说说promise的理解并怎么实现的

为什么用；三种状态，异步操作的结果来决定状态；四个方法then，reject(),all(),this()主要用来测试速度的;使用的时候需要实例化是new Promise()

20.es6语法 比如防抖节流等

先说一下语法吧，………………

防抖，搜索的时候

节流，

21，前端新的技术了解的比较多

async/await includes

22,textScript uniapp

23,vue中的data为什么是一个函数

了解的不多，通过return返回出去。返回出去的话可能是任何形式全新的数据对象，返回出去可能会被复用，不同组件可能使用的会不一样，

24，nextTick用过吗

25，小程序 全面屏的适配

去年也是在做小程序的时候，一边做一遍学习。现在主要是在学习uniapp。暂时没有了解多。

26，小程序了解的不太多是吗

上家公司只开发过一个，这方面了解的不太多

27，放假的时候，在干什么

朋友叫的时候，会打几局。我自己的时候是很少打游戏的

健健身

哔哩哔哩关注一些大牛，也会去学习

对前端还是比较感兴趣的，了解的东西还是比较多的，还有很多需要学习的。vue现在学的还是比较多的，但是底层的东西 向webpack这块还是了解的不太多。现在想的还是把vue了解的精通把

28，平时生活中，比如打打篮球什么的。自己的特长

打篮球这个还真的是比较少的。平时就是晨跑，夜跑什么的

29，对我们公式比较了解吗

不太了解

我来介绍一下我们公司。给保险公司做一些算法的。我们是it部门，现在17个人。小程序，H5，后台管理系统。之前做的差不多，

之前做的差不读

30,前端学习三年有什么感想

越学越觉得懂得越少。目前真的是这种情况。学了vue之后知道webpack之后，原来webpack还能自己搭一个类型于vue的框架等像这种底层的东西，现在还只是知道一点点

31,团队协作怎么做 办公软件

盖特雷波哦 每天拉取最新的。然后做，做完之后，推到分支上。谁负责合并谁合并

32，日报，周报，接口文档啊这种，，在哪里配合

前后端分离，

32，项目进程有谁来推进

有时候是项目经理，组长

33，期望薪资是150000，原来是13k。最低是多少

15k 前面已经有公司给我发offer了。我还向在多面几家

34，住的比较远

我可以搬过来的，那边的房租已经快到期了。还是喜欢方便一点的

35，最近接了offer ，都是什么样的

第一家的话是 我和后端合作 H5的项目

第二家的话问的比较少，因为人比较少，我不太想去

第三家 负责咨询的，人也不少

36，怎么样，外边找工作的话

累，我们负责一面，之后还有二面。

37，尽量在本周内 二面。

让hr加我微信，我本来打算不在面试了，到时候看看吧

结束

---

回答的不足：我的感觉是

这个同学语速适中流畅，知识点以及代码说的都很清楚，有底气。明白的面试题，答题有条理，准备的充分，

对于自己的情况，现状说的很清楚，能让面试官对他有个清晰的印象，对他的评价也会清晰。

我觉得面试官对他的印象很好，90%的题达到面试官的要求。

他所有的题都是值得学习的。回答的亮点：学历的问题指出民教网，合理的解释；；；周末的爱好；；；学习前端的感想；；

面试官问的问题;也很有代表性，更贴近工作，需要好好考虑。怎么回答

---

我会这么回答：

自己需要学习，思考，整理的点

前端中新的技术了解的多吗

小程序 全面屏的是什么

git上面 推送到分支上，谁负责合并

日报，周报，接口文档啊这种，，在哪里配合

H5 的项目主要是做什么的

自己的疑问：18k大体需要什么样的技术，公司福利都有哪些;;; 问一些周末休息的时候干什么侧重于；；；问对公司的了解，自己还有什么了解的；；；

技术点：图片上传，

---

---

三、赛斯信

自我介绍顺序：姓名，年龄，来自哪里，工作年限，供职了几家公司，分别供职时长，任职期间做过的项目，用到的技术栈，工作方式，学习方式，性格等

自我介绍：

李语浩

25岁

河南省安阳市

离职原因

---

自我介绍亮点：条理清晰，准备充分，吐词清晰，毫不拖泥带水。

---

自我介绍不足：

---

面试经过：

问：请你介绍一下你最近做的一个项目吧。
回答（大概）：这是一个新的项目，从搭建脚手架开始，项目组有4个后端，两个前端，处理了跨域和封装了一些组件。

1，对于外派你的公司了解吗？

不了解，投简历投到哪里

福利的话，有外派的公司发放。

2，外包公司了解吗？

只要不是针对外派的，就行。有的朋友就是在外包公司，会被针对的比较厉害

3，上下班是听从外包公司安排

4，人员外包很多，尤其是今年的疫情

5,刚刚离职是吗

26号刚刚离职，昨天才开始面试

6，最近做的项目

pc端的一个后台项目。后天来完成前端的项目。

开是分配的时候，负责搭建脚手架，配置公共组件和公共模块，跨域，路由配置以及大部分的静态页面因为路由是我配置的，后台首页，商品列表，上传上册图片，会员列表，设置页面，

7，封装组件，里面组件的封装

面包屑封装

左侧导航栏的封装，

相册列表封装，

8，跨域，

代理跨域，proxy？？？？

在vue的根目录下设置config.vue文件

9，在开发环境使用的跨域方式上面是，，如果在打包上线的时候还是存在跨域问题怎么解决

打包上线，没有跨域问题了吧。不是都打包到一个服务器了？

10，打包上线时候，接口端的端口号和web端的端口号不同，还是会有跨域问题

什么意思？

11，访问的接口地址和web端的不一致

这个是后台的问题，我没有负责这个，不知道

12，后台和前端是部署到一起的，

后台部署到一个服务器上，不存在跨域的问题了

13，这边的业务 接口地址和web端的接口地址可能不一样，前端跟后台的不一样，也是有宽裕问题；；前端和后端的项目很多，前端和后端给了不同的接口地址。如果是后台处理之后就不存在跨域问题了

没有独立重头到尾开发过一个项目

14，ingex 解决跨域，前端功能太多了。

15，自己能自己独立做东西出来，搭建框架到做项目到打包上线到服务器知识，楞牛四环境中打包上线

16，可视化的项目，

是e-charts

17,大屏的那种，可视化的东西比较多。整个的项目都是那种

自己在百度的比较多

18，电商比较少，政府，军事用的比较多，适配的问题，，各种的屏幕都可以适配，你的经验

响应式布局

媒体查询

响应式布局

19,对rem的理解

20，除了rem ，还有别的单位吗

vh vw用的比较少，大的地方比较好，但是细节的地方用的比较少

百分比布局也会大的地方，外边的盒子

vue的问题

21，组件之间的传值

父子

兄弟传参

22，vue中路由实现两种模式

url地址栏中 #+后面的一串东西 ，通过window.location.hash来获取；和后台的依赖性不算太强，因为前台和后台没必要把文件写的一模一样，也不会报404错误；；history模式是H5的一个新特性，和后台配合的非常完美，否则会报错404，资源不存在。

23，vue中的深浅拷贝

24，深浅拷贝的实现方法，

25，如何自定义过滤器

全局和局部以及用法

26，如何处理数组排序和去重

sort 排序

set 去重

27，事件冒泡

28，阻止事件冒泡

29，闭包

30，http和HTTPS之间的区别

不了解

31，小程序都做过，

做小程序比较少。都是后台。。围绕地球可视化，部队的项目。导弹的打击范围，地球上面展示效果；处理数据整个流程下来，流程图，可是可能会用到的。不简单是一个图。。多是国外的插件，后期多看多练习。

32，git 搭建git的服务端谁来搭建

当时公司给了密码，我直接用。只会一些简单的命令

33，git自动化部署

了解原理的话没有了解过

34，平时怎么学习

在github，哔哩哔哩上面学习，很多公司再用uniapp再用，我在学习

35，问面试官公司的问题吗？

• 35.1多是vue项目吗？
• 很早的多是jQuery，现在多是vue项目
• 35.2 部门 16个人，五六个前端 。公司的人多在客户，面试官直接带
• 35.3 上下班时间
• 35.4 是否有二面，

结束

---

回答的不足：

提问的多是：封装的多是二次封装，没有提到自己的组件库

打包上线之后的一些事，部署到一个服务器上

屏幕适配，响应式布局，rem具体怎么换算，

vue中路由实现两种模式

---

我会这么回答：

这个同学说话越来越有重点，流畅，有底气。

这个公司主要做的是军事，政府的项目。数据的显示。感觉业务比较多，公司实力比较强。

我们侧重于找哪方面的工作？？？

外包公司的项目比较多，所以会的也是比较多，问的比较全面

---

---

四、外包公司

自我介绍：

上一家公司呆了一年半，项目组有八个人，前端两个人，后端四个人，一个产品，一个测试

前端多用到的是vue，后端用到的是Java，PHP

良好的沟通，完成领导给的任务，爱学习的心，经常看GitHub 哔哩哔哩 博客技术网站和社区，公司的大牛和博客大牛去学习请教

电商类，旅游类，微信小程序

技术栈：vue全家桶，js,bootstrap,jq,微信小程序官方文档原生开发

---

自我介绍亮点：条理清晰，准备充分，吐词清晰，毫不拖泥带水。

更侧重与介绍上家公司的情况，和工作有关的事情，

---

自我介绍不足：

面试官常问的几个方面

项目，跟上家公司有关的项目；怎么学习；js；vue

常问的问题和其实和本公司的业务有很大的关系，如果准备充分的话还是先查查公司的情况，这样更有针对性。

这样自我介绍的时候更有针对性，面试更流畅，

---

技术面试开始：

1，没有听到问题，应该是介绍后台管理系统

项目介绍

负责模块：

开发流程：后台给接口，我们来测试接口是否可用，之后开始写

2，项目分哪些模块

3，

主要负责人，下载脚手架，整体的排版，路由配置，推到GitHub上，同时在拉下来写。

4，

要四个月

5，

因为是从头开始，中间还会去解决别的项目的bug

6，

四个月分为三个周期，整理的布局。

功能挺多的，

7，使用jQuery框架

8，ajax去完成文件的上传

9，ajax去绑定表单

10，get 和post

11，js中如何把数组转换成字符串

toString

join

12,UTF-8

13，中文乱码的问题

14，URL中出现

15，怎么处理缓存问题，页面资源的缓存需要注意什么事情

16，js中获取多选框的值

checked

获取 用for遍历，当选中的时候

17，css中 有几种方式做到元素水平居中

定

18，介绍公司

液化气站智能化管理系统。公司人数12个人

需要了解的？

18.1 用的是框架？

旧的是jQuery，新的话

18.2负责前端的话是几个人

编制是两个人，一人在职

18.3 面试官问期待薪资是多少

14k

18.4 稍后会把这次面试的结果和意见给人力资源。后续有人力资源会给您谈薪资和待遇问题，进一步的沟通。

结束

---

听后感受：

这家公司人员较少，用的东西是jQuery(现在还在用jQuery，是代表做的项目比较传统吗?)

没有问新的技术比如es6等新的问题

项目的具体流程

项目的开发流程：UI 后端 前端 之间的配合

后台管理功能的实现：

会同时写好几个项目吗？

后台的功能有哪些；模块有哪些；

使用jQuery框架？？有框架

ajax去完成文件的上传

ajax去绑定表单

中文乱码的问题

怎么处理缓存问题，页面资源的缓存需要注意什么事情

js中获取多选项的值

必须了解的公司的问题：框架，人员配比，公司地址，有谁来带，主要领导，薪资水平，上下班时间，待遇

在什么样的公司才能成长的更快,针对于我们这种培训机构的出来的

五、韩思丹 面试

自我介绍

24岁

三年，

工作中能够听从别人的意见，也能坚守自己的意见

性格：活泼开朗，积极乐观

简书，博客，学习新的技术；

---

面试经过：

1，在职还是离职，方便说下离职原因吗？

家里出了点状况，一个星期之前离职的。

2，正常公司请一个星期的假，应该可以。那个公司怎么样

3，介绍公司的项目

4，年龄出现的问题，面试官提出质疑

没有圆回来

5，介绍后台的项目

介绍比较乱，多是功能

6，代码规范

7，排查bug

8，如果是后台的问题呢

会和后台去沟通

9，给一个需求，整个的接到这个需求到完成这个需求的整个 流程。

ui图给你了，psd文档切完图也给你了，排版实行规划。产品进行梳理的过程，新的产品

10,当时你做前端是有人带着你是吗？当时前端是有几个人

整个六个人，前端有两个人。

11,前端只有app,没有后台管理，正常情况下只有一个人就够了，为什么有两个人,

12，有没有独立开发的经验

没有

13，原来的公司给11k，我们这边给不到薪资

14，我们这边只需要一个前端

之前有独立开发的经验，各个地方的对接，静态页面，交互

15，反问，未来发展是什么样的

相册，未来可能往电商上靠。前期是简单的相册功能，之后可能会发展整个供应链，长远的发展是很大的过程

结束

---

回答的不足：

准备不充分，年龄被面试官怀疑，对于项目项目的整个流程不清晰，感觉有点怯场。

自我介绍，书面语太多，像是背诵的。

这种刚刚起步的小公司，应该着重于问什么？

---

我会这么回答：

---

---

六、航天财富

前面有他的介绍。让自己保持一个不断进步之心

自我介绍听后感觉：

男生的自我介绍更全面，侧重于技术，公司介绍

---

面试经过：

1,项目 元宝后台管理系统

项目由我来负责的，基于webpack建立脚手架，整理的布局，路由，跨域的封装，弹框；；登录，首页，会员，商品列表，弹框，布局，登录，校验；基本功能 分类，搜索，查询，上传，删除，修改

2，项目自己搭建的

3，HTML新特性

4，水平垂直居中的方法

5，es6中常用的方法

6，var const let 区别

7，数组中常用到的方法，

8.js常用的循环

9，forEach和map的区别

10，forEach那个有返回值

11,localStorage 和sessionStorage 的区别

12，vue的生命周期

背的好，全面

13，虚拟dom

14，v-if 和 v-show的区别

15，页面的重绘与回流

16.vue 路由的钩子函数

17，vue中的组件通信

父子组件通信

非父子组件通信

vuex，，有背到vuex五大核心。以及简单使用

18，页面刷新还存在吗

需要下载vuex持久化插件

19，keep-alive

20，生命周期有什么变化吗？使用keep-alive后

不了解

21，防止表单的重复提交

防抖节流：

22,在项目中封装过什么组件

获取数据接口

弹框

公共布局

23，大概介绍下封装的组件

弹框，具体导入组件的流程

24，webpack 打包

同事负责后期打包，

25，项目的路由不是写死的，是有接口返回的。

26，接口返回的路由，把之前的路由替换吗

暂停

---

面试官让稍等下，听到现在的感觉

现在来看 同学回答的不错，85%能够回答出来。但是我听着背诵的痕迹比较多，但是讲防抖节流，vue生命周期比较全面和有代码

女面试官更侧重与背诵的题，对于回答的结果不做评论，直接提问，有时候问题和问题之间没有联系。男面试官侧重于技术，多是聊天的形式，

回答代码比较少，比较流畅；可能做的比较少；

接着面试

27，那个项目是你一个人写的

小程序，后台管理和同事

28，路由中是写死的吗？keep-alive

29，如果使用keep-alive之后。跳珠页面后想让他更新，应该怎么样

30，页面监听

watch

31，也会用vuex吗

32，vuex持久化问题

下载插件

33，微信公众号有了解过吗?

34,移动端和PC端

后台管理用的比较多，移动端比较少写

35，ui框架还是自己写的比较多

36，ui设计出来，100%还原

37，jQuery自己会用吗？很久没写了是吗

38，老的框架多是jQuery，

学习能力还是行的。举例子大学毕业之后用老的框架，之后用ul框架也是在一步步学习。

39，es6

40,echarts

41,初始化还是封装好了

多的话肯定是要封装

42，好像是t3(和echarts相同的吧)

43,小程序用的是 外皮。现在用的uniapp吗？现在不用

44，rem em

45，盒模型

46，清除浮动方法

47，跨域

前端代理方式

48，

感觉：同学敲项目比较多

49，vue处理 从搭建到处理，这个流程

50，现在初始化好的项目，前期搭建好的，里面的功能能够自己写是吗

51，项目从0到一 实现

52，看文档的话可以做是吗？

小程序基本是看文档做的，

在外包公司工作过，意味着什么？可以会慢一点

53，画图的 自己写的画图的。echarts对画图的封装

没有用过，

反问面试官

人多吗？

结束

---

听下总体感觉是：

两个人进行面试，后面的女面试官明显更懂项目。

es6和es7中新的技术，都有哪些。界定的更准确些

forEach和map的区别

页面的重绘与回流 回流？

vue 路由的钩子函数 是路由守卫吗？

接口返回的路由，把之前的路由替换吗

如果使用keep-alive之后。跳珠页面后想让他更新，应该怎么样。

从大学毕业到现在，使用框架的演变

好像是t3,,和echarts相同的吧

 

微信公众号有了解过吗?

vw vh 工作中用的多吗？两三个用到了

前端的交互？

axios插件？

会直接和后台沟通吗？不应该告诉直接领导，让他去沟通吗？还是公司比较小直接去沟通？

ui图给你了，psd文档切完图？

前后端分离，怎么理解？为什么有的公司前端很少，好像面试的是后端基础的人，他们觉得前端应该人比较少

---

---

七、华宇金信

没有自我介绍

技术：

1，项目中负责那部分

2，你带过人吗

没右，当时是别人带我

3，比较擅长的是vue，vue的生命周期

beforecreate可以做loading效果。有背诵痕迹，也有分析

4，加载数据，放在哪里

一般放在created

5，都写过什么方法？

什么方法？能具体说一下？

6，vue的指令

7，点击事件的指令

v-on

8，v-if 和 v-show的区别

9，比如我这边有table，table中的数据是遍历出来的，同时有些数据要，不要。v-for 循环遍历出来，

10，写在tr上面，v-for 和v-if同时写在tr上面吗

11，父子组件之间传值

12，封装过公共组件

说的还是二次封装

swipper组件

header组件

13，比较有难度的，推荐

14,封装组件常用的知识点，项目上不常用的知识点有哪些

没有回答出来

15，这边找一个高级一点的前端开发，现在不太满意

---

回答的不足：

同学面试说话有点紧凑，显得有点紧张。

高级一点的前端开发：从问的问题来看是

带过人吗？和 封装组件 问的多一点，封装组件想听更深层次的东西，没有答出来。断定水平不太行，

听着这个人技术算是中等，回答问题我觉得合格率在65%—70%之间。

---

我会这么回答：

封装组件的问题需要好好整理回答，是否是高级工程师的一种表现

清除定时器应该写在destroy？

loading加载写在哪些位置，总结

---

---

八、黄得文

自我介绍

24岁

0216毕业，

三年之内。

技术是在公司之间是立足之处。

平时和同事之间交流，不会的也会去查

北京中点，电商类。

郑州科技学院，毕业就实习，入得行。待过两家公司，移动端app,pc端也是涉及到

技术：

2，模块，

首页 分类

3，没听到

4，全队几个人

俩个前端

5，原生的一些东西

封装好的，直接用的

6，上家公司离职原因

和同事之间处的挺好的，也是考虑再三，想学一些新的技术

7，小程序也做过

比较简单的。有一个微信公众平台api，很多方法都是封装好的，直接来用的

瑞麒课特，自己在网上也在学习

8，有什么优势

和性格有关系

活泼开朗的，但在工作是认真，严肃的。首先遇到一个问题的时候，找他的逻辑，用最快的方法找到解决问题的方法。遇到问题的优点吧

9，工作中遇到的问题

说话吧，说话不能信口开河吧

10，为什么

长期稳定的发展，了解晋升机制

11，在团队中，如果你是领导，让加班。如果手底下的人，不愿意加班，有抵制情绪或者是反抗

首先做一个心灵鸡汤，

12，在哪里住

房山

13，原来公司的待遇

12k

14,其他想问的

初次面试，已经问过了

15，面试官介绍公司

金融方向，高材生

聚焦在银行大行。工行，农行，网银都是客户，

政府的项目

滴滴，美团，

别看滴滴做的大。技术没有我们做的强。

未来的机会的非常多，平台非常重要。接触到更多优秀的项目

可视化部署的项目也会有

16，未来的规划

贵公司氛围会比较好，信念会更加坚信一点

17，银行会从这边挖人，他们非常喜欢技术型人才。每个星期都会考试，录这种技术视频，也是晋升的

18，反问，薪资

基础还算扎实，比你理想的薪资可能要高一点，但是不会高太多。

top10，晋升机制。连续两个月是末尾的话是会被淘汰的。公司有工资很高的人，也有来了几年，工资不怎么长的人

---

我会这么回答：

回答的好的地方：

1，有什么优势这个问题上，结合性格说了说

活泼开朗的，但在工作是认真，严肃的。首先遇到一个问题的时候，找他的逻辑，用最快的方法找到解决问题的方法。遇到问题的优点吧

2，前面已经有人面过一次了，再次进行的面试

根据面试官的介绍，公司是加班的，技术很牛，晋升机制，每周有考核。凭实力来晋升涨工资。

---

回答的不足：

公司一般都是什么样的薪资晋升，

反问面试官的时候：公司的业务，晋升机制

---

---

九、李晓云面试

外包公司 两年左右

技术:

1，用vue用了多长时间

上家公司开始用，除了微信小程序之外

2，登录怎么做的

全局鉴权，点击我的，购物车

3，判断是否登录，

返给我一个token值，存在本地。logcalStroage

4，做的是移动端吗？

不是，是h5的手机移动端的网页的

5，token值过期

引导重新登录

6，所在城市是几级的

所在城市用的是两级的，组件的

7，数据是哪里来的

后台发送的一个珀斯剖id和城市的id，向后台发送信息，获取信息。渲染到页面上的。

8，用v-for 的时候的配置

后台传递过来的id

9，数组长度变化，页面不跟新

this.$set

Object.assign()深拷贝是实现对象

10，当前页面向前跳转是三个页面

用this.$router.go(3)

11，this.$router.push() 和this.$router.replay 区别

和history有关

12，箭头函数

普通函数的this指向问题，

设置data里面的数据的时候，如果用data里面的数据的时候，会获取不到this。如果用箭头函数的话可以 this.data 可以获取到data里面的数据

13,组件之间的传值

答得好，流畅。

14，手机端用的单位

vw 和 百分比。

15，不用rem，是吗

用

16，用rem的时候，怎么换算的

17，别人搭好架子，引得？

引得

18，手机端用过什么ui框架

van-ui

19，只在一个页面中对van-ui的组件进行修改

单独引入

20，不是，比如在button里面加个背景图，或者换一个没有的背景色

在当前页面中，不加 扫科特，就不会影响其他页面 ？？是不是说的scope，发音不准

好像是穿透的问题，记不太清除了。

21，返回键进行操作，放到vue生命周期中那个钩子函数

22,es6

结束

---

我会这么回答：

数组长度变化，页面不跟新。数组和对象这个打得好

所在城市是几级的 这个问题打得好，

不好的地方：

有些单词发音不准，

---

回答的不足：

登录，注册

h5的手机移动端的网页的？

所在城市是几级的

当前页面向前跳转是三个页面

this.$router.push() 和this.$router.replay 区别

问：关于箭头函数

回答:普通函数的this指向问题， 设置data里面的数据的时候，如果用data里面的数据的时候，会获取不到this。如果用箭头函数的话可以 this.data 可以获取到data里面的数据？？？？这个回答对吗

20，给UI框架添加他没有的功能。单独页面中使用，不影响其他页面；（比如在button里面加个背景图，或者换一个没有的背景色）

在当前页面中，不加 扫科特，就不会影响其他页面 ？？是不是说的scope，发音不准

我觉的这是两个问题，怎么添加，以及怎么在单独的页面中使用、、

21，返回键进行操作，放到vue生命周期中那个钩子函数

应该是问的keep-alive,没有回答出来

H5页面 包括什么

---

---

十、牛客云科技公司

自我介绍

李国栋

25岁

本科毕业

还在办离职

vue框架，react，小程序正在熟悉。上个项目正在主要是小说，vue

技术层面试：

需要说正在办离职吗？

1，原生能力怎么样

主要还是用框架比较多

2，本人原生能力怎么样，五分满分

3分左右，及格

3，以后的发展方向。未来一年

如果有幸进入本公司的话，尽快的熟悉本公司的业务，和同事之间有良好的沟通。未来一年中，对于js来说深入的学习；往外扩展到 话，学习react angle等框架，算术语法

4，我希望往底层走，现在精尖的前端太难找了

5，vue用了多久了

2-3年了

6，生命周期很熟悉了，什么时候用

回答的可圈可点，没有亮点

7，对于前端的存储怎么利用的

答得方向是对的，但是条例不清晰

8，vue做过一些APP是吧，原生js和app互相通讯是怎么实现的。。比如原生才能读取运动轨迹，怎么读取。

下载一个插件吧

9，如果在项目中用过的话，应该是和后台建立一个专用的接口，可以访问到的。原生有能力可以互调

10，购物网站，放大镜效果。怎么做到的。移动到某一个区域变大

忽略了很多细节

11，js的事件

onclick，

12，tatch 和点击事件的不同。移动端的事件

13，css3的新特性

14，相对定位和绝对定位

结束

---

我会这么回答：

条理不清晰，后面有点乱。

---

回答的不足：

以后的发展方向。未来一年，未来三年，未来五年，

这个同学打的比较好，但是面试官想要的答案是往底层走；

vue做过一些APP是吧，原生js和app互相通讯是怎么实现的；

8，vue做过一些APP是吧，原生js和app互相通讯是怎么实现的。。比如原生才能读取运动轨迹，怎么读取。

下载一个插件吧

9，如果在项目中用过的话，应该是和后台建立一个专用的接口，可以访问到的；

原生的js 事件；

---

---

十一、天源迪科科技

学校：郑州工商学院 二本，民办

技术：

1，民办的意思是？正常考试吗?还是？ 2017年毕业是吗?

民教网可查。正常统考，没有考上。上的民办的

2，两家公司，分别工作一年多。为什么离职？

外派到南京，没有熟人，和女朋友在北京

3，前端开发，在自学还是？

大四实习的时候，

4，实习时间，实习用的框架、

刚开始不用框架，用jQuery等

5，什么时候用的vue，

上一家，只用一年多

6，负责哪些模块

主要是写页面，搭建页面。

7，大概写了了多少个页面

30-40个

8，大概用了多长时间，

四个月

9，前端几个人

3个

10，是这个后台管理系统吗，是自己用的还是外包的？

外包的，带的都是外包的

11，平时用git还是 爱思不凌达

12,开发工具

vsCode

13，计算机学院

http协议

14，http和HTTPS之间的区别

15，在底层的一些知道吗？

计算机的课本上应该都有写

16，http request包括哪些？

17,请求头见过什么

token值，

18，quest method

请求方式吗？get post

19，后台用什么语言写的?

Java PHP 具体我也没有了解过

20，put delete 用过吗

delete用过 删除。put用的比较少

21，get请求。如果在URL中放了参数，有在body里面放了数据，这样可以吗？会有什么报错

不行，报错没有遇到过

22，状态码 2345有什么区别，400,401,404等。三开头的呢 这种前后台交互，天天都会遇到

23，架子是自己搭的，用几搭的

最新版的cli4

24,整理加过什么文件吗

跨域，路由， 跨域的封装，常用的请求接口的封装

25，webpack打包的这些封装有用过吗

打包不是我负责

26，webpack的配置，有更改过吗？

这个项目不是负责的

27，一直用的是element-ui是吗

element-ui，vant-ui也用过

28，echarts用过吗，都用过什么图

圆柱，饼图

29，es6 语法

30，操作数组的方法

不是定义数组的方法

31，不能用到哪个就上网去查，多浪费时间

32，路由导航守卫

33，websockt

不了解

34.本地储存

35，cookie 优缺点

36，别的存储用过吗

37，数组A，100位。数组B 存的是数组A中下标，存的是十位。怎样把数组A中对应的B中的下标删掉。让数组A变成90位。怎样让数组A中的下标归位

在 table中遇到

38，很长的字符串，怎么判断是否有数字

39，反问

学历和年龄查的很严格吗

前端有多少人，

我也不知道，很多组

薪资是13K，最低是13K

我们组的情况，每天都会学新的东西，需要的基础会 比较广些，这样学的会比较快。

---

我会这么回答：

面试问了很多基础的东西，公司其实对于学历和年龄并不是那么严格，更看重的是这其中的经历，有大学里面的计算机基础，学习一些东西就会比较快，容易接受。

这家公司人比较多，项目组也是比较多的。每天会有新的东西需要学习。

对于今天的面试，面试官是不太满意的。基础不太好，但是能做出东西。没能达到他心中的预期，工资对于面试官来说比较低，所以他还在犹豫，一星期之后给结果。

重点查查这个公司 天源迪科

提问公司的点：

接触到的新技术多吗？公司中是怎样促进新知识的学习的？还是公司有人带着学习，还是分配到每个人的项目中，自己去查去学习。

---

回答的不足：

平时用git还是 爱思不凌达;

计算机学院 http协议；

http request包括哪些？

计算机专业都会问什么?

put delete get post 这些请求方式都什么时候用

websockt

---

---

十二、搜虎

有杂音

自我介绍

技术

1，最近一年使用vue

2，vue操作和jQuery区别

3，后台给文档

4，用到问题怎么解决

5，写的比较好的项目

6,ui组件，

7，bootstrap能上手吗

8，js兼容性的问题

9，react项目开发

用过半年多，

10，区别 react更车总与原生，vue api接口

11，echarts

12，css文件的封装

设置公共的样式

13，github

14,性格

偏内向，同事交流没问题

15，平常开放中遇到的问题

---

我会这么回答：

这家公司做的项目还是比较老的，用的兼容问题。bootstrap css封装的

vue操作和jQuery区别

js兼容性很少用

css文件的封装

---

回答的不足：

使用vue，但是自己封装组件；还是使用现成的ui框架是趋势；

现在比较新的项目，多使用vue框架这些。还没有转型的多使用jquery

还是大的公司使用的原生的比较多。

还是通过使用vue，慢慢了解，学习vue底层的东西

以后学习的趋势？学习底层的东西还是多多学习使用新的东西技术

---

---

十三、一陆科技

自我介绍：

韩思丹，前端岗位，电商项目，用的vue框架，min-ui，

主要用到的技术：

自我介绍感受：

可能有点紧张，一下子缓不上来，有点乱。说到的技术太具体化。说到是实现的功能用的是什么

面试经过：

1，隐藏元素

2，HTML中link 和 import区别

3，px rem em

对这道题不太熟悉

4， js用的多吗。。同步 异步，哪个是异步的，那个是同步的函数，常用的函数

不清楚

5，call apply 区分

不知道

6，事件代理和事件委托

只是说的事件委托，事件代理不知道

7， == === = 之间的区别

也是不太清楚。经过提示说到重点

8，vue框架搭建用什么命令

忘记 什么命令

9，数据持久化，

使用localstorage，sessionstorage，vuex

10，vuex用什么场景

11，登录流程，和后台对接口怎么样的

token值

12，下次发请求，怎么判断；用户登录过期需要怎么做呢。前后台怎么交换。

13，登录过期后台来做的，前台给我们一个参数

14，vue组件中的传递

15，如果不是父子组件呢，怎么使用呢。向爷爷的爷爷传值呢？

vuex

16,用过吗；；；没有

17，vue项目部署

前台的另一个人搭建好框架，项目经理给我们分配任务。我们写一点就提交推送上去。因为时间长了，写的多了可能会有很多冲突。

18，有冲突怎么解决的呢

重新拉取下来，修改在往上提交

19，和同事之间都有冲突了

就会交个同事了

20，小组多少人

两个前端，俩个后台，一个测试，一个ui，有时候有两个Android有时候是一个Android

21，兼容性问题

浏览器之间的内外边距的不同，使用margin：0，padding：0

22，支持pc端和手机端

23，怎么区分不同 的手机端，pc端

单独放一个文件，区分不同的手机端

24，在开发中会测试ie的兼容性吗

回测，不是我做的

25，后端语言

Java，

26，传输数据格式怎么要求的

以什么形式发给前端吗?我们通常用的是接口文档

27，websockt 富文本用过吗？

28，富文本中与后台的配合，用的那个配置参数

记不清楚了

29，地图 ，有没有定位

下载插件，没有定位，没有划线

30，echarts

用过，柱状图

31，权限管理

后台给我们接口，返给我们一个参数0或者1.

动态的菜单

32，树结构

没用过

33，H5 动画

34，功能亮点，不常见的功能模块

35，期望薪资，最低的

11k，最低10k

36，反问

需要准备，

之前的项目，功能增加的。直接上手的项目，提前几天熟悉项目

---

我会这么答：

这样新成立的项目组，可能需要 的东西比较多，和原来的兼容，新的知识的搭建。

知识面比较广，能及时上手的。

---

不足的知识点:

多使用什么系统

min-ui

HTML中link 和 import区别

登录鉴权，token过期怎么设置时间的。

如果不是父子组件呢，怎么使用呢。向爷爷的爷爷传值呢？

两个前端，俩个后台，一个测试，一个ui，有时候有两个Android有时候是一个Android Android是什么

websockt 富文本用过吗，，富文本中与后台的配合，用的那个配置参数

地图，echarts使用。

一般是熟悉几天，先去公司的时候

---

---

十四、壹码

面试经过：

2，和ui出现一定的问题的时候，怎么解决

3，vue下载的依赖

4，vue2 vue3的区别

5，第二家公司有分公司

和上家公司闹得不愉快，拖欠工资才离职。疫情期间拖欠三个月工资。这种说法不好

面试回答不确定，知识点不清晰

 

不足的知识点:

前台解决的不了的样式，怎么和uI沟通。什么样的问题需要和ui沟通

vue2 vue3的区别

---

---

十五、线下面试

自我介绍顺序：姓名，年龄，来自哪里，工作年限，供职了几家公司，分别供职时长，任职期间做过的项目，用到的技术栈，工作方式，学习方式，性格等。

自我介绍：

李晓云

25 

大学毕业

北京

面向客户的项目，APP     

原来任职的公司：  风华正茂

后台管理项目，h5    渲染

项目深入了解：H5云课堂        

跨域是前端来解决吗？   是的    公司：我们是后端解决

注意：公司问的问题也没有那么难，第二个boos并没有问技术栈的问题

提问了此时

登录流程说一下？token的问题的探讨，进一步谈论登录的问题

token登录上去有效期3600秒，你一直登陆会一直是3600秒，没有登录的话，3600秒过期

一般设置最少3天的token期

 

面试经过：

说一下封装的思想

原生开发小程序的生命在周期

前端App，uni-app有了解过吗

另一个boos着手插入

不足的知识点:

被面试者挺好的，回答问题铿锵有力，很坚定，回答的也很流畅，没有丝毫的脱拉感。

有一项，这个被面试者说着说着面试官打断，她不给打断的机会，一直说完