Tauri 是一个新兴的桌面应用开发框架，它使用 Rust 构建底层逻辑，前端则采用 Web 技术栈。与传统的 Electron 相比，Tauri 提供了更小的打包体积和更高的安全性，逐渐成为跨平台桌面应用的热门选择。

  在使用 React 开发项目时你可能注意到，当点击页面中的跳转链接时，地址栏的 URL 发生了变化，但页面却没有被重载，只是改了部分内容。这在传统网页中几乎是不可能的事，我们一旦换了 URL 地址，浏览器就会向服务器发起请求并重新加载页面。那为什么在 React 里，页面地址变了却不刷新？

  在现代前端开发中，前端路由几乎是单页应用（SPA）不可或缺的一部分。Vue Router、React Router 等流行工具对路由进行了很好的实现，本文将通过一个简单的 Hash 路由实现一个简单的前端路由系统，帮助更好的理解路由实现逻辑。

  前端项目越来越复杂，需要对接的后端接口也越来越多，处理这些数据的逻辑时常让人头大。之前一直听说 TanStack Query 在这方面现在还挺好用的，今天来简单认识一下一下。

  最近在学习设计模式，真的感觉它是一个很悬的东西，就看文本真的很难看懂，所以我就打算用最习惯的 JavaScript 的代码，通过实现 用户管理系统 这一统一场景下的不同功能，使用不同的设计模式来帮助理解。

  在 React 中，组件的重新渲染是一个重要的性能考虑因素。随着我们应用程序的复杂性增加，经常因为传递给子组件的函数变更而导致不必要的重新渲染（由于函数变化了，此时就算组件用了 memo ，因为函数实际变化了，这个 memo 就会失效了）。为了避免这种情况，React 提供了一个另一个 Hook 函数 **useCallback**。它可以缓存函数实例的 React Hook，避免在每次渲染时都重新创建函数，从而提高性能。

  在 React 的性能优化一直是开发过程中的一个重要方面，尤其是在构建复杂应用时。随着组件数量和复杂度的增加，React 会频繁地重新渲染组件，这可能会导致严重的性能瓶颈。为了避免不必要的重新渲染，React 提供了 memo 和 useMemo 这两个优化工具来避免不必要的渲染。

  在前端开发中，我们经常会遇到各种调试场景，比如：切换接口地址、注入本地资源、模拟接口返回数据等。如果每次都要修改代码或后端配合，无疑会浪费很多时间。这时，一款好用的调试代理工具就显得非常重要。

  Whistle 是一个基于 Node.js 的 Web 调试代理工具，支持请求转发、重定向、本地资源注入、Mock 接口等功能，特别适合前端在开发和联调阶段使用。本文将系统地介绍 Whistle 的安装、启动及常用规则配置，可以更高效地完成代码的调试工作。

  在 JavaScript 中有个很反直觉的事情，两个 NaN 不管是 == 还是 === ，返回结果都是 flase ，这也是一道很常出现的面试题，这里进行一个说明。

  在现代 Web 开发中，身份验证和会话管理是不可或缺的组成部分。HTTP是无状态的协议，为了在用户与服务器之间维持状态，前端和后端需要协同使用一些机制来标识用户身份并保障数据安全。本文将围绕 Cookie、Session、Token、JWT 四种常见方式进行介绍与对比，并结合实际说明 Cookie 在前端的基本操作方法。