web前端面试必看

前言

又到了金三银四的季节，小伙伴们你们是否满足现状，是否能够接受公司给你的加薪、年终奖金。是不是需要看看web前端行情再做打算呢？我根据目前掌握的知识，以及了解到的内容，和面试其他同学的时候注意事项，给出以下建议希望你能够找到更适合的岗位。

尊重被尊重

面试是一个很严肃的话题，作为一名求职者应该尊重面试官。

1. 着装干净整齐（有的公司会要求西装）
2. 面试时候坐姿端正自然，切勿翘腿、葛优躺
3. 认真倾听，切勿玩手机、接电话

面试打分

我们公司面试求职者打分流程是

1. 表达、沟通能力（30%）
2. 技术能力（40%）
3. 礼貌礼节（20%）
4. 其他（10%）

面试流程

大致面试流程

1. 笔试（有的没有）
2. 自我介绍
3. 聊技术
4. 问面试者你有什么想问的吗？

前端技术

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

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区别？

框架

1. vue (vuex、vue-router、ssr)

1、组件传值prop
2、路由
3、vue如何实现双向数据绑定
4、过滤器
5、computed
6、vue生命周期钩子函数
7、插槽

2. react (react-native)

1、render
2、生命周期
3、更改状态State
4、jsx
5、组件传值Props

3. angularjs

打包工具

1、gulp
2、webpack

代码管理工具

1、SVN
2、Git

最后总结

上面是我大致总结的一些面试题与需要注意的事项，至于打包工具与三大框架更为细致的问题没有太多的时间进行详细描述。希望上面的总结对你有用。