11.如何在 NextAuth 的 authorize 函数 / CredentialsProvider 中处理错误

8 月 30 日
阅读 6 分钟
239
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读本章的所有代码都可以在 GitHub 上找到,分支为 credentialssignin。[链接]在当前状态下,应用程序实际上是可用的,只要你输入正确的电子邮件/用户名和密码即可。但我们尚未进行任何错误处理。那么,如果我们输入了错误的密码,会发生什么?让我们试一试。运行应用程...

React Native 0.75 重磅发布:性能飞跃与重要更新全面解析

8 月 29 日
阅读 4 分钟
604
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读React Native 0.75 的发布标志着一个重要的里程碑,该版本通过一系列有影响力的更新和更改,旨在提高性能、稳定性和整体开发者体验。以下是此版本中包含的增强功能、新特性和重大更改的全面概述。亮点 🚀Yoga 3.1 的增强和布局改进React Native 0.75 引入了 Yoga 3.1,...

新消息:Node.js 终于内置 TypeScript 支持

8 月 29 日
阅读 3 分钟
790
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读令人兴奋的消息!Node.js 终于迎来了原生的 TypeScript 支持!是的,现在你可以在 Node.js 中直接使用 TypeScript 类型了。看来我可以把 typescript 和 ts-node 扔进垃圾桶了。❌ 在此之前:Node.js 只支持 JavaScript 文件。像下面这样的代码根本无法运行:尝试运行时...

10. NextAuth CredentialsProvider:登录

8 月 29 日
阅读 9 分钟
275
现在我们将把凭据认证流程添加到我们的项目中。所谓凭据认证,就是传统的通过电子邮件和密码登录的方法。NextAuth 将其称为 "CredentialsProvider",而 Strapi 称之为本地认证。以下是我们需要的内容概述:

09 如何为 NextAuth 的 GoogleProvider 添加错误处理

8 月 28 日
阅读 7 分钟
323
这一章比较棘手,因为我们需要引入一些新的概念。此外,NextAuth 提供的错误反馈非常有限,这让人有些困惑。我们将从一些稍微偏题的点开始,然后回到错误处理上来。

React Native中通知权限的错误处理

8 月 27 日
阅读 2 分钟
326
在React Native中,处理权限有时可能会很棘手,尤其是当权限返回为null时。这种情况经常发生在权限系统配置不当或请求/响应周期出现问题时。在这篇博文中,我们将探讨权限可能为null的常见场景,以及如何有效地处理和调试这些情况。

在JavaScript中从外部解决Promise:实际应用场景

8 月 27 日
阅读 3 分钟
675
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读这是JavaScript中那些在现实世界中极其强大的酷炫技巧之一。强大的实际应用场景动作(A)等待另一个动作(B)A正在进行,但用户想做B,而A需要先发生。例如:社交应用,用户可以创建、保存和发布帖子。就像Medium。 {代码...} 如果用户想在帖子保存时发布怎么办?解决方案...

JavaScript 中的 bind()、apply() 和 call():鲜为人知的差异

8 月 26 日
阅读 3 分钟
426
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读每个开发者都应该充分理解它们的工作原理,并能够辨别它们之间的微妙差异。首先要知道,JavaScript 函数是“一等公民”。这意味着它们都是对象值——所有函数都是 Function 类的实例,拥有方法和属性:因此,bind()、apply() 和 call() 是每个 JavaScript 函数都具备的三...

(06)使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南

8 月 26 日
阅读 9 分钟
346
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读08. 使用 NextAuth 的 GoogleProvider 将用户添加到 Strapi 数据库本章的最终代码可以在 GitHub 上找到(分支:callbacksForGoogleProvider)。[链接]我们需要使用 jwt 回调函数将用户添加到 Strapi 的数据库中。我们也知道在什么时候执行这个操作。在上一章中,我们...

(05)使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南

8 月 26 日
阅读 5 分钟
253
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读07.NextAuth 回调函数详解本章的最终代码可以在 GitHub 上找到(分支:callbacksForGoogleProvider)。[链接]NextAuth 会在客户端(浏览器)中创建一个 JWT token 并将其设置在 cookie 中。除此之外,NextAuth 还允许我们通过客户端组件 useSession hook 或服务器组件...

