<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ikxin的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ikxin</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ikxin]]></copyright><item><title><![CDATA[Astro 4.12 发布，新增支持服务器岛屿]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/140599894</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/140599894</guid><author>ikxin</author><pubDate>Mon, 22 Jul 2024 08:59:48 +0800</pubDate><description><![CDATA[2021 年，Astro 将岛屿架构的理念带入主流，允许您创建交互式客户端组件的“岛屿”，同时大部分页面都是静态生成的。借助服务器岛屿，我们将同样的架构扩展到服务器。服务器岛屿可轻松结合高性能静态 HTML 和动态服务器生成的组件。完全静态且永不改变。由不频繁更改但比部署更频繁的数据库动态支持。个性化内容，针对个人用户量身定制。在此之前，您必须为所有这些类型的内容选择一种缓存策略，如果页面是登录体验，则通常意味着根本不需要缓存。现在，使用服务器岛屿，您可以同时获得两种方式的最佳效果。]]></description><category></category></item><item><title><![CDATA[常见的面试题：JavaScript 中的两项之和算法]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/140548752</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/140548752</guid><author>ikxin</author><pubDate>Fri, 19 Jul 2024 14:33:26 +0800</pubDate><description><![CDATA[这就是一个非常有趣的算法挑战，有两种不同的解决方案，我们希望这篇文章能更好地为你的下一次面试做准备。你是否曾在面试中被要求解决这个算法问题？如果是的话，请在下方评论中告诉我。]]></description><category></category></item><item><title><![CDATA[你不需要总是在 React 中使用 useState]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/138290463</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/138290463</guid><author>ikxin</author><pubDate>Sun, 28 Apr 2024 20:35:23 +0800</pubDate><description><![CDATA[在我审查的一个拉取请求中，我注意到在许多拉取请求中看到的一种模式。React 组件具有多个 UI 状态，例如。相反，请考虑使用有限状态机(FSM) 模式。FSM 只允许有限数量的状态。在上面的 UI 示例中，单个。的状态，它根据服务器发送的 403 状态代码显示用户是否已解锁该功能。通常情况下，开发人员可能会使用。在某些情况下，例如使用 Tanstack 查询来获取数据时，在编写 React 组件时，请务必考虑是否有必要使用。通常情况下，它们是不必要的。这种方法可以避免使用。进行额外的状态管理。]]></description><category></category></item><item><title><![CDATA[在 GitHub 中掌握键盘快捷键的简短指南]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/138259196</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/138259196</guid><author>ikxin</author><pubDate>Sat, 27 Apr 2024 22:02:01 +0800</pubDate><description><![CDATA[你是否知道 GitHub 几乎每页都有键盘快捷键？这篇文章将带你探索 GitHub 的键盘快捷键世界，以及它们如何帮助你快速导航和执行操作。?Ctrl+KCtrl+Alt+KCommand+K注意：并非所有快捷键在每个页面上都可用。当你打开快捷键窗口?时，它将提供当前页面可用的键盘快捷键。]]></description><category></category></item><item><title><![CDATA[React 19 测试版发布，时隔两年终于更新了]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/138230038</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/138230038</guid><author>ikxin</author><pubDate>Fri, 26 Apr 2024 20:48:15 +0800</pubDate><description><![CDATA[众所周知，前端开发这个领域日新月异，每隔一段时间就会整出一点新玩意，被戏称做“前端娱乐圈”，圈子里大佬一个比一个卷，都在疯狂的造轮子。然而有这么一位选手，自从 2022 年 6 月发布了最后一次稳定版本后，就一直没有再发布新的版本，它就是大名鼎鼎的前端三大框架之一 React。就在昨日，时隔将近两年，React 突然宣布，React 19 测试版现已在 npm 上发布，随之而来的还有 React 18.3.0 稳定版。下面让我们一起来看看 React 19 测试版有什么新特性吧！]]></description><category></category></item><item><title><![CDATA[Node.js 22 发布，原生支持 WebSocket 客户端]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/138199327</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/138199327</guid><author>ikxin</author><pubDate>Thu, 25 Apr 2024 20:50:17 +0800</pubDate><description><![CDATA[昨日，Node.js 官方博客正式宣布 Node.js 22 的发布！新版本亮点包括require()ES 模块、WebSocket 客户端、V8 JavaScript 引擎的更新等！Node.js 22 将在 10 月进入长期支持 (LTS)，但在此之前，它将是接下来六个月的 Current 发布版。下面让我们一起来探索此最新发布提供的新特性和优势，并评估它们对您应用程序的潜在影响。该项目在许多领域继续取得进展，许多新特性和修复程序流入现有的 LTS 发布版。]]></description><category></category></item><item><title><![CDATA[升级 jQuery：努力打造健康的 Web 生态]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/138171432</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/138171432</guid><author>ikxin</author><pubDate>Wed, 24 Apr 2024 22:24:32 +0800</pubDate><description><![CDATA[升级 jQuery 对于维护 Web 应用程序的安全性、性能和兼容性至关重要。通过遵循本指南中概述的步骤，您可以安全地升级到最新版本的 jQuery 并利用其新功能和改进，同时确保您的 Web 应用程序免受任何发现的漏洞的影响。请记住定期检查更新并随时了解新版本，以使您的代码库保持最新状态。]]></description><category></category></item><item><title><![CDATA[Docusaurus 3.2 发布，更快的 MDX 开发体验]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/138139846</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/138139846</guid><author>ikxin</author><pubDate>Tue, 23 Apr 2024 21:57:22 +0800</pubDate><description><![CDATA[Docusaurus 是一个静态站点生成器。它构建了一个具有快速客户端导航的单页面应用程序，利用 React 的全部功能使你的网站具有交互性。它提供开箱即用的文档功能，但可用于创建任何类型的网站（个人网站、产品、博客、营销登陆页面等）。近日，Docusaurus 发布了最新的 3.2 版本，努力减少了在生产模式下构建 Docusaurus 网站所需的时间。在 3.1 和 3.2 之间，Docusaurus 进行了几项更改，使得许多网站的生产构建速度显著加快。下面就让我们一起来看一下新版本还有什么亮点吧。]]></description><category></category></item><item><title><![CDATA[React 19 带来了 JSX 运行时的重要更新]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/138091497</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/138091497</guid><author>ikxin</author><pubDate>Mon, 22 Apr 2024 20:41:59 +0800</pubDate><description><![CDATA[React 19 带来了革命性的 JSX 元素创建速度提升。升级到最新版本，你将能够享受到更快的应用性能，为你的用户带来更加流畅和高效的体验。不要错过这一重要的性能优化机会，让 React 19 为你的应用注入新的活力！]]></description><category></category></item><item><title><![CDATA[Zustand 和 React 上下文状态管理]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/138033568</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/138033568</guid><author>ikxin</author><pubDate>Sun, 21 Apr 2024 14:33:03 +0800</pubDate><description><![CDATA[Zustand 是客户端全局状态管理的一个很棒的库。它简单、快速，并且包大小小。然而，有一件事我不一定喜欢它：这些 Store 是全局性的。但这不是全局状态管理的重点吗？要使该状态在您的应用程序中随处可用。不过当我回顾过去几年中使用 zustand 的情况时，我意识到，更多时候我需要在全局范围内将某些状态提供给一个组件子树，而不是整个应用程序。使用 zustand，完全可以（甚至可以鼓励）按功能创建多个小型存储。那么，如果我只需要在仪表板路由中使用仪表板过滤器存储，为什么还要在全局范围内使用它呢？]]></description><category></category></item><item><title><![CDATA[Electron 30.0.0 发布，升级 Node 和 V8 引擎]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/137997685</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/137997685</guid><author>ikxin</author><pubDate>Sat, 20 Apr 2024 13:47:46 +0800</pubDate><description><![CDATA[近日，Electron 30.0.0 正式发布！你可以通过进行安装，或者从 Electron 的发布网站下载，继续阅读了解此版本的详细信息。]]></description><category></category></item><item><title><![CDATA[pnpm v9 正式发布，已停止 Node.js v16 支持]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/137962322</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/137962322</guid><author>ikxin</author><pubDate>Fri, 19 Apr 2024 13:49:02 +0800</pubDate><description><![CDATA[近日，pnpm v9.0.0 正式发布！带来了一系列重大更新和改进，让你的开发体验更加顺畅。现在可以通过来升级 pnpm 到最新版本，接下来让我们一起看一下 pnpm v9 有哪些亮眼的新功能吧。]]></description><category></category></item><item><title><![CDATA[Biome 1.7 发布，支持从 ESLint 和 Prettier 迁移]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/137912082</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/137912082</guid><author>ikxin</author><pubDate>Thu, 18 Apr 2024 10:47:31 +0800</pubDate><description><![CDATA[近日，Biome v1.7 正式发布！这个新版本提供了从 ESLint 和 Prettier 迁移的简单路径。它还引入了格式化程序和 linter 的实验性机器可读报告、新的 linter 规则和许多修复。]]></description><category></category></item><item><title><![CDATA[Quill 2.0 发布：引领富文本编辑体验新里程]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/137871737</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/137871737</guid><author>ikxin</author><pubDate>Wed, 17 Apr 2024 14:19:33 +0800</pubDate><description><![CDATA[自最初的 Quill 1.0 版本发布以来，见证了来自快速发展的初创公司、知名品牌和老牌财富 500 强公司的众多成功案例，这些公司已将 Quill 纳入其面向用户的产品的一些最重要和核心的部分。在我们继承这一传统的基础上，这个新的 Quill 2.0 版本意识到无缝升级对于我们的开发人员社区的重要性，同时也提高了 Quill 的功能、可靠性和开发人员体验。]]></description><category></category></item><item><title><![CDATA[Nuxt ESLint 集成模块更新，支持扁平化配置]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/137816384</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/137816384</guid><author>ikxin</author><pubDate>Tue, 16 Apr 2024 10:46:02 +0800</pubDate><description><![CDATA[ESLint 现如今已经成为 Web 开发的必备工具，它可以帮助你捕获错误并在项目中强制执行一致的编码风格。在 Nuxt 框架中，开发团队始终努力为 ESLint 提供开箱即用的体验，使其易于使用、配置并遵循最佳实践。随着时间的推移，Nuxt 和 ESLint 都发生了很大的变化。从历史上看，最终在 Nuxt 中为 ESLint 提供了一些不同的软件包和集成，并且使用哪一个用于什么目的并不总是显而易见的。]]></description><category></category></item><item><title><![CDATA[使用 Fetch API 执行 GraphQL 查询和变体]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/137783670</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/137783670</guid><author>ikxin</author><pubDate>Mon, 15 Apr 2024 15:42:58 +0800</pubDate><description><![CDATA[GraphQL 是从远程服务器查询数据的强大工具，也是我构建 API 的首选方式。对一些人来说，学习它可能有一定难度，因为教程通常使用 Apollo 或 Relay 等工具进行编写。这些工具很不错，但通常更适用于复杂项目。在某些情况下，最好选择更轻量级的方法，并且不要通过添加额外的库增加包大小。在这种情况下，你可以直接使用浏览器中提供的工具，在本快速教程中，我们将使用在你的浏览器中通常可用的fetch。让我们首先简单地回顾一下fetch。]]></description><category></category></item><item><title><![CDATA[React 19 的新增功能：Action Hooks]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/137745888</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/137745888</guid><author>ikxin</author><pubDate>Sun, 14 Apr 2024 15:19:32 +0800</pubDate><description><![CDATA[将是简化服务器交互的关键，该挂钩管理表单提交状态并捕获服务器响应。实践中的实用性：想象一个登录过程，可以立即显示服务器响应，例如「登录失败」消息，直接增强用户参与度和反馈。不需要通常的useEffectsetMessage组合。在使用中，可以在表单操作期间处理服务器通信，轻松捕获和呈现服务器响应。]]></description><category></category></item><item><title><![CDATA[在 Next.js App Router 中使用仅在服务端的代码]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/137713972</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/137713972</guid><author>ikxin</author><pubDate>Sat, 13 Apr 2024 13:51:43 +0800</pubDate><description><![CDATA[在 Next.js 应用程序中，保持服务端代码和客户端代码之间的清晰界限至关重要。它确保你的应用程序的完整性、安全性和用户体验。使用和包并遵循最佳实践来加强这种分离并保护你的应用程序。]]></description><category></category></item><item><title><![CDATA[纠正 UX、UI 设计的 7 个常见错误]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/137698319</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/137698319</guid><author>ikxin</author><pubDate>Fri, 12 Apr 2024 23:33:43 +0800</pubDate><description><![CDATA[本文强调了UX和UI设计在数字产品成功中的关键作用，并列举了当前界面设计中常见的错误。这些错误包括导航混乱、设计不一致、字体使用过多、界面无响应、强制注册、动画过多以及忽视用户反馈。为了提升用户体验，设计师应避免这些错误，并确保界面清晰、一致、响应迅速，同时提供便捷的购买流程，并合理利用动画和反馈机制。]]></description><category></category></item><item><title><![CDATA[Astro 4.6 发布，支持手动设置国际化路由策略]]></title><link>https://blog.youkuaiyun.com/ikxin/article/details/137657005</link><guid>https://blog.youkuaiyun.com/ikxin/article/details/137657005</guid><author>ikxin</author><pubDate>Thu, 11 Apr 2024 23:08:23 +0800</pubDate><description><![CDATA[经过发行周的短暂休息，Astro 4.6 现已推出，我们又回到了正常的时间表！此版本包括一个新的手动路由策略用于国际化，对 CSRF 保护进行了实验性支持，开发工具栏新增功能等。要升级现有项目，请使用自动化CLI 工具。]]></description><category></category></item></channel></rss>