Vue中动态路由的实现思路？ Vue的路由守卫是如何做到拦截的？ Ajax的响应状态readyState有哪些？分别什么意思？ React中循环渲染元素key的作用？ Js原生方法重写怎么实现？ 销毁生命周期在什么时候使用？项目中那用过？ 项目中遇到跨域怎么处理的？为什么会存在跨域？ React封装组件的详细过程？ Webpack的打包流程？ Webpack打包如何性能优化？

1. Vue中动态路由的实现思路：

动态路由可以通过在路由定义时使用冒号加参数名的方式来实现，例如：

{
  path: '/user/:id',
  component: User
}

在组件中可以通过 `$route.params.id` 来获取路由参数。

2. Vue的路由守卫是如何做到拦截的？

Vue的路由守卫是通过在路由对象中定义一组钩子函数来实现的，包括全局守卫、路由独享守卫、组件内守卫等。这些钩子函数可以在路由跳转前、跳转后、跳转过程中等不同阶段进行拦截和处理。

3. Ajax的响应状态readyState有哪些？分别什么意思？

Ajax的响应状态readyState有以下五种：

- 0：请求未初始化
- 1：服务器连接已建立
- 2：请求已接收
- 3：请求处理中
- 4：请求已完成，且响应已就绪

4. React中循环渲染元素key的作用？

在React中循环渲染元素时，需要为每个元素添加一个key属性，用于帮助React区分不同的元素，从而提高渲染性能和优化用户体验。

5. Js原生方法重写怎么实现？

可以通过给原生方法的prototype对象上添加自定义方法来实现原生方法的重写。例如，可以给Array.prototype对象上添加一个自定义的方法，来重写数组的原生方法：

Array.prototype.push = function (item) {
  console.log('pushing', item)
  // 调用原生push方法
  Array.prototype.push.call(this, item)
}

6. 销毁生命周期在什么时候使用？项目中那用过？

销毁生命周期包括 `beforeDestroy` 和 `destroyed` 两个钩子函数，用于在组件销毁之前和销毁之后执行一些清理操作。例如，可以在 `beforeDestroy` 中取消定时器、解绑事件等，避免内存泄漏。

在项目中，我曾经在一个音乐播放器组件中使用过销毁生命周期，用于在组件销毁时停止播放音乐、清空播放列表等操作。

7. 项目中遇到跨域怎么处理的？为什么会存在跨域？

跨域是指在同一域名下使用不同协议、不同端口、不同子域名等方式进行请求时，浏览器会禁止跨域访问。常见的解决跨域问题的方式有：

- JSONP：通过在URL中添加callback参数，让服务器返回一段JavaScript代码，浏览器执行该代码从而实现跨域请求。
- CORS：在服务器端设置Access-Control-Allow-*等头部信息，允许跨域访问。
- 代理：通过在自己的服务器上进行数据请求，从而避免浏览器跨域访问的问题。

跨域问题存在的原因是浏览器的同源策略，为了保护用户隐私和安全，浏览器限制了不同源之间的访问。