甜虾

从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：

能够把可中断的任务切片处理。 能够调整优先级，重置并复用任务。 能够在父元素与子元素之间交错处理，以支持 React 中的布局。 能够在 render() 中返回多个元素。 更好地支持错误边界。 Fiber 调度的主要实现其实就是参考了BOM中的2个比较有意思的API实现的：r…

rollup打包产物解析及原理（对比webpack） 上篇： webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） rollup定位 rollup比webpack晚出2年，对比web

本系列将通过chromium源码，html规范，实际浏览器执行顺序测试等多个方面，展示一个你所不知道的事件循环和渲染帧。

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

在《effect 范式下的组件状态和依赖》中，useState / useEffect 是被最多提及的。 那本文就从实现简单的 useState / useEffect 落脚，讨论下他们如何管理状态、驱动 render 的。 返回一个数组，包含最新状态和 set 状态的方法。 …

大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。 那这些组件库都是怎么打包的呢？ 我们自己写个组件库的话，怎么写打

观察者模式和发布订阅这两个东西听起来都不陌生，但是它们的差异究竟是什么，以及它们有何关联，让我们重新认识一下这两个概念。