时光交错的影像

接手工程化 年底了，有必要好好总结实习以来所做的工作～ 刚入职时，mentor 大哥和我说，团队的工程化存很多的优化空间，希望我后续能先从这切入，没想到这一切入，就过去了一...

乍一看，让我们手写出这个逻辑应该是非常复杂的，先看看本文最后要实现的效果吧，和这个案例是非常类似的。 图片素材依然引用自知乎问题《有个漂亮女朋友是种怎样的体验？》，侵删。 ...

是指将单页应用（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插件来提高前端开发效率的方式，但是还存在一些不是很完善的问题，比如批量替换的情况下可能会有一些代码问题，目前只能人工去排查。没有办法做漏翻译的检...

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

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

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