2025
-
React 新 API 使用(承诺)
本文演示如何使用react 19中的use钩子从promise中读取数据。 链接 演示代码库 代码片段 以下代码展示了如何使用use钩子: import { suspense } from “react”;export default function page() { const messageP…
-
理解 JavaScript 中的作用域
JavaScript 中的作用域和闭包是掌握这门语言的关键基础概念。它们是构造函数、工厂函数和立即执行函数表达式 (IIFE) 等核心机制背后的基石。 本文将通过实际示例讲解 JavaScript 的作用域,后续文章将深入探讨闭包。 作用域与词法作用域 作用域决定了变量在 JavaScript 程序…
-
使用 Supabase 构建生产级 Web 应用程序 – 第 1 部分
(原文发表于程序员宝贝) 本文记录了我在阅读 David Lorenz 的《使用 Supabase 构建生产级 Web 应用》(含附属链接)过程中,完成第二章——使用 Next.js 配置 Supabase 后遇到的问题及解决方法。 第一部分:在 Next.js 中初始化和测试基本 Supabase…
-
让我们创建一个随机颜色生成器!
还在为JavaScript入门学习而苦恼吗?掌握数据类型、逻辑和函数等基础知识后,是不是跃跃欲试,想将技能付诸实践?别担心,本文将带你轻松构建一个随机颜色生成器,开启你的JS实战之旅! 1. HTML框架搭建 首先,我们需要一个基本的HTML框架。使用VS Code,你可以在空HTML文档中输入“!…
-
如何通过 API 使用 AI 与 PDF 聊天



本教程演示如何利用easy-peasy.ai平台的ai聊天机器人api,通过上传pdf(或其他文档格式)实现与文档交互。我们将逐步指导您创建机器人、上传文档、测试机器人知识以及api集成。 为何选择AI与PDF交互? 告别手动搜索冗长PDF文档信息的日子!AI聊天机器人让您轻松上传文档、提问,并快速…
-
增强 JavaScript 代码:使用对象代替 Switch 语句
引言 本文探讨一种替代 JavaScript 中 switch 语句的简洁方法:使用对象。虽然并非所有场景都适用,但在处理多种情况时,这种方法能提升代码的可读性和可维护性。 示例:订单付款状态处理 假设我们需要处理不同付款状态的订单,并根据状态执行不同的操作。 立即学习“Java免费学习笔记(深入)…
-
可用于 Web 应用程序的动画库



动画库速览:七款javascript动画工具推荐 本文将介绍七款常用的JavaScript动画库,它们各有特色,能满足不同Web开发动画需求。 GreenSock动画平台 (GSAP) GSAP是一个功能强大的JavaScript库,用于创建各种Web动画。它支持SVG、UI元素、文本和WebGL动…
-
使用 React 和 TailwindCSS 重新创建 Interswitch 主页
项目概述 构建一个现代且美观的登录页面始终是一项极具挑战性的任务。本项目使用 React 和 Tailwind CSS 重新创建了 Interswitch 的主页,旨在提供一个技术演练,涵盖从项目设置到可重用组件实现和样式化的整个过程。 Vite 项目搭建 鉴于其极快的构建速度和简易性,Vite 被…
-
JavaScript 提升
JavaScript 中的变量和函数声明会发生“提升”(hoisting)。这意味着声明会被移动到作用域的顶部,即使它们在代码中实际出现的位置更靠后。但这只影响声明本身,而不影响赋值。 JavaScript 的提升分为两种类型: 函数提升 (Function Hoisting): 使用 functi…
-
我的 Nextjs 学习之旅:构建真实项目
大家好!我将分享我的 Next.js 学习心得,并对比它与 React.js 的差异。目前我正处于学习阶段,并着手构建一些有趣的项目,希望能为其他学习者提供一些参考。 为何从 React 转向 Next.js? 我最初使用 React,但希望项目拥有更多内置功能。Next.js 吸引我的地方在于它似…