晚天的前端碎碎谈

React Hooks 是 React 16.8 中引入的新特性，它允许我们在函数组件中使用 state 和其他 React 特性。在本文中，我们将深入了解 React Hooks 的实现原理。

JS 单例模式是一种常用的设计模式，它可以保证一个类只有一个实例。这种模式主要用于管理全局变量，避免命名冲突和重复加载，同时也可以减少内存占用，提高代码的可维护性和可扩展性。

JavaScript 闭包是一种重要的概念，在 JavaScript 编程中被广泛使用。尽管它可能会让初学者感到困惑，但它是理解 JavaScript 语言核心的关键概念之一。

什么是 Handraw ？ Handraw 是一个基于 Excalidraw 开源能力二次开发的，免费的支持「中文手写效果」的白板绘图工具，目前发布了 v1.0.0 版本。

什么是状态管理？ 状态 状态是表示组件当前状况的 JS 对象。在 React 中，可以使用 useState 或者 this.state 维护组件内部状态，通过 props 传递给子组件使用。

npm 和 npx 在前端开发中都会时常被用到，npm 大家相对熟悉，npx 是什么则有一定的迷惑性，时常在安装依赖的命令中会看到，但是又不一定知道 npx 到底是什么，和 npm 有什么关系和区别。

Fetch API、Axios、Umi-request 是前端开发日常较常用的请求方案，具体用法、优劣，接下来我们做下分析。

我们知道，JavaScript 是一个单线程、非阻塞、异步、解释型语言。JavaScript 需要一个解释器将 JavaScript 代码转换成机器码。解释器也被称为引擎，例如我们常说的 chrome

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第7天，点击查看活动详情 大家好，我是晚天。 堆和栈是两个令人迷惑的概念，堆和栈都是用于动态分配和释放数据的专用内存区域。

背景 性能优化、减少页面加载时间、提升用户体验，是前端领域的一个永恒话题。在前后端分离、异步渲染在页面中被普遍应用的背景下，大量页面在用户访问时不可避免的会出现一段短时间白屏。目前的解决方案一般为以下

JavaScript 的执行上下文和执行栈是非常重要的概念，对于理解 JavaScript 是如何运行的至关重要。下面，我们来深入理解下这两个概念。

Webpack 的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。Vite 的第一次发布是在 2021 年，是仅两天来前端打包工具中的后起之秀，重点解决 Webpack 在开发阶段的开

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第3天，点击查看活动详情 大家好，我是晚天。 esbuild 是什么？ esbuild 是一个由 Evan Wallace 开发的

大家好，我是晚天。 手写代码是前端面试中必不可少的环节，常见的手写代码题也基本是可枚举的。网上也有很多面经文章会讲到手写代码，但是大都不够全面、不够深度，有些低质量文章甚至会误导初学者。

大家好，我是晚天。 接下来，使用尽量简单的方式介绍 Node.js 如何实现异步资源上下文共享，以及异步资源上下文共享对我们来说有什么用。 异步资源上下文共享，意味在一次网络请求生命周期或异步资源调用

前端是一个处在产品链路中游的岗位，上游对接产品、设计师、开发，下游对接运营、测试，覆盖产品的所有环节，日常工作会遇到各种各样的问题。这就要求前端必备各种隐藏技能，如连通上下游的沟通能力、深入理解业务的

硬连接和软连接是在硬盘中连接文件的两种方法。硬连接本质上是一个文件的同步副本，它直接引用源文件的 inode。软连接则直接引用源文件，源文件再引用 inode，更像是源文件的一个快捷方式。那么硬连接和

在流程编排、规则引擎等场景下，我们经常会遇到对一段用户自定义表达式进行解释运行的需求。表达式语法可以很多样，以最近我遇到的一个需求场景为例，需要支持以下类型表达式的解释运行

先从一段代码讲起。 以下代码分别通过 const 和 var 定义了 name1 和 name2，然后在 new Function() 中访问 name1 和 name2。