前段时间在项目开发中遇到这样一个需求——文本输入框的高度要随着框内文本所占高度而变化。 下面讲一下实现方案的探索过程。 首先想到的方法，是使用 HTML 5 中新增的contenteditable属性。它可以把元素变成可编辑状态，同时让其保留原有的特性（如元素高度根据元素内容所…

css部分正正好好 100 行代码，从上到下分别是：iconfont 字体图标链接、主容器样式、各类型提示框的样式、退场类，入场动画。 由此可见，你也可以重写这些css，为他们添加不同的 icon、

一个页面在呈现给用户之前需要经过静态资源加载、后端接口请求和渲染这三个过程，我们要做的就是在各个过程中防御可能出现的异常情况，保持流畅的用户体验，同时还要应对来自外部的攻击。 在页面内容呈现给用户之前，会一直保持loading动画的效果，避免因网络原因造成用户体验的中断。 静态…

产品期望在后台发布帖子时，需要添加 **@用户** 的功能，以便用户收到通知，例如“xxx在xxx提及了您！”。然而，现有的开源库未能满足我们的需求,例如 ant-design的Mentions组件.

使用react实现的一个非常常见的需求，锚点定位（锚点滚动）,实现和使用都非常的简单，我这边采用组件的方式实现，方便复用；代码如下请食用。 AnchorScroll组件（核心组件） 文件路径：/anc

--- theme: healer-readable --- 在本篇博客中，我们将深入了解 React Hooks 中的 useCallback 和 useMemo，以及它们的使用场景和区别。这两个

点击进入React源码调试仓库。 React在构建用户界面整体遵循函数式的编程理念，即固定的输入有固定的输出，尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作DOM这些副作用（effect），这样难免让函数组件…

Monorepo Monorepo 是一种项目代码管理方式，指单个仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署等方面的复杂性，并提供更好的可重用性和协作性。 简单理解：所有的项目在一个

一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17之后react对于事件系统会