在前端开发中，我们经常需要处理URL，例如在发起HTTP请求时构建API端点，或在页面导航时构建动态链接、拼接动态参数。 过去，我们习惯于使用模板语法和字符串拼接来构建这些URL，现在在代码中依然可

序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import

React提供的获取DOM元素的方法有两种，一是react-dom中的findDOMNode()，二是refs。 当组件被渲染到DOM中后，findDOMNode会返回该组件实例对应的DOM节点。 注：如果render()中返回null，那么findDOMNode()也返回nu…

``` import * as React from 'react' import elementResizeDetectorMarker from 'element-resize-detector'

我们都知道canvas是一个位图，你可以在里面渲染图片、文字等等，但是canvas没有属性来操作渲染的东西，例如用canvas画一张图片，想要操作图片就没办法直接通过属性来操作图片，因为拿到的只能是c

最近想开发一个可拖动组件。他可以实现左右布局。通过左右拖动来改变左右两个窗口的大小。 也可以实现上下布局，通过上下拖动来改变上下两个窗口的大小。 react-draggable 是react中的一个可拖动组件库。他可以指定x , y轴的拖动，可以监听一系列拖动事件 之后我们可以…

当我们想在 React 中实现一个列表拖动的效果的时候，有很多的第三方库（React dnd）可以借鉴，但是学习第三方库也是一个成本，或者拖动本身并不复杂，只需要第三方库的某一个 api 。这样情况下，我们可以自己实现一个。 1. 使用 React 的鼠标事件 2. 判断拖放的…

如果你想写的组件只包含一个 render 方法，并且不包含 state，那么使用函数组件就会更简单。我们不需要定义一个继承于 React.Component 的类，我们可以定义一个函数，这个函数接收 props 作为参数，然后返回需要渲染的元素。 shouldComponent…

最近一直在做项目性能优化的工作，在排查性能方面的问题时发现项目中很多地方都存在重复渲染的问题，审查代码后发现其中存在不少滥用或者说误用 useMemo、useCallback、useContext 的