前端小闲鱼

Concurrent 模式是 React18 中最引人瞩目的新特性。通过使用 useTransition、useDeferredValue，更新对应的 reconcile 过程变为可中断，不再会因为长

line-height 对于一个前端小可爱来说，应该是一个会经常碰面的老朋友了。可是有一天，我突然发现自己好像对他没那么了解，他也没有外表看起来的那么简单。 两个相邻的内联元素，字体一大一小，行高相同，由于第二段文字需要有字多情况就自动去下一行的效果，所以第二个span是inl…

本篇万字长文分享AI落地前端实操作，相信你认真学习之后，也能够在公司的前端 AI 落地中迈出第一步！也是成为公司最懂 AI 的前端大佬的第一步！

其实乐观更新并不是一个新潮的思想，但大家普遍不会去实现乐观更新，归根到底还是实现成本太高。所以本篇会结合 Next.js 和 useOptimistic 讲解如何低成本并考虑全面的实现一个乐观更新。

使用 Next.js 的时候，经常会在引入三方库（比如 antv）的时候，遇到 “document is not defined”、“window is not defined" 这样的报错，此时该怎

CSS不会阻塞DOM的解析，但会阻塞DOM的渲染。CSS会阻塞JS的执行，但不会阻塞JS的下载。JS会阻塞DOM的解析，也就会阻塞DOM的渲染。

Suspense的介绍和原理 仓库地址 本节代码分支 系列文章： React实现系列一 - jsx 剖析React系列二-reconciler 剖析React系列三-打标记 剖析React系列四-co

我一开始也有这个疑惑，但是当我实际实现一个动画的时候，比如开头的那个卡片动画，这个疑问就立即得到了解答。 但除此之外，还有一部分你无法明确的初始态(First)或结束态（Last）的动画，比如开头那个卡片动画，除非你限定死了每个卡片的尺寸以及整体页面的尺寸，否则你无法明确当你任…

写在前面 本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一