- 博客(221)
- 资源 (9)
- 问答 (1)
- 收藏
- 关注
原创 react钩子函数总结汇总
通过在浏览器绘制之前同步执行适当的布局更改,你可以防止在使用 useEffect 并且在布局更改和渲染之间有延迟时可能出现的视觉故障。请记住,尽管useLayoutEffect钩子为我们提供了很多有用的东西,但在99%的情况下,你最好还是使用useEffect钩子,因为它由于其异步的性质,常常会有更高的性能。useEffect 的执行时机是在渲染函数执行完成,并在浏览器完成绘制之后,再异步执行,而 useLayoutEffect 会在 DOM 更新之后,浏览器绘制之前同步执行。
2024-04-02 17:32:02 255
原创 React 18中hook函数详解之useState和useEffect
React 18中hook函数详解之useState和useEffect
2024-03-26 18:22:51 1197
原创 tauri启动报错error: package `serde_spanned v0.6.5` cannot be built because it requires rustc 1.67 or new
tauri启动报错error: package `serde_spanned v0.6.5` cannot be built because it requires rustc 1.67 or new
2024-03-12 18:10:26 324
原创 js关于防抖和节流的问题
防抖和节流的话题,无论是在面试还是在实际场景的应用过程中都,是一个出现频率很高的话题。本文就这两个话题,做一个全面的梳理。
2024-03-11 17:57:17 556
原创 JS中使用bignumber.js处理大额数据进行高精度小数运算的实战方法
JS中使用bignumber.js处理大额数据进行高精度小数运算的实战方法
2024-02-26 17:19:49 1231
原创 Bitcoin在浏览器环境下生成HD钱包以及不同地址的生成(一)
HD是Hierarchical Deterministic的缩写,意思是分层确定性。先确定根私钥root,然后根据索引计算每一层的子私钥
2024-01-30 16:41:50 76
原创 区块链当中Bitcoin的Segwit地址生成原理
Segwit地址又称隔离见证地址,Segwit地址有好几种,一种是以3开头的隔离见证兼容地址(Nested Segwit Address),从该地址上无法区分到底是多签地址还是隔离见证兼容地址,好处是钱包程序不用修改,可直接付款到该地址。
2024-01-22 11:28:19 439
原创 如何使用vite框架封装一个js库,并发布npm包
vite也可以作为JavaScript模块打包工具,构建一个JavaScript库,并且使用起来容易上手,配置也简单,打包速度很快,并发布到npm上。
2024-01-10 18:48:32 2367 2
原创 nextjs13配置多个环境,打包不同的环境变量
一开始我看到文档说NODE_ENV === development环境,加载的是.env.development,同理 production 加载的是.env.production,那么我只要设置NODE_ENV在不同环境下是不同的值即可
2024-01-05 17:59:25 1866
原创 CSS样式中汉字和字母分别使用不同字体的方法
不同的操作系统、不同浏览器下内嵌的默认字体是不同的,错误的字体设置会导致页面在不同环境渲染的混乱,选择一套合适的字体是打造优秀网页的第一步。通过本文,我们会介绍字体的知识点,并探索在PC和Mobile两端该如何正确的设置字体。
2024-01-04 12:22:37 1885
原创 在next13当中使用centrifuge5.0.1进行websocket请求
在next项目当中,可以在客户端组件当中使用centrifuge,进行websocket请求。
2023-12-27 10:17:17 868
原创 centrifuge5.0.1版本请求websocket实例
centrifuge提供了一个客户端,可使用纯 WebSocket 或一种替代传输(HTTP 流、SSE/EventSource、实验性 WebTransport)从 Web 浏览器、ReactNative 或 NodeJS 环境连接到或任何一、安转在浏览器中,您可以从CDN导入SDK(替换5.0.0为您要使用的具体版本号,请参阅另请参阅。请注意,浏览器构建目标。,如果您想发送二进制有效负载,请转到部分以了解如何导入具有 Protobuf 支持的客户端。
2023-12-26 18:08:20 641
原创 pnpm的安装及其使用
pnpm(performant npm,意思是高性能的 npm)是 Node.js 的替代包管理器。它是 npm 的直接替代品,速度更快、效率更高。为什么效率更高?当你安装一个包时,pnpm 将它保存在你机器上的一个全局存储中,然后我们从它创建一个硬链接而不是复制。对于模块的每个版本,磁盘上只保存一个副本。
2023-11-19 17:55:07 1351
原创 基于element-plus的选择组件el-select实现下拉加载封装
在vue3项目当中使用element-plus的UI组件el-select选择器,有时候会用到选择器下拉下载的功能,封装一个指令可以进行这样操作
2023-09-20 16:02:37 1378
原创 如何通过以太坊JSON-RPC方式获取ERC-20代币的信息?
根据 ERC20 标准,有 6 个强制函数和 3 个可选函数。将 ERC20 标准视为 Java 接口。如果你想让你的代币成为 ERC20 代币,那么你的智能合约必须实现这 6 个强制方法。可以采用JSON-RPC的方法,获取到对应的代币信息,进而进行转账交易。
2023-08-22 11:21:43 1649
原创 ethers.js:构建ERC-20代币交易的不同方法
我们将探讨如何使用ethers.js将ERC-20令牌从一个地址转移到另一个地址Ethers是一个非常酷的JavaScript库,它能够发送EIP-1559事务,而无需手动指定气体属性。它将确定gasLimit,并默认使用1.5 Gwei的maxPriorityFeePerGas,从v5.6.0开始。此外,如果您使用签名者类,它也会知道如何为您管理nonce。
2023-08-21 17:51:04 1246
原创 vite+react+ts+eslint+prettier构建react开发项目
vite作为脚手架构建react开发项目,使用eslint进行代码规范,prettier进行代码美化,来构建你的项目
2023-06-30 11:27:41 1406
原创 区块链项目当中常用的正则表达式
在区块链项目当中不可避免的要进行表单的提交,尤其是涉及发起交易的的时候,对于比较的数值进行必要的校验是比克避免的,本文就来整理一下,笔者在前端项目当中所使用过的正则表达式。
2023-05-18 17:36:24 273
原创 Bitcoin的Segwit地址
Segwit地址又称隔离见证地址。在Bitcoin Blockchain上,经常可以看到类似bc1qmy63mjadtw8nhzl69ukdepwzsyvv4yex5qlmkd这样的以bc开头的地址,这种地址就是隔离见证地址。Segwit地址有好几种,一种是以3开头的隔离见证兼容地址(Nested Segwit Address),从该地址上无法区分到底是多签地址还是隔离见证兼容地址,好处是钱包程序不用修改,可直接付款到该地址。
2023-05-18 10:14:53 758
原创 ethers的智能合约方法的两个方法allowance和approve的使用
简述两个ethers的合约的两个方法allowance和approve,检查用户是否已经授权我的智能合约中提取他的代币和批准授权的数量
2023-05-18 09:56:25 821 1
原创 npx下载构建nuxt3开发模板失败的解决方案
构建nuxt3出现This is related to npm not being able to find a file.
2023-05-16 14:41:27 3972
原创 ethers的合约函数allowance和approve的使用
在设置批准的时候,可以将值设为最大值ethers.constants.MaxUint256。
2023-05-16 10:56:26 94
原创 vite+ts构建搭建谷歌插件开发环境
所用前端脚手架就是目前最火的vite,以及typescript.本文将着重介绍利用vite+ts的搭建谷歌插件开发的具体过程。很多教程都说的是谷歌扩展v2的配置,本文是 根据最新的谷歌扩展文档开发的v3的开发。
2023-04-07 12:17:06 2489 1
原创 ethers不同版本返回余额的整数值类型,以及对大整数值的处理差异性的比较
以太坊提供的官方库ethers对大整数值的处理有自带的一套方法,但是在目前最新的6v版本和之前广泛使用的5v版本,在查询余额的数值返回类型,以及处理余额整数值方面都有着十分大的差异。本文将着重介绍,这两种版本在返回的数值、以及数值处理方面的不同之处。
2023-04-06 15:28:36 576
原创 ethers不同版本如何构建转账交易
目前,ethers最新的安装的版本是6.3.2。ethers的6v版本和之前通用版本的5v版本在使用有明显的差异。本文就这这两种版本的转账方法使用做个比较和记录。
2023-03-29 15:55:22 488
原创 uni-app在真机调试下兼容ethers的方法
uni-app在真机调试下兼容ethers的方法,uni-app开发跨平台应用程序,项目搭建主要前端框是Uni-app + Vue3 + TS +Vite,项目搭建参考文章Hbuilderx版本是3.6.17。
2023-01-14 18:31:29 1458
typescript.zip
2019-10-31
yarn-1.13.0安装包
2019-03-24
深入理解ES6(高清版,带书签)
2019-02-27
react进阶之路(附带源码和书签目录)
2019-01-18
vue2实践揭秘((vue的入门的最佳捷径))
2019-01-10
vue history 动态;路由刷新出现空白页
2018-05-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人