git reflog找到要回退的操作idgit reset --hard回退代码到此处最后不得不感叹,虽然代码是用git命令时丢失的，但这个回退的git操作可以将代码随意回退到指定的状态，git的代码管理功能确实很强大，不过千万千万不要乱动git的文件夹，损坏了可能就回退不了代码了。

react-router中没有直接给出拦截路由的方法，需要手动的去监听路由的变化来拦截路由根据上面的要求，可以使用useLocation钩子函数快速实现，useLocation会返回当前路由路径的对象，它包含以下参数当前 URL 的哈希值。此位置的唯一键。当前 URL 的路径。当前 URL 的查询字符串。由或创建的位置的状态值。在跳转前后使用useLocation就可以记录跳转前后的URL路径，再

这里使用create-react-app的脚手架构建项目（结构简洁，基于webpack-cli），成功构建后只需要关注两个部分，package.json中的script脚本，start：启动项目src中的核心文件，index.js: 引入react的依赖,App.js：根组件可以先去除多余的文件index.jsapp.js以上是精简后的文件目录和文件内容，可以看出核心的引入库为react和reac

React 是一个用于构建用户界面(UI)的 JavaScript 库,它的本质作用是使用js动态的构建html页面，react的设计初衷就是为了更方便快捷的构建页面，官方并没有规定如何进行路由和数据获取，要构建一个完整的react项目，我们需要借助一些其他的工具或者整合了react的框架，

在setup函数中，返回的值是不能够被改变的，通过响应式API（ref和reactive）的响应式代理，可以实现传递动态变化的值。响应式API可以让setup中的非响应数据，传递出来，并使其可以响应，从而实现页面的动态编辑，我们可以把ref和reactive看成对数据的特殊赋值，

（TypeScript是Microsoft公司注册商标）Typescript是基于JavaScript实现的，它实现了对js的类型规范，让一些语义化的错误暴露出来，例如,js是弱类型语言，对于变量赋值，引用方面都比较宽松，比如可以将数字变量赋值成字符，使用为声明的属性（返回null或者undefined），都不会产生错误，但是在严格的开发环境下，这种不严谨的规则会留下很大的隐患，将这中类型的错误在

indexedDB是浏览器本地数据库，既然是数据库就能够实现增删改查，了解了indexedDB的基本使用后，我们来实现它的增删改查功能, 这里使用音频文件上传的的示例，来演示本地数据库的增删改查功能，

IndexedDB 是一个浏览器内建的数据库，它可以存放对象格式的数据，类似本地存储localstore，但是相比localStore 10MB的存储量，indexedDB可存储的数据量远超过这个数值，具体是多少呢？默认情况下，浏览器会将自身所在的硬盘位置剩余容量全部作为indexedDB的存储容量，这里差不多就对应这c盘的剩余容量，所以indexDB有第一个特点，；存储的格式，以对象的键值形式存

Node.js 同时支持 CommonJS 和 ES 模块系统（自 Node.js v12 以来）是否使用ES6的导入方式，取决于你是否有一个配置文件，或者就使用require导入。

这个方法的思路是：通过后端不受同源限制的原理拿数据，再将数据返回给自己的页面（因为是自己的后端服务，可以解开同源限制）