react
溪i
这个作者很懒,什么都没留下…
展开
-
reat scroll full page
react-page-scroller原创 2024-04-18 12:58:27 · 995 阅读 · 0 评论 -
jwt的基本介绍
JSON Web Token 简称JWT,在HTTP通信过程中,进行身份认证。/*** 实现流程:* 用户登录,服务器产生一个token(加密字符串)发送给前端,* 前端将token保存(想存哪就存哪)* 前端发起数据请求时携带token* 服务端验证token是否合法,合法继续操作,不合法终止操作* token的使用场景:无状态请求,保持用户的登录状态,第三方登录(token+auth2.0)*///提交表单默认会跳转到新的页面,或者刷新整个页面//1.阻止默认事件。原创 2023-10-07 21:01:30 · 871 阅读 · 1 评论 -
文件格式转换
把我的悲惨故事说给大家乐呵乐呵:老板让运营把一些数据以json格式给我,当我看到运营在石墨文档上编辑的时候我人都傻了,我理解运营的艰难,可我也是真的难啊,在石墨文档编辑的眼花缭乱的,很多属性都错乱了(诸如把名字赋值给了爱好)。挨个调整半天,这种经历我可不想再来一次,考虑到后续还会使用,我决定写个工具给运营。原创 2023-10-07 20:44:00 · 188 阅读 · 0 评论 -
useMemo
原创 2023-09-23 23:09:26 · 40 阅读 · 0 评论 -
useCallBack
(当然组件内部的state 和 context 变化也会导致组件重新渲染),但咱们只要将咱们的子组件包裹,便可以保证Child组件在props不变的情况下,不会重新渲染。React.memo 保证了只有props发生变化时,该组件才会重新渲染。原创 2023-09-23 22:58:48 · 167 阅读 · 0 评论 -
useState
不可变数据就是不可以直接去修改它的值,而是要通过复制他的值,并且产生一个新的对象的方式来得到一个新的数据,这个新的数据包含了你要修改的部分。React无法感知到数组内容的变化,必须使用一个新数组替换旧数组(引用不一样就行,就比如{} {}两个对象虽然都是空的,但是引用不一样)简言之就是不可变数据,不可以直接修改,若要修改,必须对它进行一份复制,无论是浅复制,还是深复制。在JS中,如果往数组里追加一个数据,数组的引用是不会变的,它仍然指向原来的地址。也可以使用扩展运算符,将数组转化为逗号分隔的参数序列,原创 2023-08-31 00:55:11 · 142 阅读 · 0 评论 -
react图片预加载
图片预加载的原理:new一个image对象,用这个对象加载图片,等这个对象将这个图片请求完后,再将这个图片放入原本应该放置的位置。道阻且长,行而不辍,未来可期。原创 2023-08-27 22:41:13 · 1179 阅读 · 0 评论 -
countDown+react+hook
因此,使用 requestAnimationFrame 实现的动画或定时器,在页面不可见或失去焦点时会自动暂停,直到页面重新可见或获得焦点时才会继续执行。这是浏览器的默认行为,无需额外处理。需要注意的是,requestAnimationFrame 返回一个标识符(或称为句柄),可以使用该标识符来取消动画帧请求,使用 cancelAnimationFrame 函数进行取消操作。结论:竟测试,从图中确实可以看出,当离开页面的时候,requestAnimationFrame中的代码暂停执行,减少了资源的消耗。原创 2023-08-24 21:50:31 · 618 阅读 · 0 评论 -
wagmi的基本使用方法
wagmi的基本使用原创 2023-04-10 22:44:00 · 2401 阅读 · 0 评论 -
前端批量导出图片并打包压缩
批量下载并打包原创 2023-02-01 01:14:03 · 832 阅读 · 0 评论 -
原生input上传图片
input上传图片原创 2022-12-26 23:34:35 · 191 阅读 · 0 评论 -
解决自定义 Antd Form 表单控件 获取值的问题
antd form表单控件获取值的问题原创 2022-12-26 23:27:18 · 1208 阅读 · 0 评论 -
前端调用Aptos钱包的基本用法二
apto的基本用法原创 2022-11-26 23:55:08 · 178 阅读 · 0 评论 -
前端调用Aptos钱包的基本用法一
Aptos钱包原创 2022-11-26 23:39:46 · 231 阅读 · 0 评论 -
Buffer is not undefined
React Buffer is not undefined原创 2022-11-26 21:30:28 · 548 阅读 · 0 评论 -
Failed to parse source map... Error: ENOENT: no such file or directory
Failed to parse source map原创 2022-11-26 18:34:56 · 753 阅读 · 0 评论 -
Apots和sui钱包遇到的问题
web3 安装钱包时遇到的版本兼容性问题原创 2022-11-26 18:31:52 · 337 阅读 · 0 评论 -
@reduxjs/toolkit的基本用法二
redux toolkit原创 2022-11-25 21:17:34 · 426 阅读 · 0 评论 -
@reduxjs/toolkit的基本用法一
react redux toolkit原创 2022-11-25 21:16:32 · 880 阅读 · 0 评论