自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

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

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

2024-04-28 20:35:23 534

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

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

2024-04-27 22:02:01 1042

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

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

2024-04-26 20:48:15 857

原创 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 1316 2

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

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

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

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

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

2024-04-23 21:57:22 755

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

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

2024-04-22 20:41:59 568

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

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

2024-04-21 14:33:03 1012

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

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

2024-04-20 13:47:46 872

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

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

2024-04-19 13:49:02 980

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

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

2024-04-18 10:47:31 900

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

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

2024-04-17 14:19:33 943

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

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

2024-04-16 10:46:02 736

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

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

2024-04-15 15:42:58 1259

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

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

2024-04-14 15:19:32 608

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

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

2024-04-13 13:51:43 855

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

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

2024-04-12 23:33:43 539

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

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

2024-04-11 23:08:23 1173

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

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

2024-04-10 21:48:57 963

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

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

2024-04-09 23:50:42 846

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

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

2024-04-08 23:51:29 250

原创 使用 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 953

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

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

2024-04-06 18:58:37 523

原创 使用 HTMX 和 Bun 进行全栈 Web 开发

随着事情变得越来越复杂,我们开始不得不依赖客户端中的 JavaScript,即使使用 HTMX。例如,内联行编辑。我们可能希望使用 JavaScript 执行的某些操作(例如将新行直接插入表中)可以通过 HTMX 交换来完成。HTMX 允许您使用简单的语法做很多事情,然后在必要时回退到 JavaScript。最大的心理变化是从服务器生成 HTMX。您可以选择多种 HTML 或 JavaScript 模板引擎,使这一切变得更加容易。一旦我们习惯使用 HTMX,一切都会变得轻而易举。

2024-04-05 11:49:02 1156

原创 使用 Prisma ORM 和 Cloudflare D1 构建应用程序

自 2017 年推出 Workers 以来,Cloudflare 一直引领边缘计算领域。Cloudflare 最近通过 D1 发布了本机无服务器数据库。我们现在可以使用 Prisma ORM 与 D1 一起构建应用程序。

2024-04-04 10:34:14 889

原创 Prisma ORM 5.12 发布,支持 Cloudflare D1 数据库

昨晚,Prisma ORM 发布了 5.12.0 稳定版本,在此版本中 Prisma ORM 新增了对 Cloudflare D1 的预览支持,现在我们可以选择将本地的 SQLite 数据库逐步迁移到 Cloudflare 上面,从而实现无需额外成本即可构建处理大量用户的应用程序。

2024-04-03 09:18:09 628

原创 Bun 1.1 发布,全面支持 Windows 系统

4 月 2 日,Jarred Sumner 宣布 Bun 1.1 正式推出。Bun 是一个快速、一体化的工具包,用于运行、构建、测试和调试 JavaScript 和 TypeScript,从单个脚本到全栈应用程序。如果您是 Bun 的新手,可以在 Bun 1.0 博客文章中了解更多信息。Bun 1.1 是一个巨大的更新。自 Bun 1.0 以来已有超过 1700 次提交,开发团队一直在努力使 Bun 更加稳定并与 Node.js 更加兼容。现在,Bun 正式支持 Windows 系统。

2024-04-02 09:46:36 1615

原创 坚持日更一个月,不同自媒体平台数据表现如何

可以看出,单从阅读量的角度去排序,得出结论:掘金 > 公众号 > 知乎 > CSDN > 头条号 > 百家号 > 哔哩哔哩 > 企鹅号。从收益角度来说,目前仅有头条号和百家号产生了创作收益,3 月总收益为 5.57 元。只能说期待公众号早日达到 500 粉丝的门槛开通流量主吧,其他平台是不太指望能产生收益了。从编辑内容和发布内容去看,知乎、掘金、CSDN 三者均支持 Markdown 格式的文档,不用担心文档的格式排版、表现最佳;公众号和头条号对富文本格式兼容性表现较好,基本上复制过去就能使用;

2024-04-01 10:29:36 776

原创 2024 年高效开发的 React 生态系统

要使用 React 制作应用程序,需要熟悉正确的库来添加您需要的功能。例如,要添加某个功能(例如身份验证或样式),您需要找到一个好的第三方库来处理它。在这份综合指南中,我将向您展示我建议您在 2024 年使用的所有库,以轻松构建快速、可靠的 React 应用程序。

2024-03-31 10:32:52 1022

原创 Nuxt v4 即将到来!2024 年 Nuxt 发展方向和想法

在 2023 年里,Nuxt 发生了很多事情。 Sébastien 和 Daniel 分享了他们对 Nuxt 所取得的成就以及下一步的发展方向的看法。

2024-03-30 07:43:59 975

原创 Deno 1.42:使用 JSR 更好地进行依赖管理

3 月 28 日,Deno 宣布 1.42 版本正式推出。Deno 的愿景是简化编程,其中一个重要方面就是管理依赖关系。虽然 npm 已发展成为最成功的开源注册表,但使用和发布模块却变得越来越复杂。基于 npm 的成功,JSR 提供​​了一个现代化的、TypeScript 优先且跨平台兼容的注册表,并完全集成到 Deno 中。Deno v1.42 通过和deno add子命令提供更强大的依赖关系管理,可以从 JSR 和 npm 发布和安装模块。

