时光交错的影像

是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同...

对于普通的 React 动画，我们大多使用官方推荐的 react-transition-group，其提供了四个基本组件 Transition、CSSTransition...

背景 base64的编码原理网上讲解较多，但解码原理讲解较少，想要彻底了解base64的编码与解码原理，请耐心看完此文，你一定会有所收获。 编码原理 Base64编码将字符...

JavaScript 提供了一些 API 来处理文件或原始文件数据，例如：File、Blob、FileReader、ArrayBuffer、base64 等。下面就来看看它...

原文对 Blob 的知识点介绍得非常完整清晰，本文通过四个问题来总结本文核心知识： Blob 是什么？ Blob 怎么用？ Blob 有哪些使用场景？ Blob 与 Arr...

在上篇《React 之 requestIdleCallback 来了解一下》，我们讲解了 requestIdleCallback 这个 API，它可以实现在浏览器空闲的时候...

一个比现存的网络资料更能让你搞清楚滚动穿透的本质和如何解决它的文章。解决方案不仅能用，还得要搞懂为什么这么用才行...

Suspense 组件想必大家都用过，一般是和 React.lazy 结合用，用来加载一些异步组件。 比如这样一个组件： 就可以在另一个组件里用 lazy + Suspen...

在本篇文章中，我们将深入探索组件流式（stream）渲染和分块（chunk）传输编码，探索 Next.js 如何运用这些技术来优化页面内容传输以及提升用户体验。...

本文主要介绍心遇APP站内玩法H5的体验优化实践，主要包括离线包功能简介、接口图片预加载、榜单优化等具体场景内容。...

Chrome DevTools 是每位前端开发者的得力助手，它提供了丰富的功能和工具，帮助我们诊断和调试网页应用程序。...

总结 经过近五年的发展，新的 HTTP/3 协议接近最终形式。早期的迭代已经作为一项实验性功能可用，可以预期 HTTP/3 的可用性和使用将在 2022 年大幅提升。 那么...

本篇文章主要写了通过i18n插件来提高前端开发效率的方式，但是还存在一些不是很完善的问题，比如批量替换的情况下可能会有一些代码问题，目前只能人工去排查。没有办法做漏翻译的检...

2024 已经到来，在 Web 前端这个岗位已经工作 6 年，这里将 2023 的学习内容做一些总结，并规划 2024 的学习计划。同时，子弈祝大家新的一年，身体健康、工作...

随着前端项目规模的不断扩大，构建时间和性能成为了开发者们日益关注的焦点。 在这个背景下，esbuild 以惊人的速度和卓越的性能迅速吸引了众多开发者的目光。...

最近，在项目中遇到一个关于CSS中元素z-index属性的问题，具体问题不太好描述，总结起来就是当给元素和父元素色设置position属性和z-index相关属性后，页面上...

作为一名 CSSer，我并不反对“切图”。 相反，有些地方还是更推荐的，特别是那些奇形怪状的 UI，合理的“切图”可以极大地提高布局效率，当然，这里需要一点点技巧，将“切图...

相信每一个前端小伙伴都使用 z-index 来做过一些蒙版的层级控制，但是你是否了解层叠上下文这个概念呢，你在使用 z-index 来控制层级的时候，有没有遇到过一些想不通...

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最...

作为 react 最新特性，服务端组件提供了一种在组件里面编写后端逻辑的思路，还可以使得最终 js 产物减少，提升网站运行速度。本文主要介绍服务端渲染以及服务端组件的相关概...