Hedy
创作者中心
登录
Hedy
文章
专栏
小书
课程
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 首先
发布于 22天前
阅读数 212
Hedy
in
React.js
,
hooks
深入解读 React 19 新增 Hooks:useActionState、useFormStatus 与 useOptimistic
前言 React19发布也有一段时间了,其中,最引人注目的便是三个新的 Hooks,它们已经稳定发布并准备好投入实际开发中。对于开发者来说,这些新功能不仅能简化代码,还能提升应用的性能和用户体验。接下来,我将详细介绍这三个新的 Hooks 及其应用场景。 useActionState useFormStatus useOptimistic 这三个 Hooks 为 React 的状态管理
发布于 24天前
阅读数 277
Hedy
in
JavaScript
JavaScript中的全新异步剪贴板 navigator.clipboard
使用navigator.clipboard API 让Web应用中的复制粘贴变得更简单。以前,我们依赖 document.execCommand("copy") 来处理剪贴板操作。这种方法是同步的且功能有限——它只能从选中的 DOM 元素中复制文本。此外,它在不同浏览器上的兼容性也不一致。虽然document.execCommand已被废弃,但仍然可以作为旧版浏览器的回退方案。 document.ex
发布于 28天前
阅读数 167
Hedy
in
Node.js
AsyncLocalStorage:简化 Node.js 中的上下文管理
在 Node.js 异步操作中,使用 AsyncLocalStorage 可以轻松维护上下文,而无需在每个函数间手动传递数据。可以将其想象为一个“存储箱”,它伴随请求流转,携带关键信息,使代码的任何部分都能访问这些数据。 传统方式:手动传递参数 以下是一个未使用 AsyncLocalStorage 的 Express 应用示例,我们需要在多个函数之间传递 userId: // A
发布于 28天前
阅读数 135
Hedy
in
Express
使用 express-intlayer(i18n) 国际化 Express 后端API
为什么需要为后端引入国际化? 为后端引入国际化可以帮助应用程序更有效地与全球用户群交流。通过提供用户偏好的语言内容,不仅可以改善用户体验,还能提高应用的可访问性。以下是一些具体的理由: 本地化错误信息:用用户的母语显示错误信息,减少困惑和压力。 多语言内容支持:为电商网站或内容管理系统提供多语言的内容获取。 本地
发布于 31天前
阅读数 169
1
2
3
4
5
•••
11
5 / page
Hedy
关注
文章
55
小书
3
点赞
0
粉丝
74
简介:
大家好!我是一位前端开发工程师,拥有6年以上的前端开发经验。我熟练掌握HTML、CSS、JavaScript等语言,能够灵活运用各种前端框架,如Vue、React、Uniapp、Flutter等。我注重理论与实践相结合,能够为学员提供丰富的案例和实践项目,并以生动、易懂的语言为学员讲解前端开发的核心知识和技能。我不仅注重传授技能,更关注学员的职业发展,希望通过我的教学,帮助学员成为一名优秀的前端开发工程师。