📒 如何切换后端环境
在前端项目中，后端接口请求通常都通过 devServer 代理，这样解决了跨域问题。但是开发的时候经常需要切换后端环境，每次切换都要重启 devServer，这就导致每次都要重新构建，比较麻烦。
一种解决思路是，前端项目中后端接口地址使用 域名，在 系统 host 文件 中配置域名与 IP 地址的映射，这样每次切换后端环境，只需要修改系统 host 文件，然后在浏览器中刷新页面就可以实现切换。
但是每次手动修改 host 文件有点麻烦，可以使用 SwitchHost 工具，一键切换，非常方便。
📒 Vue 3 技术栈
- Vue3.2：核心库
- Vite2.6：官方推出的基于 ESM 的构建工具
- vue-router-next：Vue3 官方路由
- pinia：官方推出的状态管理库
- TypeScript：静态类型检查
- Volar：Vue3 的 vscode 插件
📒 Chrome 调试小技巧
在断点位置按 F9，可以一步一步往下执行，调试源码的时候查看调用栈特别有用。当然很多时候调用栈比较复杂，这时候通过 Performance 面板的火焰图看比较直观，火焰图的宽度代表执行耗时，火焰图的高度代表调用栈的深度。
📒 CommonJS 中的模块导出
CommonJS 规范中只有一种模块导出：module.exports ，而 exports 仅仅只是 module.exports 的引用而已
📒 推荐两个网站
caniuse：查询 api 兼容性codeif：变量命名