一纸忘忧-CSDN博客

原创 Astro 4.12 发布，新增支持服务器岛屿

2021 年，Astro 将岛屿架构的理念带入主流，允许您创建交互式客户端组件的“岛屿”，同时大部分页面都是静态生成的。借助服务器岛屿，我们将同样的架构扩展到服务器。服务器岛屿可轻松结合高性能静态 HTML 和动态服务器生成的组件。完全静态且永不改变。由不频繁更改但比部署更频繁的数据库动态支持。个性化内容，针对个人用户量身定制。在此之前，您必须为所有这些类型的内容选择一种缓存策略，如果页面是登录体验，则通常意味着根本不需要缓存。现在，使用服务器岛屿，您可以同时获得两种方式的最佳效果。

2024-07-22 08:59:48 375

原创常见的面试题：JavaScript 中的两项之和算法

这就是一个非常有趣的算法挑战，有两种不同的解决方案，我们希望这篇文章能更好地为你的下一次面试做准备。你是否曾在面试中被要求解决这个算法问题？如果是的话，请在下方评论中告诉我。

2024-07-19 14:33:26 256 1

原创你不需要总是在 React 中使用 useState

在我审查的一个拉取请求中，我注意到在许多拉取请求中看到的一种模式。React 组件具有多个 UI 状态，例如。相反，请考虑使用有限状态机(FSM) 模式。FSM 只允许有限数量的状态。在上面的 UI 示例中，单个。的状态，它根据服务器发送的 403 状态代码显示用户是否已解锁该功能。通常情况下，开发人员可能会使用。在某些情况下，例如使用 Tanstack 查询来获取数据时，在编写 React 组件时，请务必考虑是否有必要使用。通常情况下，它们是不必要的。这种方法可以避免使用。进行额外的状态管理。

2024-04-28 20:35:23 642

原创在 GitHub 中掌握键盘快捷键的简短指南

你是否知道 GitHub 几乎每页都有键盘快捷键？这篇文章将带你探索 GitHub 的键盘快捷键世界，以及它们如何帮助你快速导航和执行操作。?Ctrl+KCtrl+Alt+KCommand+K注意：并非所有快捷键在每个页面上都可用。当你打开快捷键窗口?时，它将提供当前页面可用的键盘快捷键。

2024-04-27 22:02:01 1196

原创 React 19 测试版发布，时隔两年终于更新了

众所周知，前端开发这个领域日新月异，每隔一段时间就会整出一点新玩意，被戏称做“前端娱乐圈”，圈子里大佬一个比一个卷，都在疯狂的造轮子。然而有这么一位选手，自从 2022 年 6 月发布了最后一次稳定版本后，就一直没有再发布新的版本，它就是大名鼎鼎的前端三大框架之一 React。就在昨日，时隔将近两年，React 突然宣布，React 19 测试版现已在 npm 上发布，随之而来的还有 React 18.3.0 稳定版。下面让我们一起来看看 React 19 测试版有什么新特性吧！

2024-04-26 20:48:15 1078

原创 Node.js 22 发布，原生支持 WebSocket 客户端

昨日，Node.js 官方博客正式宣布 Node.js 22 的发布！新版本亮点包括require()ES 模块、WebSocket 客户端、V8 JavaScript 引擎的更新等！Node.js 22 将在 10 月进入长期支持 (LTS)，但在此之前，它将是接下来六个月的 Current 发布版。下面让我们一起来探索此最新发布提供的新特性和优势，并评估它们对您应用程序的潜在影响。该项目在许多领域继续取得进展，许多新特性和修复程序流入现有的 LTS 发布版。

2024-04-25 20:50:17 1431 2

原创升级 jQuery：努力打造健康的 Web 生态

升级 jQuery 对于维护 Web 应用程序的安全性、性能和兼容性至关重要。通过遵循本指南中概述的步骤，您可以安全地升级到最新版本的 jQuery 并利用其新功能和改进，同时确保您的 Web 应用程序免受任何发现的漏洞的影响。请记住定期检查更新并随时了解新版本，以使您的代码库保持最新状态。

2024-04-24 22:24:32 742 1

原创 Docusaurus 3.2 发布，更快的 MDX 开发体验

