Fuzzyface

使用 glyphhanger 对 TTF 字体进行子集优化，生成 WOFF2 格式，大幅减小字体包体积，提升网站加载性能。...

前言 相信在座的各位肯定都是正人君子，现在生活压力可能有点大，偶尔做做spa放松放松也是无可厚非的。接下来呢各位浴皇大帝可以先收一收自己的小心思，咱们来聊一聊程序员世界中的...

通过 History API 或 Hash Routing 实现不刷新页面更新 URL。History API 更现代，Hash Routing 兼容性更好，适合不同场景需...

本文是我前端工作8年的一些总结和感想，主要记录下个人点滴、前端知识点、场景应用、未来的憧憬以及个人规划。...

本文对比了 React 中 useEffect 和 useLayoutEffect 的执行时机，通过示例展示了两者在状态更新时的差异...

利用 Promise 的 resolve 和 then 方法实现发布订阅模式，生产者发布消息，消费者订阅并处理消息，适用于简单异步场景。...

本文手动实现了 JavaScript 中的 `Promise.all`，并扩展实现一个带有并发控制的 `promiseAllWithConcurrencyLimit` 函数...

最近在准备面试，之前一直对 React 里面的 useLayoutEffect 和 useEffect 两个 hook 的区别不是很清楚，于是乎想到了deepSeek，我问...

本文将介绍React前端实现AI流式逐字展示效果的主流实现！Server-Sent Events！ 一、原理 「机器人式的流式回复」效果如下，内容是逐步根据后端返回的数据进...

引言 在这个信息爆炸的时代，谁不想让自己的网页像直播一样实时更新呢？想象一下，你在看一个美食博客，突然弹出一条消息：“厨师刚刚把烤箱预热到了200°C！”是不是觉得特别酷？...

使用纯CSS实现一个M走向效果的动态线性边框，重点在控制关键帧动画的时间，让线条达到有一个停滞的效果，让下一个元素的动画开始执行。...

众所周知，不管是什么框架，在前端 UI 渲染时，都会有构造出一套相关的渲染树，并且在 UI 更新时，为了尽可能提高性能，一般都只会进行「差异化」更新，而不是对整个 UI T...

7 年前，我被培训机构 8k 高薪的幌子，骗着贷款了 2w 块钱，签完合同的后，我才觉察到自己被骗了...

通过三个概念理清js原型链：实例对象 person 、构造函数 Person 或 person.constructor、原型对象 person.__proto__ 或 Pe...

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这...

面试中要是被问到css相关的问题基本上就是白给了，都是些基础知识，赶在金三银四之前，我们来复习下关于css的面试题 这里总结了16个近年来关于css面试热点问题，文章有点长...