web前端面试总结

1.js的thes指向
2.箭头函数
3.改变thes指向
4.虚拟DOM是如何工作的
5.受控组件和非受控组件
6.生命周期
7.跨域
8.setState
9.react下标
10.react循环

2次

1.css 居中

2.react 生命周期

Mounting（挂载）、Updating（更新）、Unmounting（卸载）

1. 挂载卸载过程
   1.1.constructor()
   1.2.componentWillMount()
   1.3.componentDidMount()
   1.4.componentWillUnmount ()
2. 更新过程
   2.1. componentWillReceiveProps (nextProps)
   2.2.shouldComponentUpdate(nextProps,nextState)
   2.3.componentWillUpdate (nextProps,nextState)
   2.4.componentDidUpdate(prevProps,prevState)
   2.5.render()
3. React新增的生命周期(个人补充)
   3.1. getDerivedStateFromProps(nextProps, prevState)
   3.2. getSnapshotBeforeUpdate(prevProps, prevState)

BOM和DOM 区别

首先我们来分别看一下bom和dom的概念。

1、BOM是浏览器对象模型

提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，改变状态栏中的文本，对Cookie的支持，IE还扩展了BOM，加入了ActiveXObject类，可以通过js脚本实例化ActiveX对象等等）

2、DOM是文档对象模型

DOM是针对XML的基于树的API。描述了处理网页内容的方法和接口，是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。DOM本身是与语言无关的API，它并不与Java，JavaScript或其他语言绑定。

看完了js中bom和dom的概念后，我们应该可以很容易就能够总结出关于js中bom和dom的区别。

js中bom和dom的区别之一：

1、BOM是Browser Object Model的缩写，即浏览器对象模型。

BOM和浏览器关系密切。浏览器的很多东西可以通过JavaScript控制的，例如打开新窗口、打开新选项卡（标签页）、关闭页面，把网页设为主页，或加入收藏夹，等等…这些涉及到的对象就是BOM。

2、DOM是Document Object Model的缩写，即文档对象模型。

DOM和文档有关，这里的文档指的是网页，也就是HTML文档。网页是由服务器发送给客户端浏览器的，无论用什么浏览器，接收到的HTML都是一样的，所以DOM和浏览器无关，它关注的是网页本身的内容。由于和浏览器关系不大，所以标准就好定了。

js中bom和dom的区别之二：

1、BOM没有相关标准。

由于没有标准，不同的浏览器实现同一功能，可以需要不同的实现方式。对于上面说的功能，不同的浏览器的实现功能所需要的JavaScript代码可能不相同。

2、DOM是W3C的标准。

既然有标准了，大家就要按标准来了。

js中bom和dom的区别之三：

1、BOM的最根本对象是window。

2、DOM最根本对象是document（实际上是window.document）。

es6 新特性

https://es6.ruanyifeng.com/
阮一峰