- 博客(235)
- 资源 (9)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 在react当中利用IntersectionObserve实现下拉加载数据
IntersectionObserver 提供了一种异步观察目标元素在其祖先元素或顶级文档视窗(viewport)中是否可视的方法。intersectionObserver构造函数中传入的回调函数只会在观察的元素的可视状态发生变化后才会执行，很好的解决传统判断可视的方案的性能瓶颈。
2025-03-16 12:32:27
1061
原创 nextjs15使用next-intl实现国际化多语言
在nextjs15当中使用next-intl可以轻松实现国际化，本文将着重阐述，如何在nextjs15使用next-intl。
2025-03-11 23:15:37
455
原创 nextjs15简要介绍以及配置eslint和prettier
Next.js 是一个基于的，用于构建。它由开发和维护，提供了等特性。自问世以来，一直受到众多前度开发者的青睐，其版本也在不断地更新当中，如已经更新到了nextjs15Next.js 提供了此外，还有作为 SSG 的增强版。revalidate如果你需要，但数据又，可以使用revalidaterevalidate。在nextjs15当中配置eslint和prettier。
2025-03-11 16:57:16
1222
原创 详解Ethereum交易当中的Input Data
Input data 字段是以太坊交易的一部分，允许用户在交易中包含其他信息。此字段通常表示为十六进制字符串。每次和以太坊网络交互，不管是直接转账还是调用合约其实都是向以太坊网络发起了一笔Transaction，这个Transaction通过私钥签名并发送至以太坊节点后，以太坊的矿工就会执行这笔transaction。from：代表谁发起的这笔Transaction，一般是你的钱包地址to：向谁发送。如果是转账，to就是你要转账的目标钱包地址；如果这笔交易是调用合约，to就是要调用的合约地址。
2024-11-29 17:37:22
353
原创 一文了解以太坊的MethodID
以太坊依靠一个唯一标识符（称为MethodID或函数选择器function selector）来区分智能合约中的不同函数或方法。MethodID 是函数签名的 Keccak-256 哈希的前 4 个字节(8 个字符,包括0x也就是取前10个字符），用于指定要调用哪些函数。函数签名包括函数名称及其参数类型，它们之间用逗号分隔，中间没有空格。
2024-11-25 17:54:42
232
原创 如何使用uniswap v2 获取两个代币的交易对池子
在 Uniswap V2 中，获取两个代币的交易对池子（即 pair）可以通过以下步骤实现：连接到 Uniswap V2 的合约：你需要与 Uniswap V2 的 Factory 合约进行交互，通过该合约来查找代币交易对。获取交易对地址：Uniswap V2 Factory 合约提供了一个 getPair 函数，可以通过该函数查询两个代币的交易对池子地址。
2024-11-05 16:27:01
480
原创 构建nuxt3项目完美开发环境
Nuxt3 项目集成eslint、prettier、element-plus、i18n、tailwindcss搭建的开发环境模板
2024-08-20 16:09:59
830
原创 如何通过JSON-RPC向以太坊链发送签名交易数据？
在以太坊开发当中，通过web3.js、ethers.js等提供的API方法，都可以完成与以太坊的转账交易。那么如何通过以太坊JSON-RPC与以太坊进行交易呢？在以太坊的JSON-RPC当中，有eth_sendRawTransaction这个方法，可以向以太坊网络提交预签名的交易广播。
2024-07-10 17:54:45
477
原创 Expo构建react-native运行爆出The emulator (Pixel_3a_API_34) quit before it finished opening解决办法
Expo构建react-native运行爆出The emulator (Pixel_3a_API_34) quit before it finished opening解决办法
2024-06-14 17:55:46
512
原创 前端加密的方式汇总
随着信息和数据安全重要性的日益凸显，如何保证信息数据在传输的过程中的安全成为开发者重点关注的内容。前端加密通常是指在浏览器中对各种传输的数据进行各种加密操作。然而前端加密更多的是用来对传输的数据进行简单的混淆，为了确保数据在传输过程中不被轻易的篡改和读取。可供我们选择的加密方式有很多种，需要我们在开发过程中根据实际的场景选择适合自己的加密解决方案。那么，本文将结合应用场景来介绍一下前端开发中常用的加密方法。
2024-05-28 10:35:40
5229
原创 react钩子函数总结汇总
通过在浏览器绘制之前同步执行适当的布局更改，你可以防止在使用 useEffect 并且在布局更改和渲染之间有延迟时可能出现的视觉故障。请记住，尽管useLayoutEffect钩子为我们提供了很多有用的东西，但在99%的情况下，你最好还是使用useEffect钩子，因为它由于其异步的性质，常常会有更高的性能。useEffect 的执行时机是在渲染函数执行完成，并在浏览器完成绘制之后，再异步执行，而 useLayoutEffect 会在 DOM 更新之后，浏览器绘制之前同步执行。
2024-04-02 17:32:02
447
原创 React 18中hook函数详解之useState和useEffect
React 18中hook函数详解之useState和useEffect
2024-03-26 18:22:51
2064
原创 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
773
原创 js关于防抖和节流的问题
防抖和节流的话题，无论是在面试还是在实际场景的应用过程中都，是一个出现频率很高的话题。本文就这两个话题，做一个全面的梳理。
2024-03-11 17:57:17
739
原创 JS中使用bignumber.js处理大额数据进行高精度小数运算的实战方法
JS中使用bignumber.js处理大额数据进行高精度小数运算的实战方法
2024-02-26 17:19:49
4672
2
原创 Bitcoin在浏览器环境下生成HD钱包以及不同地址的生成（一）
HD是Hierarchical Deterministic的缩写，意思是分层确定性。先确定根私钥root，然后根据索引计算每一层的子私钥
2024-01-30 16:41:50
314
原创 区块链当中Bitcoin的Segwit地址生成原理
Segwit地址又称隔离见证地址，Segwit地址有好几种，一种是以3开头的隔离见证兼容地址（Nested Segwit Address），从该地址上无法区分到底是多签地址还是隔离见证兼容地址，好处是钱包程序不用修改，可直接付款到该地址。
2024-01-22 11:28:19
827
1
原创 如何使用vite框架封装一个js库，并发布npm包
vite也可以作为JavaScript模块打包工具，构建一个JavaScript库，并且使用起来容易上手，配置也简单，打包速度很快，并发布到npm上。
2024-01-10 18:48:32
7123
8
原创 nextjs13配置多个环境，打包不同的环境变量
一开始我看到文档说NODE_ENV === development环境，加载的是.env.development，同理 production 加载的是.env.production，那么我只要设置NODE_ENV在不同环境下是不同的值即可
2024-01-05 17:59:25
4178
原创 CSS样式中汉字和字母分别使用不同字体的方法
不同的操作系统、不同浏览器下内嵌的默认字体是不同的，错误的字体设置会导致页面在不同环境渲染的混乱，选择一套合适的字体是打造优秀网页的第一步。通过本文，我们会介绍字体的知识点，并探索在PC和Mobile两端该如何正确的设置字体。
2024-01-04 12:22:37
3204
原创 在next13当中使用centrifuge5.0.1进行websocket请求
在next项目当中，可以在客户端组件当中使用centrifuge，进行websocket请求。
2023-12-27 10:17:17
1114
原创 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
775
原创 pnpm的安装及其使用
pnpm（performant npm，意思是高性能的 npm）是 Node.js 的替代包管理器。它是 npm 的直接替代品，速度更快、效率更高。为什么效率更高？当你安装一个包时，pnpm 将它保存在你机器上的一个全局存储中，然后我们从它创建一个硬链接而不是复制。对于模块的每个版本，磁盘上只保存一个副本。
2023-11-19 17:55:07
2109
原创 基于element-plus的选择组件el-select实现下拉加载封装
在vue3项目当中使用element-plus的UI组件el-select选择器，有时候会用到选择器下拉下载的功能，封装一个指令可以进行这样操作
2023-09-20 16:02:37
1906
原创 如何通过以太坊JSON-RPC方式获取ERC-20代币的信息？
根据 ERC20 标准，有 6 个强制函数和 3 个可选函数。将 ERC20 标准视为 Java 接口。如果你想让你的代币成为 ERC20 代币，那么你的智能合约必须实现这 6 个强制方法。可以采用JSON-RPC的方法，获取到对应的代币信息，进而进行转账交易。
2023-08-22 11:21:43
2131
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关注的人