同元软控（苏州）——社招前端工程师（视频一面30min）

1.自我介绍。（会有HR和面试官同时在线，然后只有我开摄像头，这点可能有些人会膈应，不过面试官人还是和善的，答错问题会回复我）

然后往下全是在问基础，而且没有任何关联，就是下一个问题和上一个问题不是关系很大，感觉像读稿子似的来问我问题。

2.HTTP和HTTPS，详细聊聊过程和原理。

3.页面性能优化，如何优化网站，尽可能提出多种措施。（这点在以往我所有面试里面也经常出现，建议牛油们面试可以多注意，下面加粗的地方，是我完全没头绪的或者我觉得比较重要的知识点，牛油们也可以参考一下）

4.webpack了解吗，你会如何去部署一个web应用，有没有用过一些相关的loader

（可以说一些自己平常用的了解到的

CSS 处理：css-loader, style-loader, mini-css-extract-plugin

图片处理：file-loader, url-loader

ES6 转换：babel-loader, @babel/core, @babel/preset-env

HTML 处理：html-webpack-plugin

）

然后webpack 、部署、 打包、工程化带带 这几个方向的问题在我遇到的面试也比较多，牛油们也可以多去看和背这方面的知识点，最好是有实际应用，楼主太菜知其然不知其所以然，都是用过，只会用大白话说是什么东西，记不太住专业名称。

5.vue2和vue3的区别

6.IS和IOS的区别，没见过这个，也不是安卓苹果那种IOS，见识浅薄了

7.网络的五层架构及每一层的协议（我回答了网络层对应IP协议，传输层对应TCP/UDP，应用层对应HTTP/HTTPS等等）

8.如何实现分栏布局，比如两栏、三栏、双飞翼、圣杯布局等等

9.foreach和for循环对于异步的影响（这点我了解的不是很深入，算是教训）

10.在vue2里v-for和v-if为什么不建议一起用

11.new、call、bind、apply，你能简单说一下如何实现吗

12.同步异步

13.了解nextTick吗？应用场景是什么？底层原理是什么？

14.JS异步问题，事件循环机制你了解吗

15.provide和inject了解吗？组件通信能详细说说吗？

16.如何去检测某个属性是否属于对象自身？

17.怎么查看前端的内存和性能？

18.类选择器优先级高还是属性选择器优先级高？

19.样式CSS的scoped如何发挥作用的？原理是什么？

Vue 在编译带有 scoped 属性的 <style> 标签时，会为每个选择器生成一个唯一的属性。这个属性通常是一个类似于 data-v-xxxxx 的数据属性，其中 xxxxx 是一个随机生成的唯一标识符，这点其实在F12控制台打开我们就能看到各种各样的data-v-xxxx

20.你在项目中使用Element有没有遇到什么困难？怎么解决的？

21.如何知道用户当前focus在哪个页面

通过使用 visibilitychange 事件和 document.visibilityState 属性，你可以轻松检测用户的焦点状态，从而在用户离开或返回页面时执行相应的操作

22.你平时如何定位和追踪bug？

23.try catch能捕捉异步错误吗？如果不可以，那么如何去捕捉异步错误呢？

24.Vue的生命周期你了解吗？能详细说说吗？

25.前端的定位和布局？你能举例哪一些？

26.跨域

27.vue的响应式设计原理

28.缓存你了解吗？有实际使用过吗

29.Vue路由传参

30.Vue内置组件你了解吗？

这部分我用的比较少，就知道个<keep-alive>：用于缓存组件实例，避免重复渲染。常用于路由组件的缓存。

其他还有：

31.Vue常用指令？

后面就是反问环节了。

别看很多问题，其实面试官基本上问一个问题就不会深入问了，所以才能半小时问几十题，感觉不太专业，不过也好，考验我的知识广度。