2024-03-29 09:37:37 812

原创 探索 2024 年 Web 开发最佳前端框架

前端框架是用于简化和组织 Web 开发过程的编程语言工具。它们是计算开发架构的一种形式,提供开发人员可以重用以更有效地开发和构建复杂用户界面的结构、设计模式和代码块。模块化:开发模块化组件是前端框架的一个重要方面,因为它们可以通过将其范围分割成更小的部分来处理大型复杂的用户界面,这些部分以后可以重复使用。模块化使协作变得更加容易,因为开发团队可以同时处理系统的不同组件。它还增强了网络组织、可扩展性和维护。效率。

2024-03-28 10:13:53 1858

原创 2024 年排名前 5 的 Node.js 后端框架

自 2009 年以来,Node.js 一直是人们谈论的话题,大多数后端开发人员都倾向于使用 Node.js。在过去的几年里,它的受欢迎程度有所增加。它被认为是美国最受欢迎的网络开发工具,包括 Netflix 和 PayPal 等客户。受欢迎程度增加的原因是加载时间的减少和性能的提高。因此,分析 2024 年排名前 5 的 Node.js 后端框架至关重要。本文将介绍 2024 年排名前 5 的 Node.js 后端框架、它们的功能和常见用例。

2024-03-27 09:57:45 1616

原创 Radix UI 3.0 发布,新的布局引擎

Radix Themes 配备了近 30 种颜色比例,每种都有自己的浅色、深色和 alpha 变体。在内部,颜色系统由 Radix Colors 提供支持。Radix Colors 是一个全面的色彩系统,用于设计美观、易于访问的网站和应用程序。每个比例都经过调整,以提供完全可访问的对比度,每个比例都对应于背景、交互组件、边框和文本。提供您使用过的最美丽、最直观的色彩系统。今天,我们推出了一种新工具,可让您为 Radix 主题创建自己的品牌调色板。

2024-03-26 10:04:18 1087

原创 将 Three 带到 Vue 生态系统,TresJs 中文文档上线

ThreeJS 在创建 WebGL 3D 网站方面是一个奇妙的库,同时他也是一个保持不断更新的库,一些对其封装的维护者,如 TroisJS,往往很难跟上其所有的更新。React 生态系统中有一个令人印象深刻的使用自定义渲染器的解决方案叫 React-three-fiber,它能让你使用一些可重用,独立的对状态做出反应的组件进行声明式的构建你的场景。

2024-03-25 10:24:35 767

原创 Turborepo 1.13 发布!新终端 UI 与本地任务交互

近日,Turborepo 1.13 带来了全新改进的本地开发体验以及其他增强功能,包括turbo scan您可以运行进行更新,或使用开始创建新的项目。

2024-03-25 10:23:35 348

原创 HTML Video 元素在 Vue 中消失的 muted 属性

公司有个新项目由我这边独立选型开发,项目需求是做一个英文的产品展示官网,考虑到项目比较简单且周期不长,最终决定使用 Nuxt 框架来进行开发。开发过程还算顺利,但中途遇到一个 Bug 花了我不少的时间,在网上找了许久,仅能检索到极少数相关内容,都是在 Vue 的 Github 仓库中的 issues,且最终仍未能够找到问题所在,当然这也许并不是 Bug,而是框架本身设计的就是这样。以下是我的解决思路,如果各位大佬有别的见解,请指出交流。

2024-03-25 10:22:48 471

原创 基于 Vite 的静态站点生成器:VitePress 1.0 发布!

前些时间我发了许多关于 Astro 的推文,Astro 团队近期的开发工作较为充实,带来了许多让人眼前一亮的 Feature,比如 Dev Audit UI、主题管理平台、Astro DB 等。与此同时 Vue.js 阵营这边的选手 VitePress 也不甘示弱,就在昨晚,Vue.js 作者尤雨溪宣布 VitePress 1.0 版本正式发布。下面就让我们来了解一下为什么这是构建静态网站的最佳方法之一。

2024-03-22 09:55:44 604

原创 深入探讨 Astro DB 实现细节:它是如何工作的

Astro DB 对其第一次迭代中找到的平衡感到满意,给未来 Astro 本地用例奠定基础,同时提供了一个简单的方式来部署生产数据库。这篇文章中遗漏的一个细节是集成如何能够提供他们自己的表格和数据,希望在继续沿着建立 Astro 内容和插件下一次迭代之路时更多地探索这个问题。要开始集成您的应用程序,请查看文档。参考链接:https://astro.build/blog/astro-db-deep-dive。

2024-03-22 09:54:46 619

原创 JavaScript 运行时层出不穷,谁的兼容性表现最好?

在不同的 JavaScript 运行时中显示 API 的兼容性。数据是使用 mdn-bcd-collector 中的运行时测试自动生成的,并以 MDN 浏览器兼容性数据格式发布。警告:当前数据并非 100% 准确,而是自动生成的。

2024-03-22 09:54:15 560

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除