自第一个实现的浏览器开始计算，Fetch API 已经快要五岁了。这五年 Chrome 和 Firefox 刷了不少版本号，IE 也不知死了多少年，而它的继任者更是上演了一出名为《Edge: Become Chromium》的好剧。再加上 ES6+ 的普及，我们早已习惯了基于 …

前面我们讲了 render 阶段和 commit 阶段的工作，讲了 render 阶段中 Diff 算法的实现，这篇来讲讲 React 中的状态更新调度

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

Redux 是一个非常经典的状态管理库，在 2019 年接近年底的时候这个项目用 TypeScript 重写了。网上有很多分析 Redux JavaScript 代码实现的文章，然而 TypeScript 部分的却很少。我在看重写的 TypeScript 代码时发现有很多地方比…

文件上传如果加上进度条会有更好的用户体验（尤其是中大型文件），本文使用Nodejs配合前端完成这个功能。 前端我们使用 FormData 来作为载体发送数据。 下面我们实现upload 方法。 这部分比较简单，其实就是单纯的文件上传，我们用 Koa 来实现. 出于性能考虑，操作…

entry是整个配置文件的入口，没有之一。 entry有两种入口，四种配置。 既然有入口，那就肯定有出口啦！就好像人，要吃饭也要拉*。这里的出口就是打包好的东西要把它放在哪里。 module.rules就是loader的配置位置，loader用于解决一些代码的兼容性。 plug…

Electron 我们会出一个系列，这篇文章主要是介绍 Electron 基础相关的东西，后续会出我们在实战中更多的技巧以及问题的解决方案，希望大家持续关注我们。 Electron 是一个赋力前端进行跨平台开发的框架,让开发人员使用 JavaScript, HTML 和 CSS…

使用Electron开发客户端程序已经有一段时间了，整体感觉还是非常不错的，其中也遇到了一些坑点，本文是从【运行原理】到【实际应用】对Electron进行一次系统性的总结。【多图，长文预警～】 本文所有实例代码均在我的github electron-react上，结合代码阅读文…

不得不说，自Node.js的出现以来，JS的发展也是有目共睹。放眼望去，JS开发者的身影已经出现在了各个领域。不论是前端、后端、移动端，抑或是今天要说的桌面端，JS以一种一发不可收拾的势态，从最开始只能做一些简单的前端UI层面的动效操作，到现在能够独当一面的扛起前端生态大梁，它…