前端面试宝典 | 保姆级面试技巧和注意事项分享

Web前端开发行业是伴随Web兴起而细分出来的行业。随着移动技术的发展，未来Web前端的人才缺口会更大，相应的，前端人才的薪资待遇也会非常可观。

不少小伙伴想要入行前端，不管是自学还是培训，经历过朝朝暮暮，到了投简历找工作的阶段了，但是还是会有一些状况出现。

自己投了不少简历，但是收到的面试邀请却特别少；好不容易收到了大厂的面试邀请，但由于对面试流程不清楚，准备的特别不充分，结果也挂了；对于面试官的问题，明明知道该怎么做，但是却说不清楚。这些问题不是个例，很多人都有这样的困扰。接下来小编就分享一些面试技巧和面试的时候一些常见问题，希望能对小伙伴们有帮助。

一、尊重与被尊重

面试是一个很严肃的话题，作为一名求职者应该尊重面试官。着装干净整齐（有的公司会要求西装，但是不是所以公司都会有要求，根据公司情况决定自己面试当天的着装），面试的时候坐姿端正自然，大方得体，不要有翘腿、抖腿、葛优躺等不适合的动作。认真倾听，不卑不亢，谦虚有礼，不要玩手机、回消息、打电话，最好是静音或者是免打扰。

二、面试流程

大致面试流程

笔试（有的没有）

自我介绍

聊技术

问面试者你有什么想问的吗？

前端技术

三、前端技术：

前端技术是整个面试过程中最重要的部分，这决定了你是否能够胜任你所面试的岗位，能够顺利拿到offer。

前端技术面试大致分一下几大方向：

①HTML

1、HTML5新增了哪些内容或API，使用过哪些

2、input和textarea的区别

3、用一个div模拟textarea的实现

4、什么是语义化的HTML?

5、HTML5 为什么只需要写 !DOCTYPE HTML？

6、Doctype作用？标准模式与兼容模式各有什么区别?

7、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和HTML5？

8、请描述一下cookies，sessionStorage 和 localStorage 的区别？

②CSS

1、简要说一下float的特性

2、CSS隐藏元素的几种方法(至少说出三种)

3、CSS清除浮动的几种方法(至少两种)

4、CSS居中(包括水平居中和垂直居中)

5、介绍一下CSS的盒子模型？

6、CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？

7、CSS3有哪些新特性？

8、什么是BFC？

9、如何实现等高布局？

10、li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？

11、伪元素与伪类的区别？

12、响应式布局你是如何实现？如果兼容低版本浏览器你会如何实现？

13、z-index层叠顺序是？

14、过渡与动画的区别是什么？

15、什么是CSS reset？

16、CSS Sprite是什么，谈谈这个技术的优缺点？

17、px与em、rem区别？

18、你能描述一下渐进增强和优雅降级之间的不同吗?

③JavaScript

1、作用域

2、变量提升

3、闭包是什么？你在工作中是否使用过？

4、call与apply区别？

5、手写bind函数？

6、原型与原型链

7、继承，几种继承方式？他们的优缺点？

8、数组基本操作都有什么？

9、设计模式你都知道那些？

10、JavaScript中this是如何工作的

11、箭头函数

12、事件模型及事件代理/委托

13、如何添加、删除、修改节点

14、什么是jsonp？

15、高阶函数

16、js线程你是如何理解的？

17、setTimeout与setInterval有何区别？使用时需要注意什么？

18、什么是隐式转换？需要注意什么？

19、如何将120542.00转换为120,542.00

20、AMD与CMD区别？

④框架vue (vuex、vue-router、ssr)

1、组件传值prop

2、路由

3、vue如何实现双向数据绑定

4、过滤器

5、computed

6、vue生命周期钩子函数

7、插槽react (react-native)

8、render

9、生命周期

10、更改状态State

11、jsx

12、组件传值Propsangularjs

⑤打包工具

1、gulp

2、webpack

⑥代码管理工具

1、SVN

2、Git

上面就是小编大致整理的一些面试题与需要注意的事项，至于打包工具与三大框架更为细致的问题只是列举了方向，没有进行更多更详细的说明。希望以上内容能对小伙伴们有帮助，祝大家都能拿到心仪的offer！

福利来了！职来offer精心总结整理的前端资料，还含有面试辅导资料，包括HTML、CSS、H5+CSS3、JavaScript、JS、react、Vue、uniapp、项目学习等新鲜出炉了！现在起，关注“职来offer”官方公众号，发送信息“领取资料”即可免费自助领取你想要的资料。