- 博客(14)
- 收藏
- 关注
原创 React项目中一些通用的Hooks ( 2 )
效果 => 节流前的数据是实时更新的,节流后的数据是在1s后才会正常显示。该 Hook 用于检测组件的渲染次数,并打印在控制台上。该 Hook 用于监听 DOM 元素是否有鼠标悬停。效果 => 默认值 ( 复制后支持快捷键粘贴 )配合 useWindowSize一起使用。修改后 ( 复制后支持快捷键粘贴 )该Hook用于返回某个延迟更新后的值。用于复制文本到剪贴板的 Hook。用于获取窗口大小的 Hook。
2024-06-20 13:36:34 201
原创 React项目中一些通用的Hooks ( 1 )
该 Hook 用于进行网络请求并获取数据。在组件中发起异步请求,并管理数据的加载状态,使得处理网络请求变得更加简单和方便,这里做了缓存处理,将get请求的数据存储到本地.该 Hook 用于延迟某个值的更新,通常用于处理用户输入的延迟搜索或其他需要防抖的场景。它可以帮助减少不必要的请求或计算,提高性能并提升用户体验。该 Hook 用于在本地存储中存储和检索数据。在组件之间共享和保持状态,并且在页面重新加载时保持数据的持久性。该 Hook 用于获取之前的状态值.再次刷新也不会发送请求了。效果 ==> 字符串。
2024-06-19 01:00:40 274
原创 voerka-i18n 项目国际化
voerkai18n translate --appkey <在百度翻译上申请的密钥> --appid <在百度翻译上申请的appid>如果是使用cra创建的项目要把webpack配置暴露出来,然后在config中配置插件。上述命令会在当前工程目录下创建languages/settings.json。子文件夹中,则会创建在src/languages/settings.json。我这里的都比较简单,具体操作可以看文档,文档讲解的很细致。最后改写一下App.js中的代码。在cra项目中暴露配置可以使用。
2024-06-13 14:40:52 756
原创 Nest实现大文件分片下载( 流式传输 )
它是不固定长度的,服务器不断返回内容,直到返回一个空的内容代表结束 ,浏览器和 http 内置了这个,这就是大文件切片下载,也有人会称流式传输.我们这是使用resource来创建一个CURD的模块,在使用时可以使用简写 resource 对应的是 res。这样生成的CURD,nest会帮我们自动在main中引入模块,我们只负责写具体的业务逻辑就好.或者在已有的nest项目添加一个模块,这里我们使用nest为我们的提供的快捷指令。我们直接在download.controller.ts 写入一下代码。
2024-06-11 11:17:34 368
原创 使用webpack5从0到1搭建React+TypeScript 项目环境(2)
使用webpack5从0到1搭建React+TypeScript 项目环境(2)
2024-01-08 11:27:33 1040
原创 使用webpack5从0到1搭建React+TypeScript 项目环境
记录一下自己使用 webpack5从0到1搭建React+TypeScript 项目环境。
2024-01-07 16:21:57 657 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人