常规设备的刷新频率是 60HZ，也就是说，如果要让用户感受不到明显卡顿，浏览器的渲染流水线需要每秒输出 60 张图片（60 FPS）。本文会从基础的渲染树出发，介绍浏览器渲染流水线，以及常用的优化方法

《xx行代码带你实现迷你React》，《xx行代码实现React hook》这样短小精干的文章。如果你只是想花一点点时间了解下React的工作原理，我向你推荐 这篇文章，非常精彩。 《React Fiber原理》，《React expirationTime原理》这样摘录Reac…

最近在学习 react 的源码，但是内，没有什么头绪，也不知道从何看起，一行一行的阅读源码也不是个办法。偶然间 从掘金上看到一篇 React源码揭秘1 架构设计与首屏渲染，发现 pomb 大神的一篇 build-your-own-react 构建一个你自己的 react，迅速激…

之前在社区里发表过一篇文章——《Web 应用的撤销重做实现》，里面详细介绍了几种关于撤销重做实现的思路。通过评论区得知了 Immer 这个库，于是就去了解实践了一下，再结合当前自己的日常开发需求，撸了一个实现撤销重做的 Dva 插件。 1. 实例化插件 options.incl…

不知道在你的日常工作中，是否出现过这样的场景：明明 Typescript 官方文档已经看了很多遍，实际写起代码来却各种煎熬，遇到报错，在搜索无果之后，无奈写下 any。🤷‍♀️ （我猜有，不然你也不会点开这篇文章。👻 而阻碍你强类型更近一步的，绝大多数情况下是因为泛型还没完…

最近在做公司内部的一个的一个SDK的重构，这里总结一些经验分享给大家。 作为一个SDK，我们的目标是让使用者能够减少查看文档的时间，所以我们需要提供一些类型的检查和智能提示，一般我们的做法是提供JsDoc，大部分编辑器可以提供快捷生成JsDoc的方式，我们比较常用的vscode…

脚手架, 源自于建筑行业, 通俗的讲就是一个项目搭建的工具. 比较熟知的有 vue-cli create-react-app 等等, 这类工具通常以 xxx-cli 命名, 不废话 先甩一个 npm 战绩 小哥哥, 看看这数据, 你到底要还是不要嘛... 创建 bin 目录和 …

... nginx现在几乎是众多大型网站的必用技术，大多数情况下，我们不需要亲自去配置它，但是了解它在应用程序中所担任的角色，以及如何解决这些问题是非常必要的。 下面我将从nginx在企业中的真实应用来解释nginx在应用程序中起到的作用。 不管是正向代理还是反向代理，实现的都…

富婆来报道，今天想问题想不出来，随手抓了一下头发，没想到啊没想到，我那浓（mei）密(sheng)茂(ji)盛(gen)的秀发又少了好几根，一定要改掉这个想不出来问题就揪头发的坏习惯。你们遇到问题想不出来都会有啥奇特的习惯呢？ 想象一下妙龄美少女长发飘飘变成三毛的形象（科普：女…