Docusaurus 是一个静态站点生成器。它构建了一个具有快速客户端导航的单页面应用程序，利用 React 的全部功能使你的网站具有交互性。它提供开箱即用的文档功能，但可用于创建任何类型的网站（个人网站、产品、博客、营销登陆页面等）。近日，Docusaurus 发布了最新的 3.2 版本，努力减少了在生产模式下构建 Docusaurus 网站所需的时间。在 3.1 和 3.2 之间，Docusaurus 进行了几项更改，使得许多网站的生产构建速度显著加快。下面就让我们一起来看一下新版本还有什么亮点吧。

2024-04-23 21:57:22 770

原创 React 19 带来了 JSX 运行时的重要更新

React 19 带来了革命性的 JSX 元素创建速度提升。升级到最新版本，你将能够享受到更快的应用性能，为你的用户带来更加流畅和高效的体验。不要错过这一重要的性能优化机会，让 React 19 为你的应用注入新的活力！

2024-04-22 20:41:59 577

原创 Zustand 和 React 上下文状态管理

Zustand 是客户端全局状态管理的一个很棒的库。它简单、快速，并且包大小小。然而，有一件事我不一定喜欢它：这些 Store 是全局性的。但这不是全局状态管理的重点吗？要使该状态在您的应用程序中随处可用。不过当我回顾过去几年中使用 zustand 的情况时，我意识到，更多时候我需要在全局范围内将某些状态提供给一个组件子树，而不是整个应用程序。使用 zustand，完全可以（甚至可以鼓励）按功能创建多个小型存储。那么，如果我只需要在仪表板路由中使用仪表板过滤器存储，为什么还要在全局范围内使用它呢？

2024-04-21 14:33:03 1046

原创 Electron 30.0.0 发布，升级 Node 和 V8 引擎

近日，Electron 30.0.0 正式发布！你可以通过进行安装，或者从 Electron 的发布网站下载，继续阅读了解此版本的详细信息。

2024-04-20 13:47:46 933

原创 pnpm v9 正式发布，已停止 Node.js v16 支持

近日，pnpm v9.0.0 正式发布！带来了一系列重大更新和改进，让你的开发体验更加顺畅。现在可以通过来升级 pnpm 到最新版本，接下来让我们一起看一下 pnpm v9 有哪些亮眼的新功能吧。

2024-04-19 13:49:02 1477

原创 Biome 1.7 发布，支持从 ESLint 和 Prettier 迁移

近日，Biome v1.7 正式发布！这个新版本提供了从 ESLint 和 Prettier 迁移的简单路径。它还引入了格式化程序和 linter 的实验性机器可读报告、新的 linter 规则和许多修复。

2024-04-18 10:47:31 976

原创 Quill 2.0 发布：引领富文本编辑体验新里程

自最初的 Quill 1.0 版本发布以来，见证了来自快速发展的初创公司、知名品牌和老牌财富 500 强公司的众多成功案例，这些公司已将 Quill 纳入其面向用户的产品的一些最重要和核心的部分。在我们继承这一传统的基础上，这个新的 Quill 2.0 版本意识到无缝升级对于我们的开发人员社区的重要性，同时也提高了 Quill 的功能、可靠性和开发人员体验。

2024-04-17 14:19:33 1057

原创 Nuxt ESLint 集成模块更新，支持扁平化配置

ESLint 现如今已经成为 Web 开发的必备工具，它可以帮助你捕获错误并在项目中强制执行一致的编码风格。在 Nuxt 框架中，开发团队始终努力为 ESLint 提供开箱即用的体验，使其易于使用、配置并遵循最佳实践。随着时间的推移，Nuxt 和 ESLint 都发生了很大的变化。从历史上看，最终在 Nuxt 中为 ESLint 提供了一些不同的软件包和集成，并且使用哪一个用于什么目的并不总是显而易见的。

2024-04-16 10:46:02 771

原创使用 Fetch API 执行 GraphQL 查询和变体

GraphQL 是从远程服务器查询数据的强大工具，也是我构建 API 的首选方式。对一些人来说，学习它可能有一定难度，因为教程通常使用 Apollo 或 Relay 等工具进行编写。这些工具很不错，但通常更适用于复杂项目。在某些情况下，最好选择更轻量级的方法，并且不要通过添加额外的库增加包大小。在这种情况下，你可以直接使用浏览器中提供的工具，在本快速教程中，我们将使用在你的浏览器中通常可用的fetch。让我们首先简单地回顾一下fetch。

2024-04-15 15:42:58 1285

