StefanJi

React Transition Group 是一个 React 库，用于管理和处理在 React 应用中的过渡动画效果。它提供了一组组件，可以帮助你在组件的进入和退出时应用动画效果。

周六在公司写Reactor模型，一女同事问我为啥都2023年了还在学习Reactor模型呀，我问她为啥快30的年纪了，周六还在公司看我写Reactor呀，一时间办公室里，男的，女的，都沉默了

好了，开始我们的正文学习吧。 npm init 命令用来初始化一个简单的 package.json 文件，执行该命令后终端会依次询问 name, version, description 等字段。 npm init 命令的原理并不复杂，调用 shell 脚本，输出一个初始化的 …

Electron 作为大前端下非常重要的一款跨平台应用开发框架，它将 Node 的 API 优雅地集成到 Chromium 架构下，本文将对其协调事件循环相关的实现原理进行探究，并将相关知识总结如下。

近期发现一个很酷的应用场景，对着摄像头做动作，然后分析器动画渲染到 3D 模型上，在了解其实现原理后，对一些技术点做一些学习笔记。 requestVideoFrameCallback() 就是其中的技

回流：当我们对 DOM 的修改引发了 DOM 几何尺寸的变化（比如修改元素的宽、高或隐藏元素等）时，浏览器需要重新计算元素的几何属性（其他元素的几何属性和位置也会因此受到影响），然后再将计算的结果绘制出来。这个过程就是回流（也叫重排）。 重绘：当我们对 DOM 的修改导致了样式…

ESLint是一个十分优秀的JavaScript代码检查工具，我们可以用ESLint来检查TypeScript和JavaScript代码。这篇文章我将一步一步展示如何在项目中使用ESLint来检查代码

寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…

什么是 Virtual DOM ？ 在前端技术蓬勃发展的上古时代，前端开发主要是一些静态页面，使用 ajax、jQuery 等命令式的完成一些对 DOM 的操作。