Hedy
创作者中心
登录
Hedy
文章
专栏
小书
课程
Hedy
从零开发MCP服务: MCP的简介和入门实践指南
什么是Model Context Protocol (MCP)? MCP(模型上下文协议)是一种为 AI 助手(如聊天机器人或自动化代理)提供访问外部数据和工具的 通用规则(协议)。 传统上,若想让 AI 使用数据库、Web 服务或本地文件,开发者需要为每种连接方式单独编写代码。这意味着每次扩展 AI 功能时,都需为新工具开发专属代码。 MCP 通过 标准化“AI ⇔ 数据
发布于 6天前
阅读数 405
Hedy
in
Google
,
next.js
,
gmail
使用Next.js和Gmail谷歌邮箱实现发送邮件教程
1. 前言 邮件是现代 Web 应用中不可或缺的一部分。无论是注册确认、订单通知,还是营销邮件,发送可靠的电子邮件至关重要。在本教程中,我们将使用 Next.js 和 Gmail(谷歌邮箱) 来构建一个专业的邮件系统。我们将使用 Nodemailer 库与 Gmail 的 SMTP 服务器集成,发送邮件。 2. 配置 Gmail 帐户 要与 Gmail 的 SMTP 服务器集成,我们
发布于 14天前
阅读数 369
Hedy
in
next.js
,
Google I/O
新手教程:在 Next.js中添加 Google 身份验证(使用谷歌登录)
这篇文章将介绍如何为 Next.js应用设置 Google 身份验证,手把手教你如何创建项目,如何使用Tailwind CSS 实现界面。 要求 在开始之前,请确保你已经具备以下条件: Google Cloud账号:使用Google Cloud创建 OAuth 凭据。 我们会从创建项目开始,逐步完成 Google 身份验证的添加。 第一步:创建 Next.js 项目并集成 Tailwind CSS 首先
发布于 112天前
阅读数 1124
Hedy
in
React.js
,
hooks
深入解读 React 19 新增 Hooks:useActionState、useFormStatus 与 useOptimistic
前言 React19发布也有一段时间了,其中,最引人注目的便是三个新的 Hooks,它们已经稳定发布并准备好投入实际开发中。对于开发者来说,这些新功能不仅能简化代码,还能提升应用的性能和用户体验。接下来,我将详细介绍这三个新的 Hooks 及其应用场景。 useActionState useFormStatus useOptimistic 这三个 Hooks 为 React 的状态管理
发布于 114天前
阅读数 1381
Hedy
in
JavaScript
JavaScript中的全新异步剪贴板 navigator.clipboard
使用navigator.clipboard API 让Web应用中的复制粘贴变得更简单。以前,我们依赖 document.execCommand("copy") 来处理剪贴板操作。这种方法是同步的且功能有限——它只能从选中的 DOM 元素中复制文本。此外,它在不同浏览器上的兼容性也不一致。虽然document.execCommand已被废弃,但仍然可以作为旧版浏览器的回退方案。 document.ex
发布于 118天前
阅读数 853
1
2
3
4
5
•••
12
5 / page
Hedy
关注
文章
57
小书
3
点赞
0
粉丝
75
简介:
大家好!我是一位前端开发工程师,拥有6年以上的前端开发经验。我熟练掌握HTML、CSS、JavaScript等语言,能够灵活运用各种前端框架,如Vue、React、Uniapp、Flutter等。我注重理论与实践相结合,能够为学员提供丰富的案例和实践项目,并以生动、易懂的语言为学员讲解前端开发的核心知识和技能。我不仅注重传授技能,更关注学员的职业发展,希望通过我的教学,帮助学员成为一名优秀的前端开发工程师。