l1n3x

深入理解 flex 属性 flex 布局开发中使用得频率也很高，但是大部份时间只是轻度使用，例如设置水平布局等。实际上 flex 布局中也有许多小细节。本文从实例得角度来分析 flex 布局中得常见属

最近遇到这样一个需求，让某个 dom 以一定的延时移动到某个坐标。例如给定以下坐标: 需要每隔 400ms 移动一次位置。由于坐标位置和数量都不固定，因此写 keyframe 不太方便。于是决定用 P

bind bind 可以看作是 js 中的部分应用(partical), 调用的方式为: 我们知道 function.length 返回的为 函数声明的形参个数，而 bind 返回函数同样遵循这个原则

npm & yarn & pnpm 的区别 npm 作为 node 钦点的包管理器在平时前端的开发中被广泛使用。那又是什么原因导致了 yarn 以及 pnpm 的出现呢？ 本篇文章将从 npm 功能的

函数式编程之 point free 在函数式编程中有一个比较重要的概念为 point free。这个名词我目前在网络上还没有找到比较信达雅的翻译，因此这篇文章中就直接使用未翻译的表达方式。个人理解，p

CSS 实现子菜单逐渐弹出动画 最近在使用 utools 中的一个插件时发现一个子菜单的弹出动画比较有意思 具体的说就是 hover 菜单图标时，子菜单从左到右依次显示，并且有缩放的效果。于是想着能不

昨天偶然在前端群里面开始讨论的一个话题: 实际上之前我的答案都是：“是”。直到在和群里大佬激烈讨论并测试才发现我一直以来对这个问题都有着错误的答案。 diff 在深入到这个问题之前先统一对 diff

react 如何处理 dom 新增 在 react 协调阶段会根据数据变动进行 diff，并将 diff 结果用于修改真实的 dom。目前已经有许多文章对 react 的 diff 算法进行了详细的分

react 更新流程 基本概念 update: 在 react 中通过类组件 setState 或者函数组件的 state hook 的 setState 会产生一个 update。update 挂载