上周的 精读《React Hooks》 已经实现了对 React Hooks 的基本认知，也许你也看了 React Hooks 基本实现剖析（就是数组），但理解实现原理就可以用好了吗？学的是知识，而用的是技能，看别人的用法就像刷抖音一样（哇，饭还可以这样吃？），你总会有新的收获…

有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为。又或者是发送服务器ajax请求，通知服务器用户已经离开，比如直播间内的退房操作。 本文主要分两部分来讲解怎么完成退出行为的上报。 浏览器有两个事件可以用来监听页面关闭，beforeunload和unload。 bef…

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

当时实现这样的需求，没有用到任何第三方表单解决方案，纯用redux实现，写了很多很多重复而复杂的面条代码，包括，表单的数据收集，字段校验等等，代码可维护性极低，最终迫使我开始真正深入表单领域，探索最佳的表单解决方案。 慢慢的，接触了集团内部和业界很多优秀的表单解决方案，它们的核…

Proxy 对象是 ES6 中一个很酷而且鲜为人知的特性。虽然它已经存在了相当长的一段时间，但我想写这篇文章并解释一下它的功能，且用一个真实的例子来说明如何使用它。 虽然这几乎总结的很全面了，但每当读到它时，我并不是很清楚它的作用、它有什么帮助。 首先，Proxy 的概念来自元…

最近刚入职新公司，正好部门每个新人都需要做技术分享，这里借这个机会把自己的知识体系梳理一遍。 原本题目设定为是 Typescript 高级用法介绍，但是考虑掘金有很多关于 Typescript 高级用法 相关的分享，写的都非常好，这里就不做重复性工作了。所以把题目改成了 深入理…

这已经是比较简单的登录页，一些涉及到详情编辑的页面，十多二十个组件也是常有的。一旦组件多起来就会有许多弊端： 不易于维护：占据大量篇幅，阻碍视野。 可能影响性能：setState的使用，会导致重新渲染，如果子组件没有相关优化，相当影响性能。 表单校验：难以统一进行表单校验。 .…

随着微服务架构的流行，服务按照不同的维度进行拆分，一次请求往往需要涉及到多个服务。互联网应用构建在不同的软件模块集上，这些软件模块，有可能是由不同的团队开发、可能使用不同的编程语言来实现、有可能布在了几千台服务器，横跨多个不同的数据中心。因此，就需要一些可以帮助理解系统行为、用…