YHui

相信很多人跟我之前一样，看到源码两个字觉得触不可及，觉得离自己还很遥远，是需要非常多年的工作经验的大佬才能触及到的领域。就在去年我改变了这个想法，当时被react的几个生命...

react、typescript、webpack5、swc搭建自己的脚手架，了解项目打包、运行的机制...

Recoil 是 Facebook 推出的一款专门针对 React 应用的状态管理库，本文主要介绍 Recoil 以及周边生态，带大家熟悉这款具有独特风格的状态管理库。...

本文带你一起使用 Rollup 打包项目，实现以下功能： - **自动将 dependencies 依赖声明为 externals** - **支持处理外部 npm 依赖*...

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主...

分布式系统很难。即使我们学了很多构建高可用性系统的方法，也常常会忽略系统设计中的弹性（resiliency）。 我们肯定听说过容错性，但什么是“弹性”呢？个人而言，我喜欢将...

网络请求异常的场景避免不了重试策略，而重试策略的关键之处就在于如何设置重试等待时间，本文介绍的指数退避算法就是用来解决这样的问题。...

一、背景本文同步发表于Prodesire公众号，和Prodesire博客。最近做云服务API测试项目的过程中，发现某些时候会大批量调用API，从而导致限流的报错。在遇到这种...

SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS...

背景 事情是这样的，上周在分析项目打包代码的时候，突然发现 date-fns 在未压缩之前有 1.5M，通过分析报告可以看到，date-fns 的 locale 模块全部被...

大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～...

用 rollup 怎么构建组件库？怎么组织代码？怎么进行调试？依赖怎么处理？导出什么格式？解决你的问号！...

1. 内容概要 2. JavaScript 位运算 2.1. Number 在讲位运算之前，首先简单看下 JavaScript 中的 Number，下文需要用到。 也就是说...

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写...

在面试或者技术社区冲浪的时候，一不小心就会看到深度优先搜索、广度优先搜索这两个概念，这一次在项目中一个需求用到了相关的知识，故此在这里通过理论+实际来总结一下。 1. 示例...

重载是指一个函数可以有不同的参数和返回值，也就是有不同的函数签名。 ts 支持函数重载，可以为同一个函数定义多个不同的类型： 重载的写法一共有三种（估计大多数人只会一种）：...

React 是实现了组件的前端框架，它支持 class 和 function 两种形式的组件。 class 组件是通过继承模版类（Component、PureCompone...

一尾流莺祝大家虎年大吉~！ 现在百度，阿里，腾讯，字节跳动等大厂的面试真题、面经随处可见。甚至还有多家教育机构专...

说到JavaScript的原型和原型链，相关文章已有不少，但是大都晦涩难懂。本文将换一个角度出发，先理解原型和原型链是什么，有什么作用，再去分析那些令人头疼的关系。 Jav...

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react...