大家是否经常听别人提起TCP协议的三次握手和四次挥手呢？🤔是否看过很多相关的文章都没看懂或是没记住呢🤷‍？看过我上篇的小伙伴都应该知道TCP协议是属于传输层中的协议，没有看过的请移步这里👉“老默我想吃鱼了”与五层网络模型。

什么是Jest测试意味着什么我怎么知道要测试什么测试块，断言和匹配器如何实现测试块如何实现断言和匹配器CLI 和配置模拟怎么模拟一个函数执行环境作用域隔离V8 虚拟机运行单测回调钩子函数生成报告jest-clijest-configjest-haste-mapjest-runnerjest-environment-nod...

React Hooks 是从 v16.8 引入的又一开创性的新特性。第一次了解这项特性的时候，真的有一种豁然开朗，发现新大陆的感觉。我深深的为 React 团队天马行空的创造力和精益求精的钻研精神所折服。本文除了介绍具体的用法外，还会分析背后的逻辑和使用时候的注意事项，力...

最近在做一个提供给浏览器和node同时使用的js的url模板工具类，在用什么打包工具上纠结了一段时间，正好有一天在知乎上看到了关于rollup的介绍，在自己试了试之后，就决定用rollup.js来打包自己的工具类了。

一句话总结 React Hooks 就是在 react 函数组件中，也可以使用类组件（classes components）的 state 和 组件生命周期，而不需要在 mixin、 函数组件、HOC组件和 render props 之间来回切换，使得函数组件的功能更加实在，更加方便我们在业务中实现业务逻辑代码的分...

  node遵循的是单线程单进程的模式，node的单线程是指js的引擎只有一个实例，且在nodejs的主线程中执行，同时node以事件驱动的方式处理IO等异步操作。node的单线程模式，只维持一个主线程，大大减少了线程间切换的开销。

使用React开发的时候，我们请求服务器拿回来一个复杂的数据，我们在render里去处理这个数据，但是state和props频繁修改会触发render，每次触发render，数据都要去处理一次，每次处理都是对性能的损耗

强制缓存整体流程比较简单，就是在第一次访问服务器取到数据之后，在过期时间之内不会再去重复请求。实现这个流程的核心就是如何知道当前时间是否超过了过期时间。

这个例子的函数调用中，会真的产生一个对象吗？如果会，那大量的函数调用会白白生成很多有待 GC 释放的临时对象，那么就意味着在函数参数少时，还是需要尽量避免采用解构传参，而使用传统的：

想让自己的代码健壮，错误处理是必不可少的。这篇文章将主要介绍 koa 框架中错误处理的实现（其实主要是 co 的实现），使用 koa 框架开发 web 应用时进行错误处理的一些方法。

关于webpack中sourcemap的文章很多，但感觉大部分是翻译官方文档的说明， 缺乏直观的用例，写这篇博客的目的是帮自己厘清这个概念， 也顺便将我自己收集的这方面的干货放在这。本文将尝试先讲清楚webpack中的sourcemap配置项的概念。

thunk 从形式上将函数的执行部分和回调部分分开，这样我们就可以在一个地方执行执行函数，在另一个地方执行回调函数。这样做的价值就在于，在做异步操作的时候，我们只需要知道回调函数执行的顺序和嵌套关系，就能按顺序取得执行函数的结果。

说了你可能不信，我经常怀疑自己 不！适！合！写！代！码！ 写代码的时候，我经常脑壳一晕，或者去群里摸一下鱼，然后就突然搞不清上一段代码写来干嘛的！！ 刚才那段代码，真的是我写的？ 直到，我发现了思维导图的妙用。 思维导图，本是用来记知识点的。 然而某一...

译者按：在 Medium 上看到这篇文章，行文脉络清晰，阐述简明利落，果断点下翻译按钮。第一小节背景铺陈略啰嗦，可以略过。刚开始我给这部分留了个 blah blah blah 直接翻后面的，翻完之后回头看，考虑完整性才把第一节给补上。接下来的内容干货满满，相信对 Node.js ...

配置文件提供一个入口和一个出口，webpack根据这个来进行js的打包和编译工作。虽然webpack提供了webpack --watch的命令来动态监听文件的改变并实时打包，输出新bundle.js文件，这样文件多了之后打包速度会很慢，此外这样的打包的方式不能做到hot replace，即每次webp...

webpack-dev-server是一个小型的Node.js Express服务器,它使用webpack-dev-middleware来服务于webpack的包,除此自外，它还有一个通过Sock.js来连接到服务器的微型运行时.

redux 是一个轻量级的数据流管理工具，主要解决了 component -> action -> reducer -> state 的单向数据流转问题。同时， redux 也提供了类似于 koa 和 express 的中间件（middleware）的概念，让我们可以介入数据从 action 到 reducer 之间的传递过程，从...

上一篇文章讲解了redux如何使用，本篇文章将进一步深入，从redux的源码入手，深入学习redux的中间件机制。在这里我们会以一个redux-thunk中间件为例，逐步分解redux的中间机制如何操作，如何执行。

在Redux架构中，reducer是一个纯函数，它的职责是根据previousState和action计算出新的state。在复杂应用中，Redux提供的combineReducers让我们可以把顶层的reducer拆分成多个小的reducer，分别独立地操作state树的不同部分。而在一个应用中，很多小粒度的reducer往...

众所周知，redux 大部分的想法，都来自于 elm。在 elm 和 redux 中，整个应用就是一个纯函数。elm 通过在 reducer 中返回一些声明副作用的 task 来处理异步问题，而 redux 借鉴 koa 的插件机制，用中间件改造 dispatch ，从而诞生了一批通过构造满足特殊 pattern 条...