前端面试相关

涵盖前端所有相关手撕题，熟练后面试乘风破浪！！！涵盖前端所有相关手撕题，熟练后面试乘风破浪！！！涵盖前端所有相关手撕题，熟练后面试乘风破浪！！！

什么是模块、模块化的进化过程、模块化的好处、模块规范化（commonjs、AMD、CMD、ES6）及es6模块化详解

像素的定义、视口的分类和定义、px、媒体查询、rem、vw/vh是如何实现响应式布局的，及其优缺点。

react/vue中的key有什么作用？（key的内部原理是什么？）为什么遍历列表时，key最好不要用index? 虚拟DOM中key的作用： 1). 简单的说: key是虚拟DOM对象的标识, 在更

浏览器解析渲染页面 解析HTML，构建DOM树 解析CSS，生成CSS规则树 合并DOM树和CSS规则，生成render树 布局render树（Layout/reflow），负责各元素尺寸、位置的计算

游览器缓存 强缓存：直接使用缓存中的数据 相关字段有expires/cache-control。cache-control优先级高于expires 协商缓存：强缓存失效后，和服务器协商，是否可以使用缓

JavaScript 采用单线程模型，所有任务只能在一个线程上完成，一次只能做一件事。 Web Workers 是 HTML5 提供的一个javascript多线程解决方案

event loop运行机制：遇到异步任务—>交给幕后线程—>幕后线程执行完毕时将其回调函数放入任务队列—>主线程空闲时查找队列是否有任务—>有则拉到栈中执行、无则循环等待

跨域解决方法： CORS postMessage nginx JSONP document.domain+iframe window.name+iframe location.hash+iframe

闭包 回答模板：理解闭包+闭包作用+闭包生命周期+闭包缺点 理解：简单说 闭包=「函数」+「函数内部能访问到的变量」，举个例子：我想实现a++的功能，但是我不想让外部直接操作a（避免外部随意修改a），

typeof A、A instanceof B、Object.prototype.toString.call

git介绍 git 仓库的三个组成部分：工作区（Working Directory）、暂存区（Stage）和历史记录区（History）： Workspace：工作区 Index / Stage：暂存