落风lovelost

1. 什么是 PWA？ 2. 首屏优化 2.1. 静态资源优化 2.2. 动态数据优化 2.3. 直出html优化 3. 替代离线包 但是离线包系统是非常成熟的系统，要完全替换掉它还需要考虑许多方面的问题。 3.1. 更新机制 离线包有个自动更新的机制，每隔一段时间就会去请求离…

这篇文章主要是探索React reconciler的新实现-Fiber中的work loop。在文本中，我们对比和解释了【浏览器的call stack】和【React Fiber架构自己实现的stack】之间的不同。 为了自学和回馈社区，我花费了大量的时间去做web技术的逆向工…

一些比较清晰的视角，可以学习到如何高屋建瓴地去构造 React 组件。和读者分享什么才是一个资深开发者应该关注和做到的事情。

解析源码前，我们明确几个问题： Scheduler是什么，作用是什么？ Scheduler的出现是为了解决什么问题？ Scheduler是一个任务调度器，它会根据任务的优先级对任务进行调用执行。 在有

本文讲解的是怎么实现一个工具库并打包发布到npm给大家使用。本文实现的工具是一个分数计算器，大家考虑如下情况： 上面计算的输出是：0.(197530864)。其中()里面的是循环的数字，也就是说原来的小数是0.197530864197530864197530864...。本工具…

作为程序员，不管是前端开发工程师还是后端开发工程师，编译技术都与我们的工作息息相关。在实际工作中也经常会碰到需要编译技术的场景。比如，前端开发工程师想要了解TypeScript是如何把一门语言翻译成另一门语言的，以及babel是如何编译JavaScript的等等。学习编译技术有…

tooltip是一个非常常见的交互，一般用于补充文案说明。比如下面这种（蓝色边框表示屏幕边缘） 通常tooltip都会有一个固定的方向，比如top表示垂直居中向上。 但是，如果提示文案比较多，提示区域

彼时彼刻，Vite 以其极致的项目启动速度和 HMR 速度，在前端工具链领域一骑绝尘，后来挑战者出现了，它就是由 webpack 创始人联合开发的 Turbopack...

现在前端项目基本都采用打包技术，比如 Webpack，JS逻辑代码打包后会产生一个 bundle.js 文件，而随着我们引用的第三方库越来越多或业务逻辑代码越来越复杂，相应打包好的 bundle.js 文件体积就会越来越大，因为需要先请求加载资源之后，才会渲染页面，这就会严重影…