从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！

总之，ESLint 是一个强大的工具，可以帮助开发者提高代码质量和一致性，是现代 JavaScript/TypeScript 开发过程中不可或缺的部分。虽然这不是完全关闭 ESLint，但如果您只想在某些文件或行上禁用 ESLint 检查，可以添加特定的注释。1.代码风格检查：ESLint 可以检查代码是否符合特定的编码风格，例如缩进、空格、引号类型等，帮助团队保持一致的代码风格。3.自定义规则：ESLint 允许开发者根据项目需要定义和配置规则，可以启用或禁用特定的检查规则，以满足团队的编码标准。

因为 react、vue都是单页面应用，路由跳转时，就会销毁上一个页面的组件。但是有些项目不想被销毁，想保存状态。比如：h5项目跳转其他页面返回时，页面状态不丢失。设想一个 页面我滑倒了中间，然后跳转到 详情页然后 返回，之前的页面刷新了，回到顶部了肯定不行（搜索条件之类的消失了，滚动条回到顶部了）！比如：pc端项目后台管理项目里点击时 打开一个页签，页签切换，状态页会丢失。每次切换页签都重新请求了接口。

h5、pc端项目避免缓存

在使用 create-react-app 创建的React应用中，默认情况下会生成带有.map文件的打包文件，这些.map文件包含了源代码和调试信息，用于开发和调试过程中进行错误跟踪。然而，在生产环境中，这些.map文件通常是不必要的，因为它们会增加打包文件的大小，而且不会被浏览器使用。默认的打包文件目录截图：map文件很大，部署到生产复制有些不合适，虽然，不影响加载速度，但是占磁盘空间。配置完后需要重新 npm run build!总的来说 方法三最方便。

react 使用环境变量的方法和步骤（dotenv-cli 实现使用环境变量步骤）

react-router v6实现动态的title(react-router-dom v6)

我在首页 useEffect里 请求一个接口，整个页面就在这里请求这一次接口。但 实际上请求了两次。我检查了代码，确定只调用了一次，且我这个页面就是父组件。也就是说，你也可以 不做处理，如果你觉得开发环境请求两次不能接受，可以注释掉 index.js或者 App.js里的严格模式注释掉。我在用 create-react-app时，开发环境，一进页面接口会请求两次或多次。

publicPath: 用于指定构建后静态资源在服务器上的路径。base: 用于指定应用程序的根路径，以确保路由可以正确匹配到对应页面。这两个配置项在部署到非根目录时很重要，可以确保应用的资源和路由正常加载和导航。

react 配置axios

其实 cra里给了个简单的配置代理 就是在package.json里加上proxy就行了。修改时需要 npm start重新运行一下，要不然可能不生效。proxy只能以 http:// 或https://开头 否则会报：示例：比如后端给的完整地址如下：这一段是相同的地址（也就是所有接口都是这个前缀），根据你的接口来定。然后使用即可 比如 axios url直接请求就行代码如下：request就是axios 只是我又封装了一层。

react create-react-app v5配置 px2rem （不暴露 eject方式）

好久没用 create-react-app做项目了，这次为了个h5项目，就几个页面，决定自己搭建一个（ps:mmp 好久没用，搭建的时候遇到一堆问题）。我之前都是使用 umi。后台管理系统的项目 使用 antd-pro框架。实际上antd-pro 是基于umi搭建集成的框架。里面封装好了各种东西，开箱即用。

react create-react-app v5配置 px2rem （暴露 eject方式）

好久没用 create-react-app做项目了，这次为了个h5项目，就几个页面，决定自己搭建一个（ps:mmp 好久没用，搭建的时候遇到一堆问题）。我之前都是使用 umi。后台管理系统的项目 使用 antd-pro框架。实际上antd-pro 是基于umi搭建集成的框架。里面封装好了各种东西，开箱即用。我的环境如下：v5版本 好多问题，有很多 问题，有些插件 里的办法也不适配了（坑很多，很多 time:2023-09-27）。

react create-react-app 配置路由报错(Uncaught TypeError: Cannot read properties of null (reading 'useRef'))

create-react-app v5 配置less