步骤：在 mysql 官网下了 macOS 的 dmg 安装包，无脑下一步，完成安装。navicat 用的是网上搜到的 15 版本。启动 mysql 之后，用 navicat 连接，报错1045 - Access denied for user 'root'@'localhost' (using password: YES)

经排查是权限的问题，使用命令

1
2

GRANT ALL PRIVILEGES ON *.* TO'root'@'%' IDENTIFIED BY 'mypassword' WITH GRANT OPTION;
flush privileges;

不用<a>标签怎么实现下载功能呢？

我们知道，一般情况下，前端要去请求下载一个文件，一般是直接把地址写在<a>标签里面，可是如果我想在发送请求的时候就直接携带 tokne 校验身份呢？

本文就来介绍一种利用Blob来实现下载功能的方式。

直接上代码

本文介绍 React 登录登出逻辑的一种实现方法。

用户在注册页面进行注册表单提交，正确提交信息后，进入登录页面，登录页面检测用户是否已经登录（此处有多种方法，可以检测 cookie，我用的是检测 localStorage 是否有我登录时存的一个值）。

如果直接在地址栏输入地址，检测到未登录状态，则返回到登录页面。

在开发过程中，可能会遇到代码里面只有一个 axios，但是打开控制台的网络，却发现有两次请求，如下图所示：

点击其中一个请求，发现method并不是指定的GET请求，而是OPTIONS，那是为什么呢？

原来, 允许跨域的时候, 不只是服务端设置Access-Control-Allow-Origin: *，这是普通的请求，除此之外, 还一种叫请求叫preflighted request。

console.log 作为前端工程师非常值得信赖的调试工具，居然失效了？？？没想到啊没想到，console.log 这么个浓眉大眼的家伙，居然也…

先直接上代码

在 React 开发中，有时候会遇到子组件循环渲染导致闪屏的问题，那如何避免呢？

以下代码实现了通过点击父表格某一行的按钮，弹出子表格的模态框以显示子表格及其数据（原代码是父表格有两个按钮，分别弹出不同的子表格，不是本节重点，所以代码没有写那一部分）

前端有一个很常见的需求，就是要把 js 打的包切割，这样用户在访问的时候，可以并行加载多个 js 包，大大提高访问速度，缩短首屏白屏时间。

optimization.splitChunks

直接上代码

很多时候我们在用 Upload 组件上传文件的时候，选择文件后并不想立刻上传，而是要等待其他表单内容一起上传。方法就是不在 action 里面写上传地址，先将文件对象存起来，等 submit 按钮点击事件触发的时候再一起提交到请求地址里面。

直接上代码

首屏白屏时间过长一直是前端优化的主要内容之一，此次优化采用了异步加载的方法。也就是用户输入网址进入首页的时候，只加载首页内容。其他页面等用户进入的时候再加载。

路由配置一直是单页面应用里面很重要的一部分，本文就简单介绍一下

basename 为所有地址添加基础路径

这是一个很常见的需求，当产品要上线的时候，一个域名下有多个系统，那就需要在不同系统下分别统一路径。比如www.example.com/A/testA/与www.example.com/B/testB/，这样后端部署的时候也会很容易。

配置也很简单，只需要在BrowserRouter加上basename属性就行了