晚天的前端碎碎谈

你是否产生过这样的疑惑？当调用 ReactDOM.render(<App />, document.getElementById('root'))之后会发生什么? 我们知道 ReactDOM 构建 D

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

大家好，我是晚天。 TypeScript 是由 Microsoft 开发的一种开源的编程语言。它是 JavaScript 的超集，添加了静态类型和其他功能，使代码更为健壮且易于维护。在 TypeScr

我正在参加「掘金·启航计划」 大家好，我是晚天。 随着 JavaScript 生态系统的不断发展，Node.js 包管理器成为了开发者必不可少的工具之一。在本文中，我们将讨论主流的 Node.js 包

大家好，我是晚天。 本文从一次 Debug 讲起，通过一次看似诡异的表现，揭开迷惑的面纱，探索根本的原因。 从一次 Debug 说起 为了方便理解，我们将实际代码简化成最易理解的代码，主要有两个文件：

大家好，我是晚天。 什么是装饰器模式 装饰器模式（Decorator Pattern）是一种结构型设计模式，它允许动态地向一个对象添加新的行为。在不改变对象本身的情况下，通过将对象包装在一个装饰器中，

JavaScript 发布订阅模式（Publish/Subscribe Pattern）是一种常用的设计模式。在发布订阅模式中，事件的发生者（发布者）不需要直接调用事件的处理者（订阅者），而是通过一个

React Hooks 是 React 16.8 版本引入的一种新的特性，它允许我们在不编写 class 组件的情况下使用 state 以及其他的 React 功能。

React.useRef 是 React Hooks 中的一种，它提供了一种可以在函数组件中存储可变值的方式。与 useState 不同，useRef 存储的值不会引起组件的重新渲染。

观察者模式（Observer Pattern）是一种行为型设计模式，它定义了一种一对多的依赖关系，让多个观察者对象同时监听某一个主题对象，当主题对象发生变化时，它的所有观察者都会收到通知并进行相应的处

介绍 Excalidraw 是一种具有非常优秀的手绘效果的绘图工具，它提供了一个简单而直观的界面，使用户可以轻松绘制图形和草图，用于传递想法和概念。本文将介绍 Excalidraw 的特点、功能和用法

在前端开发中，Chrome 插件是不可或缺的工具，它们可以大大提高我们的工作效率和工作质量。这里为大家推荐20款最实用的前端开发必备的 Chrome 插件，希望能对大家的工作有所帮助。

适配器模式是一种常见的设计模式，它允许我们将一个类的接口转换成客户端所期望的另一个接口。在本文中，我们将重新理解适配器模式，并通过代码示例和应用场景示例来说明它的使用方法和优点。 什么是适配器模式？

工厂模式是一种创建型设计模式，它允许我们创建对象而不必指定对象的具体类。在前端开发中，工厂模式是一个非常重要的设计模式之一。本文将重新理解前端开发中的工厂模式，并提供具体的原理分析和代码示例。

今天和大家分享一些 TypeScript 最佳实践，这些实践不仅能让你的代码更加优雅，还能避免一些常见的“撞墙”问题。废话不多说，让我们开始吧！

收藏了一波宝藏在线图形设计工具，可绘制流程图、框架图、思维导图、白板等，都是值得试用的精品平台或者工具，墙裂推荐。 Excalidraw Excalidraw是一个基于Web的矢量绘图工具，专注于协作

随着 JavaScript 生态系统的不断发展，Node.js 包管理器成为了开发者必不可少的工具之一。在本文中，我们将讨论主流的 Node.js 包管理器，包括 npm、yarn 和 pnpm，并分

React 团队在不断地改进和优化 React 库，以提高应用程序的性能和可维护性。React 18 是 React 库的一个重要版本，它引入了许多令人兴奋的新特性和改进，可以让开发人员更加轻松地构建

第一步：创建项目文件夹 首先，你需要为你的插件创建一个项目文件夹。这个文件夹将包含你的插件的所有代码和资源。你可以将这个文件夹命名为你的插件名字。 第二步：创建清单文件 Chrome 插件需要一个清单

当你使用 React Hooks 时，有一些最佳实践可以帮助你更好地利用它们。在本文中，我们将介绍一些 React Hooks 的最佳实践。 1. 将 Hooks 分离到自定义 Hook 中 当你在组