2025
-
使用 TypeScript 添加到脚本
封面图片来源： Daria Kraplak 目录 简介TypeScript 的目标JavaScript 与 TypeScript 的比较总结 简介 在深入了解 TypeScript 之前，让我们先回顾一下 JavaScript！你可能不知道，JavaScript 是在 1995 年诞生的。 最初，它…
-
了解微服务以及它们如何与 React 应用程序集成
微服务架构是一种将大型应用分解成更小、独立服务的设计模式。这些服务可独立开发、部署和扩展，从而提升应用的灵活性和可维护性。本文将探讨微服务的运作机制，以及如何将其与React应用集成，构建高效可扩展的Web应用。 什么是微服务？ 微服务是独立的、松散耦合的服务单元，执行特定的业务功能，并通过API进…
-
在 JavaScript 中创建对象：闭包、原型和 ESlasses
JavaScript 提供多种创建对象的方式，各有优劣及适用场景。本文将通过示例讲解三种常用方法：闭包、原型和 ES6 类。 1. 使用闭包 闭包是指能够访问其词法作用域中变量的函数。利用此特性，我们可以将数据封装在函数内部。 function createPerson(name) { let ag…
-
将 Vite React App 部署到 GitHub Pages 步骤：
将vite react应用部署到github pages的完整指南 本文将引导您完成将Vite React应用程序部署到GitHub Pages的步骤。请确保您的项目已初始化并准备好部署。 第一步：初始化Git并提交代码 使用以下命令初始化Git仓库，添加所有文件并提交到本地仓库： git init…
-
DOM 操作从简单更新到虚拟 DOM
构建 web 应用时，有效更新 dom 以响应用户交互和状态变化是核心挑战。本文通过一个待办事项应用的三种不同实现，探讨了 dom 操作方法的演变。 GitHub 代码：https://www.php.cn/link/745dc8d0c9e067bbcd1e6688a64cfcda DOM 更新方法…
-
使用 esmsh 无需捆绑程序即可进行捆绑
先前文章中，我分享了一些在现代 Web 项目中避免使用复杂开发者工具的技巧，其中包括如何利用 esm.sh 直接从浏览器导入包。 随着依赖项的累积，特别是当依赖项本身也依赖其他库（即传递依赖项）时，您可能会发现初始加载时间受到影响。当然，页面加载后，所有内容都会被有效缓存。但浏览器需要加载许多不同的…
-
Dev Next 是一个使用 Nextjs、Tailwind CSS、Prisma 和 NextAuth 构建的工作平台
Dev Next 项目介绍 Dev Next 是一个使用 Next.js, Tailwind CSS, Prisma 和 NextAuth 构建的开发者工作平台，允许发布职位信息和申请。我们欢迎您的贡献！ 项目地址 https://www.php.cn/link/e2e322ec94862e9e45…
-
使用 Sequelize 迁移添加新列的步骤
为了提升博客平台的视觉效果和用户体验，我添加了一个缩略图列到数据库中，以便在每个文章页面显示文章缩略图。此更新与博客文章显示方式的改变相辅相成：从在一个页面显示所有文章，转变为每个文章拥有独立页面，从而改善了文章数量增多后的导航体验。 缩略图列存储图像链接字符串，这种方式保持了数据库的轻量级，并通过…
-
登台环境与生产环境：了解主要差异
软件开发中的部署流程通常涉及“登台”和“生产”两个关键环境。理解这两个环境的差异对于交付高质量应用和保障用户体验至关重要。本文将深入探讨暂存和生产环境的特点、用途、挑战和最佳实践。 暂存环境详解 暂存环境是生产环境的预演副本，用于测试新功能、更新和配置，确保其在上线前按预期运行。它如同安全网，帮助开…