原创 React 19 的新增功能：Action Hooks

将是简化服务器交互的关键，该挂钩管理表单提交状态并捕获服务器响应。实践中的实用性：想象一个登录过程，可以立即显示服务器响应，例如「登录失败」消息，直接增强用户参与度和反馈。不需要通常的useEffectsetMessage组合。在使用中，可以在表单操作期间处理服务器通信，轻松捕获和呈现服务器响应。

2024-04-14 15:19:32 627

原创在 Next.js App Router 中使用仅在服务端的代码

在 Next.js 应用程序中，保持服务端代码和客户端代码之间的清晰界限至关重要。它确保你的应用程序的完整性、安全性和用户体验。使用和包并遵循最佳实践来加强这种分离并保护你的应用程序。

2024-04-13 13:51:43 881

原创纠正 UX、UI 设计的 7 个常见错误

本文强调了UX和UI设计在数字产品成功中的关键作用，并列举了当前界面设计中常见的错误。这些错误包括导航混乱、设计不一致、字体使用过多、界面无响应、强制注册、动画过多以及忽视用户反馈。为了提升用户体验，设计师应避免这些错误，并确保界面清晰、一致、响应迅速，同时提供便捷的购买流程，并合理利用动画和反馈机制。

2024-04-12 23:33:43 553

原创 Astro 4.6 发布，支持手动设置国际化路由策略

经过发行周的短暂休息，Astro 4.6 现已推出，我们又回到了正常的时间表！此版本包括一个新的手动路由策略用于国际化，对 CSRF 保护进行了实验性支持，开发工具栏新增功能等。要升级现有项目，请使用自动化CLI 工具。

2024-04-11 23:08:23 1187

原创 Node.js 的 5 个常见服务器漏洞

Node.js是一项强大且广泛使用的技术，但了解潜在的漏洞也很重要。通过遵循最佳实践并采取主动措施，你可以确保Node.js应用程序的安全并保护敏感数据。请随意在你的计算机上运行代码片段并进行试验。

2024-04-10 21:48:57 1020

原创 Jpegli 简介：Google 开源的新一代 JPEG 编码库

互联网改变了我们的生活、工作和交流方式。然而，当页面加载缓慢时，它可能会变成令人沮丧的根源。这个问题的核心在于图像的编码。为了改进这一点，Google 推出了，这是一种先进的 JPEG 编码库，它保持了高度的向后兼容性，同时提供增强的功能，并在高质量压缩设置下将压缩比提高了 35%。是一个新的 JPEG 编码库，其设计比传统 JPEG 更快、更高效、更美观。

2024-04-09 23:50:42 925

原创改进 UI、UX 设计的 7 个快速技巧

想要成为资深的 UI 设计师需要很长的时间去锻炼，你应该对整个设计过程有很好的导向，了解整体 UX 和 UI 设计原则，成为 Figma 等原型设计工具的大师等等。另一方面，从快速提示中学习是获得行业标准启发和引导的有效方法，让我们从七个快速技巧开始吧！

2024-04-08 23:51:29 257

原创使用 Cloudflare 和全栈框架实现快速开发

去年 Cloudflare 发布了一系列新功能，使在 Cloudflare 上部署 Web 应用程序变得更加容易，我们看到 Astro、Next.js、Nuxt、Qwik、Remix、SolidStart、SvelteKit 和其他托管 Web 应用程序的大幅增长。近日 Cloudflare 对这些 Web 框架的集成模块进行了重大的升级，使其在开发中使用 Cloudflare 的 D1 数据库、R2 对象存储、AI 模型以及 Cloudflare 开发者平台的其他强大功能的复杂应用程序变得更加容易。

2024-04-07 00:17:03 1000

原创在 Deno Deploy 中使用更简单的新项目创建流程

Deno Deploy 是一个 JavaScript 无服务器应用程序的全球分布式平台，是在 Web 上部署和运行 JavaScript 和 TypeScript 的最简单、最快的方法之一。Deno Deploy 的 JS/TS 和 WebAssembly 代码在地理位置靠近用户的托管服务器上运行，从而实现低延迟和更快的响应时间。它还原生支持说明符，并提供内置的 KV、队列和计划任务程序，可以在全球范围内分布以实现最佳性能。Deno Deploy 一直在通过 Playgrounds 中的新入门教程和。

2024-04-06 18:58:37 543

空空如也

空空如也