最近在学习设计模式，真的感觉它是一个很悬的东西，就看文本真的很难看懂，所以我就打算用最习惯的 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 在前端的基本操作方法。

  在 JavaScript 中，undefined 和 null 它们都表示“没有值”，在某些对比中看起来还“相等”，但它们其实有着完全不同的语义和使用场景。

  在写 JavaScript 的时候，经常可以看到 new Date() 这样的语法，这里 new 的就是构造函数，我们通过 function 可以定义，而箭头函数却不行。

  最近开始了前端基础知识的复习，在这个文章里进行一个简单的记录，如果内容不特别多会全部更新在这里。由于封装成函数可能不利于理解和说明，在这里的大部分题目的解答都不会封装成函数。

  今天看到 icomoon 的顶部的无缝滚动动画感觉蛮有意思的，在 Web 开发中，无缝滚动动画是一种常见的视觉效果，通常用于展示新闻、品牌 Logo 或者图标动画等。本文将使用 HTML 和 CSS 实现该站点的无缝滚动的动画效果。