为什么在JavaScript中['1', '5', '11'].map(parseInt) 返回 [1, NaN, 3]

8 月 25 日
阅读 3 分钟
265
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读他接下来看到的东西震惊了他:这怎么可能呢?parseInt是不是坏了? map() 是不是有bug?他惊慌地抬头看,引来了Jake尖锐而令人不安的笑声。Alex自称编程高手,以快速编码和简洁代码为傲。尽管刚进入这个行业不久,他总是认为自己比团队其他人都强,固执地我行我素;所有善意的...

React Hook Form:指南与示例

8 月 23 日
阅读 14 分钟
607
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读表单是用户与网站和Web应用程序交互的重要组成部分。验证用户通过表单提交的数据是开发者的一项关键职责。React Hook Form是一个帮助在React中验证表单的库。它是一个没有其他依赖项的精简库,性能优越,使用简单,开发者可以比使用其他表单库写更少的代码。在本指南...

JavaScript 中的 7 个新 Set 方法:`union()`、`intersection()`,以及其他 5 个

8 月 23 日
阅读 2 分钟
325
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读我们坦诚一点:你可能对 Set 并不怎么关心!至少直到现在……Set 从 ES6 就已经存在了,但通常它们只是用来确保列表中没有重复项。然而,随着这7个即将推出的内置 Set 方法,我们可能会发现自己更加频繁地使用它们。1. union()Set 的新方法 union() 为我们提供了两个集...

10个你应该立即卸载的VS Code扩展

8 月 22 日
阅读 7 分钟
304
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读你知道你现在有多少个VS Code扩展吗?我:多达56个。如果你发现VS Code随着时间变得越来越慢、越来越耗电,那么这个数字可能就是原因所在。因为每一个新的扩展都会增加应用程序的内存和CPU使用量。编程已经够具有挑战性了;没有人需要再与这样的事情抗争:所以我们需...

(04)使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南

8 月 22 日
阅读 8 分钟
329
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读06.NextAuth:创建自定义登录页面到目前为止,我们一直在使用 NextAuth 提供的默认登录页面。但我们遇到了两个问题:这个页面不美观,无法自定义。页面会重新加载,影响用户体验。为了解决这些问题,我们将实现一个自定义的登录页面。为此,我们需要完成以下几步:创...

使用 `<template>` HTML 标签的 10 个重要技巧

8 月 21 日
阅读 7 分钟
405
&lt;template&gt; HTML 标签是一个功能强大但经常被忽视的元素。它允许你定义可重复使用的内容,这些内容可以被克隆并插入到 DOM 中,而不会在最初渲染。这一功能在创建动态、交互式 Web 应用时尤为有用。在本文中,我们将探讨 10 个有效使用 &lt;template&gt; 标签的技巧,帮助你在项目中充分发挥其潜力。

理解 React Native 工作区中的 `nohoist`

8 月 21 日
阅读 3 分钟
317
在 monorepo 设置中管理依赖项可能具有挑战性,尤其是在处理 React Native 项目时。Yarn Workspaces 为在单一仓库中管理多个包提供了强大的解决方案。然而,有时将依赖项提升到根 node_modules 的默认行为可能会导致问题,特别是在 React Native 中。这就是 nohoist 功能派上用场的地方。

使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(03)

8 月 21 日
阅读 5 分钟
433
这是使用 GoogleProvider 进行 NextAuth 基本配置的第二部分。本章的最终代码可以在 GitHub 上找到(分支:basicgoogleprovider)。

为什么你应该停止使用"传统"的margin和padding来设置CSS样式

