返回 Web3 笔记
Day 58

Day 58:交易模拟器开发(续)

完善交易模拟器:新增多链 Gas 对比面板、交易类型 Gas 估算表、L2 费用展示,代码提交

2025-02-27
Web3交易模拟器GasL2开发Day58Week8

Day 58:交易模拟器开发(续)

日期:2026-03-12 主题:完善交易模拟器——多链 Gas 对比、交易历史估算、L2 费用展示,代码提交


今日目标

类型内容
开发新增 L1/L2 Gas 对比面板、交易类型 Gas 估算表、网络状态指示
优化完善 UI 细节、移动端适配、错误处理
产出代码提交:交易模拟器 V2

新增功能设计

1. 多链 Gas 对比

不同网络完成相同 Swap 的费用对比:

┌──────────────────────────────────────┐
│  多链 Gas 对比 (Swap 交易)         │
├──────────────────────────────────────┤
│                                      │
│  Ethereum    $12.40   ████████████   │
│  Arbitrum    $0.35    █              │
│  Optimism    $0.28    █              │
│  Base        $0.05    ▏              │
│  Polygon     $0.02    ▏              │
│                                      │
│  在 Base 上交易可节省 99.6% Gas    │
└──────────────────────────────────────┘

2. 常见操作 Gas 费速查表

┌──────────────────────────────────────┐
│  操作费用速查(当前网络价格)       │
├──────────────────────────────────────┤
│                                      │
│  ETH 转账        $1.30   21K gas     │
│  ERC20 转账      $4.00   65K gas     │
│  代币授权        $2.80   46K gas     │
│  Uniswap Swap   $11.40  185K gas    │
│  添加流动性      $15.40  250K gas    │
│  Aave 存款       $12.30  200K gas    │
│  NFT Mint       $9-18   150-300K    │
│                                      │
└──────────────────────────────────────┘

实现计划

Day 57 已完成核心功能,Day 58 主要新增:

功能优先级说明
多链 Gas 对比面板P1展示 5 条链的费用对比
操作费用速查表P1各类操作当前费用一览
网络繁忙度可视化P2Base Fee 与历史对比
移动端滑点折叠P2小屏默认折叠高级选项

参考

  • Day 57 交易模拟器基础版
  • EIP-1559 Gas 模型
  • L2 费用对比数据:l2fees.info
  • 博客笔记:/blog/day58-transaction-simulator-v2

完成后

Day 59:案例分析(4)——Friend.tech 增长策略分析,体验 FT 或类似产品,产出产品分析文章#4。