前端面试详解

git 怎么删除远程和本地分支

（1）使用命令git branch -a 查看所有分支
git push origin --delete Chapater 可以删除远程分支

git branch -d Chapater8 可以删除本地分支

2 闭包是什么？闭包的this指向

闭包就是能够读取其他函数内部变量的函数
变量的作用域分为全局变量和局部变量两种。而JavaScript语言中在函数内部中可以直接读取
全局变量，函数外部无法读取函数内的局部变量。如果想要取得函数内部的变量，就是在函数的
内部再定义一个函数，将函数作为返回值，就可以再函数的外部独去它的内部变量。
闭包的用处一个是可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。所以
可能导致内存泄露

外部函数的this指向调用他的对象, 内部函数的this指向了全局对象

3 vue中的key又有什么作用 不加会怎么样

当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策
略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，
而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元
素。key 的作用主要是为了高效的更新虚拟 DOM
在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性
对操作前后的dom树同一层的节点进行对比，一层一层对比，

4react的context

Context 通过组件树提供了一个传递数据的方法 ，首先使用react.creatContext 创建一个上下文的组件，
将 provider生产者与consumer生产者架构出来，其中provider中有value值放置共享的数据。
当不使用provider时 ，则可在react.creatContext传递一个对象

consumer的使用分为类组件和函数组件 在函数组件中Consumer需要嵌套在生产者下面。
才能通过回调的方式取到value的值 ，而在类组件中，使用 static contextType = MyContext;
则可以使用this.context取得共享的数据

5cookie storage 的区别 什么时候使用

，区别是它是为了更大容量存储设计的。Cookie 的大小是受限的，并且每次你请求一个新的页面的时候 Cookie 都会被发送过去，
cookie 服务器和客户端都可以访问；大小只有4KB左右；有有效期，过期后将会删除
storage 分为localstorage永久性的本地存储本地存储和sessionstorage 会话级别的本地存储
localstorage域内安全、永久保存，在同一域名下的所有页面都可访问localstorage数据，数据除了删除否则永久保存
数据不会随着Http请求发送到后台服务器
sessionstorage是临时的，窗口关闭就没有了

6 react的路由懒加载怎么实现

react.lazy(()=>import(’./app;)
异步加载函数
react.lazy接受一个函数 这个函数需要动态调用import 返回一个promise
之后应该在suspense组件中渲染lazy组件

suspense组件中必须写一个fallback 表示组件未加载之前显示loading