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

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

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

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

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——二者有什么区别

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（弹性盒布局模型）,以及适用场景？

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.代码的复用

浏览器

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

服务端与网络

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

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值的作用

算法

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

完整版面试题资料免费分享，只需你点赞支持，然后简信我就可以啦

最后

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

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

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