- 博客(26)
- 收藏
- 关注
RSS订阅原创 悄悄让你变笨的9个日常习惯，你中招了吗？
你是否感觉自己的思维“带宽”越来越窄？曾经能轻松处理的复杂问题，现在却让你感到力不从心？这种挥之不去的“脑雾”感，可能并非无缘无故。我们常常将认知能力的下降归咎于年龄增长或压力过大，却忽略了那些看似无害的日常习惯。事实上，一些我们每天都在重复的行为，可能正在不知不觉中侵蚀着我们的大脑功能，成为悄悄消耗你脑力的元凶。本文旨在揭示九种有科学依据的生活习惯，它们会如何损害我们的大脑，并提供简单、可行的建议来帮助你扭转局面，重新找回思维的清晰与敏锐。
2025-11-10 14:07:08
801
原创 深入 Vue3 组合式 API：组件复用与业务逻辑封装实践指南
Vue3 引入的组合式 API（Composition API）是对传统选项式 API（Options API）的一次革命性升级，它改变了我们组织和复用组件逻辑的方式。与选项式 API 按功能类型（如datamethodscomputed）组织代码不同，组合式 API 允许开发者按逻辑关注点组织代码，使代码更具模块化和可复用性。自定义 Hook 是组合式 API 中实现逻辑复用的核心机制。一个典型的自定义 Hook 是一个以 “use” 开头的函数，它封装了特定的逻辑功能，并返回相关的状态和方法。
2025-06-26 10:13:26
991
原创 Dapp全栈开发第1讲
区块链基础：去中心化、不可篡改、透明性等核心特征DApp 概念：去中心化应用的定义和特点技术架构：从前端到区块链的完整技术栈开发工具：主要的开发框架和库学习路径：从基础到进阶的学习建议理解这些基础概念对于后续的 DApp 开发至关重要。它们为我们提供了必要的理论基础，帮助我们更好地理解 Web3 开发的独特之处。在下一讲中，我们将学习"开发环境搭建与工具配置"，包括如何安装和配置 Node.js、Hardhat、MetaMask 等必要的开发工具，为实际的 DApp 开发做好准备。
2025-06-13 12:12:52
694
原创 web3开发第15讲
自动从智能合约 ABI 生成 TypeScript 类型生成 React Hooks 用于合约交互支持多种插件（Hardhat、Foundry、React 等）提供类型安全的合约调用方式减少手动编写 ABI 代码的工作量plugins: [hardhat({}),react({}),],});工具优势：自动生成类型安全的 React Hooks，减少手动编写 ABI 代码配置方法：通过配置 Hardhat 和 React 插件代码生成：使用命令生成合约交互代码实际应用。
2025-06-13 11:32:58
911
原创 web3开发第14讲
本地开发环境搭建- 使用 Hardhat 创建本地开发环境合约迁移- 将 Remix 中的合约迁移到本地项目单元测试- 编写全面的合约测试用例部署脚本- 创建自动化部署脚本前端集成- 将本地合约集成到前端项目高级功能- Gas 报告、代码覆盖率、合约验证调试监控- 事件监听和合约交互环境管理- 多网络配置和环境变量管理通过本讲的学习，你已经掌握了完整的本地智能合约开发流程，可以更高效地进行合约开发、测试和部署。本地开发环境为你提供了更多的工具和灵活性，是专业 DApp 开发的重要技能。
2025-06-13 11:13:57
830
原创 web3开发第13讲
在区块链环境中，转账是指在参与者之间转移资产的行为，这些资产可以是加密货币（如比特币、以太坊等）或者其他基于区块链的数字资产（如代币、NFTs 等）。这些转账活动被记录在区块链上，并受到网络共识机制的安全保护。1区块链转账基础概念- 了解转账的基本原理和流程基础转账功能- 使用 wagmi 实现 ETH 转账代币转账- 实现 ERC-20 代币转账功能批量转账- 一次性向多个地址转账收款功能- 生成收款二维码和管理收款记录错误处理- 处理各种交易错误情况安全措施- 输入验证和交易确认。
2025-06-13 11:04:47
911
原创 web3开发第12讲
签名原理：理解为什么需要签名验证以及工作流程前端实现：使用wagmi和Ant Design Web3实现签名功能服务端验签：使用viem库验证签名的有效性高级功能：EIP-712结构化数据签名、防重放攻击安全实践：消息格式规范、状态管理、错误处理用户体验：进度提示、错误处理、加载状态通过签名验证机制，我们可以确保DApp中的用户身份安全，为后续的权限管理和资产操作提供可靠的基础。
2025-06-13 10:52:24
789
原创 web3开发第11讲
DApp 支持多链是指能够在多个区块链平台上运行或与之交互。这意味着 DApp 不仅限于单一的区块链生态系统，而是可以跨越不同的区块链，利用各个平台的特点和优势，以提供更广泛的功能、更好的用户体验或更高的效率。0多链概念：了解了 DApp 支持多链的意义和优势技术实现：学习了跨链桥、侧链、跨链协议等核心技术代码实现：实现了完整的多链 NFT DApp，支持多个区块链网络高级功能：跨链资产查询、跨链转移、批量查询优化用户体验：网络错误处理、交易状态跟踪、性能优化安全考虑。
2025-06-13 10:01:15
1245
原创 web3开发第10讲
我们在之前的课程中实现了在 DApp 连接浏览器插件形式的钱包，但是很多时候用户希望：0使用手机上的钱包应用来连接电脑上打开的 DApp在手机浏览器访问 DApp 的时候也可以连接上手机上的钱包访问 https://cloud.walletconnect.com/注册账户并创建新项目获取项目 ID在配置中替换测试 IDWalletConnect 协议原理：了解了 EIP-1328 协议和中继服务器的工作机制集成 WalletConnect。
2025-06-13 09:44:37
1032
原创 web3开发第9讲
EIP1193 是最早期的钱包连接标准，规范地址：https://eips.ethereum.org/EIPS/eip-1193。它定义了在浏览器中如何通过 JavaScript 与钱包进行交互。0EIP6963 是对 EIP1193 的改进，规范地址：https://eips.ethereum.org/EIPS/eip-6963。它通过事件机制解决了多钱包冲突问题。message.success('钱包连接成功');},
2025-06-13 09:21:44
947
原创 web3开发第8讲
智能合约编译：掌握了在 Remix 中编译合约的完整流程测试网部署：学会了将合约部署到 Sepolia 测试网DApp 集成：实现了新部署合约与前端应用的集成环境管理：建立了多环境配置和管理机制用户体验：添加了错误处理和状态跟踪性能优化：实现了缓存和批量查询监控分析：集成了事件监听和使用统计。
2025-06-13 09:03:34
842
原创 web3开发第7讲
Remix是以太坊官方推荐的智能合约集成开发环境（IDE），适合新手，提供了一个易于使用的界面，可以在浏览器中快速编写、编译和部署智能合约，无需在本地安装任何程序。2{}publiconlyOwner// 重写必要的函数publicviewpublicviewRemix IDE使用- 掌握了官方推荐的开发环境Solidity语法- 学习了智能合约编程语言基础合约开发- 从简单到复杂的NFT合约实现编译部署- 本地和测试网的部署流程测试调试。
2025-06-12 18:14:55
918
原创 web3开发第6讲
Next.js 是一个前端框架，它可以帮助我们快速搭建 React 应用。我们基于 React 和 Next.js 开发完成我们的应用之后，需要将其构建并部署到服务器上，让用户可以访问我们的应用。0这一部分我们引导你基于 Vercel 部署你的应用。Next.js 就是 Vercel 官方在做支持的框架，它提供了一个非常简单的部署方式，你只需要将你的代码上传到 Github 或者 Gitlab 等代码托管平台，然后在 Vercel 上选择你的仓库，它会自动帮你构建并部署你的应用。0。
2025-06-12 18:05:58
641
原创 web3开发第5讲
区块链智能合约的事件和我们传统的应用开发理解的事件概念是有些不同的，区块链本身并没有一个消息机制来向应用发送事件。它本质上是 EVM 上日志的抽象。0event 关键字：声明这是一个事件Minted：事件名称，通常使用过去式参数列表：事件携带的数据：铸造者地址：铸造数量理论基础：理解了智能合约事件的本质和优势合约开发：学会了在智能合约中添加和触发事件前端监听：掌握了使用 wagmi 的Hook实战应用：了解了事件监听在实际项目中的应用场景性能优化：学会了事件处理的优化技巧安全防护。
2025-06-12 17:58:38
1855
原创 web3开发第4讲
理论基础：了解了 DApp 调用智能合约的基本原理实践技能：学会了使用 wagmi 的Hook核心概念：理解了 ABI、合约地址等重要概念实战应用：成功实现了 NFT 余额查询功能这为我们后续开发更复杂的 DApp 功能奠定了坚实的基础。在实际开发中，合约调用是 DApp 的核心功能，掌握这些技能将帮助你构建功能丰富的去中心化应用。
2025-06-12 17:52:38
634
原创 web3开发第3讲
节点服务是 DApp 开发必不可少的服务。它是一个运行在区块链网络上的服务，它可以帮助你与区块链网络进行交互。在 DApp 开发中，我们需要通过节点服务来获取区块链的数据，发送交易等。0除了节点服务，用于测试的 ETH 也是开发中必不可少的部分。通常，我们可以通过水龙头服务来获取。水龙头（Faucet）是一种在线服务，用于提供免费的测试网加密货币（通常是小额的代币），用于在开发环境中进行测试。这些服务通常由测试网官方、开发者社区、节点服务技术供应商等提供。0✅ 理解了节点服务的概念和作用。
2025-06-12 17:41:19
1077
原创 web3开发第2讲
MetaMask 是目前以太坊生态中用户最多的钱包插件，它提供了一个简单的方式，让用户在浏览器中管理自己的以太坊资产，同时也是 DApp 与以太坊网络交互的桥梁。0✅ 理解了 DApp 连接钱包的原理✅ 学会了配置 MetaMask 钱包支持✅ 实现了完整的钱包连接功能✅ 掌握了连接状态的管理✅ 了解了安全注意事项使用 Ant Design Web3 提供的组件可以快速的实现 DApp 的基础功能，恭喜你，我们已经实现了连接钱包的功能！🎉0提示。
2025-06-12 17:02:13
1926
原创 web3开发第1讲
NFT 的基本概念和价值如何购买和查看 NFT如何创建自己的 NFT相关的技术工具和风险NFT 作为数字资产的新形态，正在改变我们对所有权、创作和价值的认知。永远只投资你能承受损失的金额，做好充分研究再参与任何 NFT 项目。
2025-06-12 16:47:11
1992
原创 Vue3 + ArcoDesign 注册登录页面完整教程
本教程将带你从零开始，使用 Vue3 + ArcoDesign 构建一个功能完整的注册登录系统。我们将实现用户注册、登录、表单验证、路由守卫等核心功能。选择以下配置：1.3 配置 ArcoDesign 自动导入1.4 全局样式配置第二步：设计系统架构2.1 项目结构设计2.2 类型定义第三步：状态管理设计3.1 认证状态管理第四步：API 接口设计4.1 认证 API第五步：公共组件设计5.1 认证页面布局组件5.2 表单验证工具第六步：登录页面实现6.1 登录
2025-06-12 15:34:31
889
原创 TypeScript从入门到精通
TypeScript是由微软开发的一种开源编程语言，它是JavaScript的超集，为JavaScript添加了可选的静态类型定义。自2012年发布以来，TypeScript已经成为现代Web开发的重要工具，被广泛应用于大型项目开发中。TypeScript作为JavaScript的超集，为现代Web开发提供了强大的类型系统和丰富的语言特性。基础知识：类型系统、变量声明、函数定义等核心概念高级特性：泛型、映射类型、条件类型等强大功能面向对象：类、接口、继承等OOP概念在TypeScript中的应用。
2025-06-12 13:50:26
732
原创 ES6从入门到精通
ES6是ECMAScript的第六个版本，于2015年6月正式发布。它是JavaScript语言标准的重大更新，引入了许多新的语法特性和内置对象，极大地提升了JavaScript的开发体验和代码质量。ES6为JavaScript带来了革命性的变化，从语法糖到核心特性，每一个新增功能都旨在让开发者编写更清晰、更高效、更可维护的代码。现代变量声明let和const的正确使用函数增强：箭头函数、默认参数、剩余参数语法糖：模板字符串、解构赋值、展开运算符面向对象：ES6类语法、继承、私有字段模块化。
2025-06-12 13:37:36
923
原创 HTML5从入门到精通：现代Web开发完全指南 [特殊字符]
HTML5作为现代Web开发的基石，自2014年正式发布以来，已经彻底改变了我们构建网页和Web应用的方式。它不仅仅是HTML的一个版本升级，更是一个完整的Web平台，为开发者提供了丰富的功能和强大的能力。本文将带你从HTML5的基础概念开始，逐步深入到高级应用，帮助你全面掌握这项核心技术。HTML5（HyperText Markup Language 5）是HTML标准的第五个主要版本。它引入了许多新的语义化标签、多媒体支持、图形绘制能力以及强大的API，使得Web开发更加高效和功能丰富。语义化标签 📝
2025-06-12 11:17:50
898
原创 HTML5从入门到精通：现代Web开发完全指南
*语义化标签**：HTML5引入了如`<header>`、`<nav>`、`<article>`、`<section>`、`<aside>`、`<footer>`等语义化标签，使页面结构更加清晰，有利于SEO和可访问性。<img src="placeholder.jpg" data-src="actual-image.jpg" class="lazy-load" alt="描述"><img src="image-desktop.webp" alt="描述文字" loading="lazy">
2025-06-12 10:25:18
825
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人