不会数论

前言 在Web开发中，图片处理是影响用户体验和网站性能的关键因素。前端开发者每天都要面对一系列图片相关的技术决策： 静态图片格式：选择PNG还是JPG追求更小体积？ 动态图...

Go的设计者不断优化切片扩容的机制，其目的只有一个：就是控制让小的切片容量增长速度快一点，减少内存分配次数，而让大切片容量增长率小一点，更好地节省内存。...

在使用vite时，我们通常最直观的感受就是-“太快了！”。打包构建速度简直就是飞一般的感觉。 但是你有没有想过，为什么 vite 可以做到启动速度这么快呢？他对比传统的 w...

我来介绍一个非常神奇的前端功能：轻易地将文本、视频，还是炫酷的动态内容，统统都能“飞”起来。任何 HTML 内容都能实现画中画模式，...

开门见山，有这样一种非常常见的情况，对于一些可滚动的元素而言。通常在滚动的时候会给垂直于滚动的一侧添加一个阴影，用于表明当前有元素被滚动给该滚出了可视区域，类似这样： 对于...

> 于水增 ## 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难...

其实刚看到这个题目的时候，我的内心是拒绝的，但是本着对科学的敬畏精神，我开始了 CommonJs 的探索之路。 来来来奉上我这几天的心血，拿走不客气。如有错误欢迎指正，共同...

上篇文章我们讲解了beginWork的工作流程，而workLoop中另外个重要的函数就是completeWork，此篇文章会着重剖析completeWork阶段的工作内容...

前面两篇文章介绍了fiber架构和workLoop如何调度。但是缺了一块非常重要的地方，那就是开发者写的代码是如何对接到上面流程的？ 在日常开发中，我们只关心了如何写组件，...

react16之后重构了ReactElement构成的树形结构，而beginWork、completeWork的核心目的就是做这样的一件事情，把ReactElement的结...

workLoop是react中一个非常重要的执行函数，今天的这篇文章我们需要完成下面几个小目标： 理解什么是workLoop? 熟悉workLoop的流程是什么？ 掌握wo...

💥 🔖 好玩的 CSS - 40 个有趣的 CSS 网站 🌐 基础学习 🧚 CSS 动画 🕹️ 教学游戏 🎰 代码生成 🎨 色彩搭配...

本文拆解初级、中级、高级前端在能力结构、思维方式和业务理解上的核心差异，指出“熟练执行”不等于“中级”，真正的成长来自结构化思维、系统能力沉淀与技术反哺业务。适合前端开发者...

我们为什么要阅读webpack源码 相信很多人都有这个疑问，为什么要阅读源码，仅仅只是一个打包工具，会用不就行了，一些配置项在官网，或者谷歌查一查不就好了吗，诚然在大部分的...

在 Node.js 中，zlib 模块提供了对数据压缩和解压缩的功能，以便在应用程序中减少数据的传输大小和提高性能。该模块支持多种压缩算法，包括 Deflate、Gzip ...

Nodejs os 模块可以跟操作系统进行交互 序号 API 作用 1 os.type() 它在 Linux 上返回 'Linux'，在 macOS 上返回 'Darwin...

windows大家肯定熟悉，posix可能大家没听说过 posix（Portable Operating System Interface of UNIX） posix表示...

如何在nodejs定义全局变量呢？ 在nodejs中使用global定义全局变量，定义的变量，可以在引入的文件中也可以访问到该变量，例如a.js global.xxx = ...