8 月 20 日
阅读 2 分钟
284
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读随着使用网络的人比以往任何时候都多,确保网络体验对所有用户都可访问的需求变得更加迫切。这包括从从不同方向/角度((从右到左,从上到下等)。当添加传统的 margin 和 padding 时,你明确地定义了来自各个方向(上、下、左和右)的边距和填充。这可能会在你的区域...

使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(02)

8 月 20 日
阅读 7 分钟
647
NextAuth 是一个开源的身份验证解决方案,适用于全栈(Next)应用程序。它支持不同的登录方式,如 OAuth 提供商(如 Google、GitHub 等)、凭据(经典的邮箱 + 密码)以及邮箱登录(通过用户点击的 "魔法链接")。它还提供不同的数据库适配器,可以直接将登录信息存入特定的数据库(如 MongoDB)或与 ORM(如 Prisma)集...

使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(01)

8 月 20 日
阅读 5 分钟
343
最近开始研究 Strapi,这是一个无头 CMS。由于它仅提供后端,前端部分包括身份验证流程需要你自己构建。显然,你不会想自己构建这些,而是使用市场上的某个身份验证库。

ES10中7个最具变革性的JavaScript特性

8 月 20 日
阅读 3 分钟
338
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读JavaScript在过去10年里取得了长足的进步,每一年都有全新的功能升级。还记得我们以前是这样创建"类"的吗? {代码...} 是的,变化很大!让我们来看看ES10(2019年)中引入的7个最重要的特性,看看你是否错过了其中一些。1. 即时模块化:动态importES10那年很棒,impor...

如何用知名Symbol黑掉JavaScript(5种方法)

8 月 15 日
阅读 3 分钟
182
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读他们称之为知名符号 — 尽管大多数开发者从未使用过它们,甚至从未听说过它们。这是一个非常酷的功能,你可以用它来实现这样的魔法:你将看到我们如何使用知名 Symbol 构建这些类来实现这一点。它们全都是关于完全定制内置操作(如for..of)的正常行为。这就像C++和C#...

如何在React Native中下载PDF文件并与社交应用分享

8 月 15 日
阅读 4 分钟
287
React Native是一个流行的框架,用于使用JavaScript构建跨平台移动应用。移动应用中的一个常见需求是下载文件(如PDF)并与其他应用分享的能力。本博客将指导您完成在React Native应用中下载PDF文件并与社交应用分享的过程。

您的应用不符合 Google Play 政策:应用状态 — 已拒绝

8 月 13 日
阅读 2 分钟
460
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读引言对任何应用开发者来说,收到 Google Play 的拒绝通知都可能是一个令人沮丧的经历。"您的应用不符合 Google Play 政策"这一消息清楚地表明您的应用中有些内容违反了 Google 的指导原则。在这篇博文中,我们将探讨此类拒绝的常见原因,如何识别和解决问题,以及确保...

ES14中5个最具变革性的JavaScript特性

8 月 13 日
阅读 3 分钟
426
JavaScript在过去10年里取得了长足的进步,每年都有全新的功能升级。让我们来看看ES14(2023年)中引入的5个最重要的特性,看看你是否错过了其中一些。

成为顶尖1%前端开发者的10项必备技能

8 月 11 日
阅读 3 分钟
403
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读从你可能已经熟悉的前端基础开始;然后进入关键技能,如使用浏览器开发工具和利用AI快速编码。包括99%的开发者忽视的宝贵通用技能。注意这里的重点是实际行动而非仅仅是理论知识 — 因为这才是真正重要的。如果遗漏了什么,请告诉我!😉1. HTML基础:创建基本功能性网页...

你实际上可以用这5种方式打破 JavaScript 中的 forEach 循环

8 月 8 日
阅读 3 分钟
845
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读你能在 JavaScript 中跳出 "forEach" 循环吗?这是一个很棒的问题,可以挑战你对 JavaScript 的真正了解程度。因为我们不是在讨论 for 循环 — 否则这将会非常简单:你只需要使用 break:但你不敢在 forEach 中这样做,否则会发生灾难:那 return 呢?嗯...你认为这里...

你实际上(永远)不需要 if 语句

8 月 8 日
阅读 5 分钟
304
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读当然,它们是创建控制流的一种简单方式,但你可以写数十亿行条件 JS 代码而不使用一个 if 语句。在许多情况下,使用不同的结构可以更清晰地表达你想做的事 — 只要我们还在为人类编写代码,这就是我们不能忽视的。更不用说更低的冗长度和更短的代码了...所以:让我们看...

使用 react-native-awesome-alerts 升级 React Native 中的警告框

8 月 7 日
阅读 5 分钟
283
在移动应用开发中,用户体验至关重要。警告系统是用户交互中一个经常被忽视的方面。虽然 React Native 中的默认 Alert 组件功能齐全,但它缺乏自定义性和美观性。这就是 react-native-awesome-alerts 发挥作用的地方。本文将探讨如何在 React Native 应用中集成和使用 react-native-awesome-alerts,以提供更具吸引力和...