RockyRen

本文聚焦于**将页面 INP 指标的 tp75 值降低至 200ms 以下**这一具体目标，**阐述 React 场景下 INP 的性能分析方法和优化方式**。...

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

qiankun stars: 需求 最近公司有一个任务，代码拆分，之前有几个项目的代码杂糅到一块了，导致我修改A项目，B项目也会重新部署，收到影响。 为了方便产品的售卖部署...

--- theme: channing-cyan --- ## 概述 `import-html-...

页面性能是直接影响用户体验，当页面加载时间过长、交互操作不流畅时，意味着业务可能会出现转化率降低、用户流失等业务问题。本文详细介绍了快手商业化技术部针对页面性能所做的治理工...

字节 Web Infra 团队和 Module Federation 作者联手，正式推出 Module Federation 2.0！...

微前端性能优化的那些事 本文基于qiankun框架给大家分享下微前端性能的那些事，在解构巨石应用的基础上，页面体验获得巨大提升。...

为什么选择微前端作为项目亮点 作为面试官，我经常听到很多候选人说在公司做的项目很简单，平常就是堆页面，写管理端，写H5,没有任何亮点，我以我一次面试候选人的经历分享给大家 ...

当浏览器想要获取远程的数据时，我们并不会立即动身（发送请求），在计算机领域，很多性能问题都会通过增加缓存来解决，前端也不例外。这也意味着，在缓存检查阶段我们就会有很多机会将...

背景 Web页面白屏表示用户无法正常使用页面，可能会导致用户不耐烦并流失。作为开发者，应该在白屏出现后及时感知，迅速排查并修复问题。...

对于我们很多开发者来说，写代码一般都会只考虑业务，对于安全方面的问题确实不会过多考虑。所以一旦面试被问到安全相关的问题，那么不知道如何回答了~~...

描述项目的时候，若是加上这个部分，就能变成前端面试超靓的仔！ 来跟着子辰一起看看，如何解决js脚本加载失败的问题...

前言 目前接触过很多SaaS系统。随着业务量的升级，项目不得不做拆分。保证系统稳定性的前提，优化开发人员的体验。 目前在做这块的升级，所以调研了一些主流方案，有兴趣的来看看...

如果代码只是一次性的，那么代码质量可能不会成为议题。然而，在现实世界中，我们需要经常维护代码，通常是由一个团队来维护。高质量的代码可以降低团队维护代码的成本，从长远来看，这...

心碎飞书 3 月 26 日，字节跳动旗下产品飞书的 CEO 谢欣发布全员信，正式宣布进行新一轮的组织调整，即裁员。 内部全员信如下： 我有不少朋友是在字节跳动，甚至就在 L...

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

useSyncExternalStore使用及原理 useSyncExternalStoreWithSelector源码 zustand源码...