humblezz

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

从 58MB 到 2.6MB：React 官网性能优化实战全记录 📖 目录 引言：一个触目惊心的发现 第一步：性能诊断 第二步：图片优化 - PNG 转 WebP 第三步...

1. scroll 机制是一个很优秀的用户体验机制，只不过这个机制并不能兼容 dialog 的场景 2. 滚动透传本质上是 scroll 触发机制导致的，并不能算是一个技术...

一篇完整的 PWA 应用开发介绍文章，从PWA理论概念，到 Service Worker实战demo，以及项目中结合 Vite或 Webpack实践都进行详细描述。...

PWA基础 一、PWA 是什么？一个通俗的理解 PWA 的全称是 Progressive Web App，中文翻译为“渐进式 Web 应用”。 你可以把它理解为一个使用了现...

本文主要介绍了白屏的表现形式和产生原因，并给出了几种白屏检测解决方案，包括可见元素识别检测、页面内容得分检测和页面采样识别检测等。...

前言 来到字节快一年了，最初的我满怀憧憬，以为大厂的代码一定是高深莫测、充满黑科技的艺术品。然而，深入项目后才发现，这里的代码并没有想象中那么“高大上”，反而透着一股朴实无...

渐进式Web应用（Progressive Web App） 是一种使用现代Web技术构建的应用程序，它结合了Web应用的广泛覆盖性和原生应用的优秀体验...

前端借助docker实现容器化的一些尝试和记录 docker + react + ts + pnpm + vite...

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是...

写在前面 前端开发最让人头疼的莫过于兼容性问题，继上一篇 前端兼容性问题 - CSS、JS 兼容 之后，这一篇主要研究并解决屏幕尺寸的兼容性问题 目录： 当前现状 解决方案...

你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只...

本文不是卖课，也不会兜售所谓面试技巧，更不会制造焦虑。就是聊一个可能残酷的事实。建议带着同理心一起服用。...

在我最近的工作项目中，我采用了 pnpm monorepo 来管理多个基础库的开发。这种方式虽然在项目组织上提供了便利，但在调试过程中却给我带来了不小的挑战。...

作为牛马，虽然能理解薪资保密的初衷，但你肯定忍不住想知道身边同事的工资吧？本文介绍一种高级的技术方案，随风潜入夜，润物细无声。...

在当今 AI 飞速发展的时代，大型语言模型 (LLM) 如 Claude、ChatGPT 等已经在代码生成、内容创作等方面展现出惊人的能力。然而，这些强大的模型存在一个明显...

昨天下午，来了个刚毕业的学弟，很认真地跑过来问我：“哥，我看网上好多人都说前端要学Node，我到底要学到什么程度啊？是不是得把Express、Koa那些都搞会了才能找到好工...

什么是点九图 Android平台里有一种特殊的图片形式，文件扩展名 xxx.9.png，为了方便记忆，所以称其为点九图，英文是 Nine Patch。 应用场景 当我们需要...

最近接了一个需求，产品让在页面上加一个按钮，我（不假思索）：“好的！简单！”。 设计：“好的，按钮样式如下：” 我：“？”...