前端面试题1. 如何理解前端模块化？模块化优点：1.解决命名冲突，避免污染全局作用域 2. 按需加载 3.形成依赖关系

javascript相关面试题

CommonJS: 同步加载，一个文件就是一个模块，运行的时候加载并执行js脚本，导出的是一个对象，且为基本类型值的拷贝（即内部有基本值改变了，导出后的值不会改变），会缓存导出的值，只加载执行一次，即下次加载直接从缓存读取。
ES6: 编译阶段就要加载解析，导出相应的接口，导出的是值的引用，内部值改变，导出的值依然会改变。

盒模型：content, padding border margin
标准模型: width = content
IE模型: width = content+padding+border
解决办法：box-sizing: border-box(IE模型) content-box(标准模型)
获取dom的width/height: dom.style.width(只能获取行内元素) dom.getBoundingClientRect().width window.getComputeStyle(dom).width

首次渲染：constructor getDerivedStateFromProps(props, state)//返回一个state对象来更新界面，不更新则返回null componentWillMount() render componentDidMount()
更新渲染： shouldComponentUpdate(nextProps, nextState) componentWillUpdate(nextProps, nextState) render() getSnapshotBeforeUpdate(nextProps, nextState, snapshot) //在组件更新前获取dom的相关属性如scrollHeight 其返回值作为参数传递个componentDidUpdate() componentDidUpdate(preProps, preState)
卸载组件: componentDidUnmount()
父组件渲染了则会导致componentWillRecievedProps(nextProps)触发,且必须在组件挂载后；而getDerviedStateFromProps(props, state)每次组件渲染都会执行该方法
几个will生命周期函数都不安全官方不推荐使用

缓存http头增多，http1.0: if-modified-since expires http1.1:if-match if-none-math etag if-unmodified-since
连接： http1.0: connection关闭 http1.1: connection: keep-alive保持长连接
范围：新增请求头range请求资源的某一范围，返回206(partical content)
错误管理：新增错误码 410资源永久被删除 409请求资源和现有资源冲突
host头：需要带上主机名和Ip地址服务端存在虚拟主机，故需要主机名。

http1.x: spdy(speedy)快速
特点：1. 多路复用，一个连接上有多个请求，加快请求速度 2. 压缩http头，减低网络资源，减轻网络阻塞 3. 使用https加密 4. 服务端主动推送信息，减少不必要的请求和连接 5.每个请求有优先级，优先级高的先处理 1.http2.0基于spdy的一种协议，具体区别如上，但是只为明文传输，故不算区别