最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此感到困惑：TypeScrip

实现思路为点击div时，记录点击事件中鼠标相对于浏览器窗口可视区域的X，Y坐标，未松开鼠标移动时同样记录X，Y坐标，并计算出此次移动的距离与上次距离的差距，得出结果赋值到top属性和left属性上，达到预期效果前提是position为absolute。

让数据管理在 React 和原生 JS (Vanilla) 中变得更加简单的一个库，它类似于 Vue 的数据驱动视图的理念，使用外部状态代理去驱动 React 视图

这种模式本质上解决的是组件之间传值的问题。但是它对于传值以及一些内部操控的逻辑封装得更严密。 那么Tab和TabItem自然要进行沟通。很自然的写法是像下面这样 但是，组件之间的交互我们又不希望通过props或者context来实现。希望用法如下面一样简洁。 组件之间通过隐秘的…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

本文讲解下axios在项目中的一些封装与应用，欢迎各位感兴趣的开发者阅读本文。 接下来回到本文的重点，如何去合理的配置它以提高开发效率以及可维护性。 封装好的axios配置代码如下，将下述代码放进axios.js文件中。 完成上述步骤后，axios的核心配置就完成了，我们来看看…

一文中，我们曾经写过一个_app.js来引入antd的css,在这里我们对除了引入antd.css其他事情什么都没做，引入antd.css之后，它就会在全局生效。 对比这一段代码，这里从next/app中多引入了一个Container组件，并在中间重新写了一个MyApp类，继承…

useMome、useCallback用法都差不多，都会在第一次渲染的时候执行，之后会在其依赖的变量发生改变时再次执行，并且这两个hooks都返回缓存的值，useMemo返回缓存的变量，useCallback返回缓存的函数。 React.memo 为高阶组件。它与React.P…

Hooks 顾名思义，字面意义上来说就是 React 钩子的概念。通过一个 case 我们对 React Hooks 先有一个第一印象。 假设现在要实现一个计数器的组件。如果使用组件化的方式，我们需要做的事情相对更多一些，比如说声明 state，编写计数器的方法等，而且需要理解…