- 博客(239)
- 收藏
- 关注
RSS订阅原创 react组件中useRef声明的变量和let声明的变量区别
特性useReflet数据持久性跨渲染周期保持数据每次渲染会重新初始化触发组件重新渲染不会触发不会触发典型用途保存 DOM 引用或非状态性变量临时存储当前渲染中的局部值常见使用场景DOM 操作、保存计时器等可变数据函数内的计算逻辑、循环等useRef更适合在渲染间保持数据，尤其是需要跨渲染周期存储非 UI 状态的值。let仅在当前渲染期间有效，每次重新渲染都会重置值。
2025-03-25 17:18:49
898
原创 Nginx前端后端共用一个域名如何配置
在 Nginx 配置前端路由时，需要特别处理 history 模式，因为它依赖于 HTML5 的 pushState 功能，而不带 # 的路径直接被 Nginx 视为文件路径。$uri 是nginx 提供的变量，指当前请求的 URI，不包括任何参数，当请求静态资源文件的时候，命中 $uri 规则；在 Nginx 中配置前端和后端共用一个域名的情况，通常是通过路径或子路径将请求转发到不同的服务。后端 API 通过 example.com/api/ 访问。前端静态文件在 /var/www/frontend/。
2025-01-26 11:12:06
751
原创 nginx部署前端项目
2.修改 nginx.conf 中的 location 配置。文件位置：/opt/homebrew/etc/nginx。1.将打包后的前端文件放到nginx目录中。
2025-01-24 17:48:38
262
原创 js中for...in 和 for...of 区别
for…in 用于遍历对象的属性名，适合用于对象，而不适合数组，因为会返回数组的索引。for…of 用于遍历可迭代对象的值，适合用于数组、字符串等集合类数据，而不适用于普通对象。
2024-10-24 15:43:43
331
原创 CSS 常见选择器
选择类名为 container 的所有元素。选择所有 p 标签，并将文字颜色设为蓝色。选择 ID 为 header 的元素。选择所有位于 div 内的 p 标签。选择所有指定类型的 HTML 元素。选择 div 的直接子元素 p。
2024-10-22 12:00:22
554
原创 在mac上通过 MySQL 安装包安装 MySQL 之后，终端执行 mysql 命令报错 command not found: mysql
在 macOS 上通过 MySQL 安装包安装 MySQL 之后，如果在终端中运行 mysql 命令时遇到 command not found: mysql 错误，通常是因为 MySQL 的二进制文件没有被添加到系统的 PATH 环境变量中。
2024-08-08 13:49:21
1052
原创 Node.js实现文件下载
使用 res.writeHead 设置适当的响应头，包括 Content-Type 和 Content-Disposition 以触发下载对话框。使用 fs.createReadStream 创建文件读取流，并通过 pipe 方法将其连接到响应对象 res，从而将文件内容发送给客户端。
2024-07-17 17:21:56
810
原创 js 中 new Worker 报错 Failed to construct ‘Worker‘
原因是浏览器不允许通过本地文件访问使用Web Worker。将项目部署到服务器上或者用node起本地服务访问项目。运行多线程 Web Worker 的时候报错。
2024-07-11 15:41:09
610
原创 Node.js配置静态文件路径
这样就可以通过 http://127.0.0.1:8080/logo.jpg 访问public文件夹下的资源了。Express 会在静态资源目录下查找文件，所以不需要把静态目录作为URL的一部分。/static路径实际上并不存在于文件系统中，但可以通过这个路径去访问资源。
2024-05-27 15:28:41
677
原创 在Windows系统服务器上安装Node.js的步骤
在windows操作系统中，可以使用命令行（cmd）安装node.js。在官网https://nodejs.cn/download下载安装包，以。node-v20.12.0-x64.msi是安装包的名称。输入CMD并按下Enter键，即可进入CMD命令行程序。【第二步】将Node.js安装包上传到服务器。使用cd命令进入刚刚上传安装包所在的目录。【第一步】下载Node.js安装包。【第三步】进入CMD命令行程序。【第五步】安装Node.js。将安装包上传到指定目录。【第四步】进入安装包目录。
2024-05-17 10:11:56
921
原创 react useEffect中removeEventListener没生效问题解决
react useEffect中removeEventListener没生效问题解决
2024-04-26 14:18:18
701
1
原创 安装cnpm报错 request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
http://npm.taobao.org和 http://registry.npm.taobao.org 将在 2022.06.30 号正式下线和停止 DNS 解析。原淘宝npm域名已经停止解析，需要切换至新域名 npmmirror.com。
2024-04-03 16:30:33
7865
1
原创 mac npm install -g 报错问题解决
应该该为：sudo npm i @ant-design/pro-cli -g 再输入密码就行。例如原来的是: npm i @ant-design/pro-cli -g。解决方案：在命令行前面添加sudo获取管理员权限，输入管理员密码就行。原因: 执行命令行命令时没有获得管理员权限。
2024-04-03 16:04:33
325
原创 node res.end返回json格式数据
要运行此代码段，请将其另存为 server.js 文件并在你的终端中运行 node server.js。接口地址是 http://127.0.0.1:3000/api/list。
2024-04-03 11:02:40
508
1
原创 js 双冒号运算符（::）
双冒号左边是一个对象，右边是一个函数。该运算符会自动将左边的对象，作为上下文环境（即this对象），绑定到右边的函数上面。双冒号运算符::是 ES7 中提出的函数绑定运算符，用来取代call()、apply()、bind()调用。
2024-04-01 20:43:51
408
原创 ts函数中this类型声明
如果在函数中使用this,需要在函数的第一个参数中声明this的类型（放在其他参数之前），这样每次调用函数时，ts将确保this的确是你预期的类型。需要注意的是，this的值取决于调用函数的方式，不受声明方式的干扰。
2024-03-26 11:14:20
936
原创 mac 系统如何生成秘钥
1.打开终端，输入 cd ~/.ssh 进入.ssh目录，输入 ls 检查是否已经存在SSH密钥。如果看到类似 id_rsa.pub 的文件，说明已经有一对公钥和私钥，不用新建，直接查看就可以，如果没有需要生成新的密钥。2.在终端输入 ssh-keygen -t rsa -C “你的邮箱地址” ，生成新的SSH密钥。4.在终端输入vim ~/.ssh/id_rsa.pub，查看并复制你的公钥内容。3.在终端输入ssh-add ~/.ssh/id_rsa，添加SSH密钥到 ssh-agent。
2024-03-25 19:43:24
1036
原创 react 获取 antd 中input的值
先证明一个input的变量，然后在input的onChange事件中动态修改这个变量,就可以获取input的值了。
2024-03-25 18:27:13
762
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人