Web前端开发行业是伴随Web兴起而细分出来的行业。认真倾听，不卑不亢，谦虚有礼，不要玩手机、回消息、打电话，最好是静音或者是免打扰。如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？CSS3新增伪类有那些？
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！
