web前端面试必看

前言

又到了金三银四的季节，小伙伴们大家是否知足现状，是否可以接受公司给你的加薪、年终奖金。是否是须要看看web前端行情再作打算呢？我根据目前掌握的知识，以及了解到的内容，和面试其余同窗的时候注意事项，给出如下建议但愿你可以找到更适合的岗位。html

尊重被尊重

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

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

面试打分

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

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

面试流程

大体面试流程html5

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

前端技术

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

HTML

一、HTML5新增了哪些内容或API，使用过哪些
二、input和textarea的区别
三、用一个div模拟textarea的实现
四、什么是语义化的HTML?
五、HTML5 为何只须要写 !DOCTYPE HTML？
六、Doctype做用？标准模式与兼容模式各有什么区别?
七、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和
HTML5？
八、请描述一下 cookies，sessionStorage 和 localStorage 的区别？ 

CSS

一、简要说一下float的特性 二、CSS隐藏元素的几种方法（至少说出三种） 三、CSS清除浮动的几种方法（至少两种） 四、CSS居中（包括水平居中和垂直居中） 五、介绍一下CSS的盒子模型？ 六、CSS 选择符有哪些？哪些属性能够继承？优先级算法如何计算？ CSS3新增伪类有那些？ 七、CSS3有哪些新特性？ 八、什么是BFC？ 九、如何实现等高布局？ 十、li与li之间有看不见的空白间隔是什么缘由引发的？有什么解决办法？ 十一、伪元素与伪类的区别？ 十二、响应式布局你是如何实现？若是兼容低版本浏览器你会如何实现？ 1三、z-index层叠顺序是？ 1四、过渡与动画的区别是什么？ 1五、什么是CSS reset？ 1六、CSS Sprite是什么，谈谈这个技术的优缺点？ 1七、px与em、rem区别？ 1八、你能描述一下渐进加强和优雅降级之间的不一样吗? 

JavaScript

一、做用域
二、变量提高
三、闭包是什么？你在工做中是否使用过？
四、call与apply区别？
五、手写bind函数？ 六、原型与原型链 七、继承，几种继承方式？他们的优缺点？ 八、数组基本操做都有什么？ 九、设计模式你都知道那些？ 十、JavaScript中this是如何工做的 十一、箭头函数 十二、事件模型及事件代理/委托 1三、如何添加、删除、修改节点 1四、什么是jsonp？ 1五、高阶函数 1六、js线程你是如何理解的？ 1七、setTimeout与setInterval有何区别？使用时须要注意什么？ 1八、什么是隐式转换？须要注意什么？ 1九、如何将120542.00转换为120,542.00 20、AMD与CMD区别？ 

框架

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

一、组件传值prop
二、路由
三、vue如何实现双向数据绑定
四、过滤器
五、computed
六、vue生命周期钩子函数
七、插槽

2. react (react-native)

一、render
二、生命周期
三、更改状态State
四、jsx
五、组件传值Props

3. angularjs

打包工具

一、gulp
二、webpack

代码管理工具

一、SVN
二、Git

最后总结

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