2021年面试前端初中级岗位需要注意什么？（面试官角度分享）

我就是我 2022-11-15 01:27 205阅读 0赞

![18478256f8bf05b8a9d1e68ae3fc7667.png][]

> 从毕业到现在做前端开发一眨眼三年了，公司最近在招聘初中级的前端开发，我看了不少简历，并且对一些小伙伴进行了沟通，对面试找工作有一些自己浅薄的观点，当然这些全是个人观点，不喜勿喷。

整体业内范围要注意啥，要视情况而论，说了怕误导大家。

只能说点，我面试时候遇到的，和自己认为比较容易被扣印象分的事儿，但是这可能并不限于前端面试会遇到的……

1、千万别太夸张了，记得遇到过好多次了，比如。面试时候说搞过 webkit，结果稍微稳点说是只看过 code，没上手玩过，再稍微问点，就成了只看过相关 blog …… 替换 webkit 为任意框架库，经历这个过程的也很多…… 你说就这样，其它简历内容的描述咋能让人轻易信，只能挨个细问，耗时又长双方都挺累，还给人家留给夸大其词的印象。

2、尽量逻辑清晰，特别是在描述所作的具体业务时候。如果不是那种常见项目的话，最好先简要说明项目背景，然后描述自己负责那块儿具体怎么做的。反面例子是云山雾罩连公司业务范围都描述了，实际最后问一圈问题下来，其实让我终于搞明白了，实际上只是调了个现成的库，或后端给的接口……

3、尽量表述出思路，特别是在描述某个具体业务难点是怎么解决的时候。比如，当时做了几种选型，它们的优缺点是什么，当时项目客观背景是什么？时间上、人力上、PM预期，公司资源投入力度上的限制等等，结合这些描述出某种选择的正当性。这时候可能会得到一个提问 “如果改变这些客观限制之后有哪些可选”。然后根据现有条件做你自己的思路推导就行了。反例是，因为只会当前技术就用了，或者因为某某某最流行，就用了……

4、尽量对所用技术的某些关键点有一些较为深入的探知，这个会是个很好的加分项。反例是只会用，甚至是连文档中一些明显说明点都没有去看过的。

5、尽量确定提问内容后再答，不要抢答，因为很可能提问只说了前半段。

6、不会的东西，保持诚实，说不会就 ok 了。甚至不会的可以描述思路去推导出一个答案，这个答案对或不会完全没关系，重要的是看到了思路，也就看到了知识面和知识体系构成，还能看到一部分经验总结带来的推导，就很够了。反例是，不会也强答说泛话和空话，这种回答真的很明显能看出来还是不会+没思路那种…… 听回答的人，真的很尴尬的……

做为一名前端开发者，接下来我想分享一下我偶然在GitHub上看到的一份《2020前端大厂面试题最全汇总》，已经标星8.5k了，看了一下，内容确实还不错，希望能帮到金三银四找工作的朋友。

## HTML ##

1.你是怎么理解HTML语义化  
2.你用过哪些HTML5标签  
3.metaviewport是做什么用的，怎么写？  
4.H5是什么  
5.label标签的作用  
6.行内元素有哪些？块级元素有哪些？空(void)元素有那些？  
7.a标签中如何禁用href跳转页面或定位链接  
8.canvas在标签上设置宽高和在style中设置宽高有什么区别  
9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?  
10.iframe有哪些缺点？  
11.HTML5新特性  
12.HTML5离线储存  
13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？  
14.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?  
15.HTML与XHTML——二者有什么区别

![260feafe580ee05bb0b8e92a03fe8251.png][]

## CSS ##

1.页面渲染时，dom元素所采用的布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为：  
2.几种获得宽高的方式  
3.边距重叠解决方案(BFC)BFC原理  
4.拓展各种获得宽高的方式  
5.边距重叠解决方案（BFC）BFC原理  
6.css reset和normalize有什么区别  
7.居中方法  
8.介绍一下CSS的盒子模型  
9.CSS选择符有哪些？  
10.CSS3新增伪类有哪些  
11.什么是cssHACK？  
12.Less/Sass/Scss的区别  
13请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？

![c1cd7f485a8154e80455bec392300820.png][]

