前端面试常考汇总

CSS部分：

• 盒模型有哪几种点击查看
• 三栏布局点击查看
• 子元素在父元素内居中
• 实现一个方块从左上角移动到右下角，有几种方法
• 谈谈 弹性布局及其属性点击查看

JavaScript部分

• 跨域及解决方案
• http 协议？GET与POST请求的差别？
• call(), apply(), bind()
• ES6 语法（知道哪些？怎么用的）
  • const,let 与 var 的区别点击查看
  • 箭头函数的特点及作用点击查看
  • promise
• 数组去重，你可以想到几种解决方法点击查看
• 数组遍历点击查看
• 操作数组的一些方法
• 作用域链
• 继承
• js 的一些计算（下面会详述）
• js 有哪些原始类型
• 深度优先遍历和广度优先遍历的实现
• 对象的拷贝实现方法添加链接描述

Vue部分

• 生命周期（ajax请求页面渲染发生在哪一周期）[点击查看]点击查看(https://cn.vuejs.org/v2/guide/instance.html#%E5%AE%9E%E4%BE%8B%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%92%A9%E5%AD%90)
• 双向绑定原理
• 父子组件间通信
• watch 与 computed 的区别
  点击
• ajax 和 promise都是异步的，有何不同？
• 计算属性和 data、methods、watch的异同（当且仅当计算属性依赖的data改变时才会自动计算）

React

• 生命周期
• 定义一个组件时，如何决定要用Function还是Class
• HOC， (非)受控组件，shouldComponentUpdate, React 16的变化

计算机方面

• 计算机网络的层次结构(物理层，数据链路层，网络层，传输层，应用层)