## JavaScript ##

1.请你谈谈Cookie的优缺点  
2.Array.prototype.slice.call(arr，2)方法的作用是  
3.以下代码执行后，控制台的输出是  
4.简单说一下浏览器本地存储是怎样的  
5.原型/构造函数/实例  
6.原型链  
7.执行上下文(EC）  
8.变量对象  
9.作用域链  
10.闭包  
11.对象的拷贝  
12.new运算符的执行过程  
13.instanceof原理  
14.代码的复用

![ef5df9179e818e6ad3366c7a0572a6ca.png][]

## 浏览器 ##

1.跨标签页通讯  
2.浏览器架构  
3.浏览器下事件循环(EventLoop)  
4.从输入url到展示的过程  
5.重绘与回流  
6.存储  
7.WebWorker  
8.V8垃圾回收机制  
9.内存泄露  
10.reflow(回流)和repaint(重绘)优化

![e6776cc8e3066894acc391b01971f0a4.png][]

## 服务端与网络 ##

1.http/https协议  
2.常见状态码  
3.get/post  
4.Websocket  
5.TCP三次握手  
6.TCP四次挥手  
7.Node的EventLoop:6个阶段  
8.URL概述  
9.安全  
10.HTTPS和HTTP的区别

![c0ab3242b3489e469fe68b314ba01d73.png][]

## VUE ##

1.vue.js的两个核心是什么？  
2.vue的双向绑定的原理是什么?  
3.vue生命周期钩子函数有哪些？  
4.请问v-if和v-show有什么区别？  
5.vue常用的修饰符  
6.什么是vue生命周期  
7.数据响应(数据劫持）  
8.virtualdom原理实现  
9.Proxy相比于defineProperty的优势  
10.vue中key值的作用

![2409130d27615d5ecb518ea86ec75365.png][]

## 算法 ##

1.五大算法  
2.基础排序算法  
3.高级排序算法  
4.递归运用(斐波那契数列)：爬楼梯问题  
5.数据树  
6.天平找次品

![b77e8d5c93c7dd89e127aecf0b0e40b8.png][]

#### 完整版面试题资料免费分享，只需你点赞支持，[动动手指点击此处就可免费领取了][Link 1]。 ####

## 最后 ##

如果你想去一家不错的公司，但是目前的硬实力又不到，我觉得还是有必要去努力一下的，技术能力的高低能决定你走多远，平台的高低，能决定你的高度。

只有在平时准备好了，机会到来了你才能抓住，当机会到来了，你却因为平时不好好搞而错失良机，只能悔恨了。

如果你通过努力成功进入到了心仪的公司，一定不要懈怠放松，职场成长和新技术学习一样，不进则退。

[18478256f8bf05b8a9d1e68ae3fc7667.png]: /images/20221022/e1368c75f69c4f108d6794f8711b4607.png
[260feafe580ee05bb0b8e92a03fe8251.png]: /images/20221022/a80ff0f1953f4e19a78d20128ea063fb.png
[c1cd7f485a8154e80455bec392300820.png]: https://img-blog.csdnimg.cn/img_convert/c1cd7f485a8154e80455bec392300820.png
[ef5df9179e818e6ad3366c7a0572a6ca.png]: https://img-blog.csdnimg.cn/img_convert/ef5df9179e818e6ad3366c7a0572a6ca.png
[e6776cc8e3066894acc391b01971f0a4.png]: https://img-blog.csdnimg.cn/img_convert/e6776cc8e3066894acc391b01971f0a4.png
[c0ab3242b3489e469fe68b314ba01d73.png]: https://img-blog.csdnimg.cn/img_convert/c0ab3242b3489e469fe68b314ba01d73.png
[2409130d27615d5ecb518ea86ec75365.png]: https://img-blog.csdnimg.cn/img_convert/2409130d27615d5ecb518ea86ec75365.png
[b77e8d5c93c7dd89e127aecf0b0e40b8.png]: https://img-blog.csdnimg.cn/img_convert/b77e8d5c93c7dd89e127aecf0b0e40b8.png
[Link 1]: https://jq.qq.com/?_wv=1027&k=SBb7oFqq