Zegel

开发中经常使用到Modal/Dialog（模态对话框，弹窗），作用是中断用户的操作，使用户必须先响应对话框中的内容。

从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。

本文探究的方案是基于一次react-router + react-transition-group实现转场动画的探索这篇文章里的例子，补充了原文没有提到的点，结合实际开发中遇到的问题，优化解决了一些棘手的问题，可以说是当前最全最优方案。推荐先看完那篇文章后，再来探究本文讨论的技…

print作为浏览已经比较成熟的技术可以经常被用来打印页面的部分内容，我们可以在mdn上查看到mdn相关的简单介绍。 window.print api介绍 caniuse print:包括print的事件，分页，媒体查询等兼容性部分 https://github.com/Doe…

在 React 项目中，有很多地方需要用到 Ref。例如使用 ref 属性获取 DOM 节点，获取 ClassComponent 对象实例；用 useRef Hook 创建一个 Ref 对象

相信很多人和笔者从前一样，babel的配置都是从网上复制黏贴或者使用现成的脚手架，虽然这能够工作但还是希望大家能够知其所以然，因此本文将对babel（babel@7）的配置做一次较为完整的梳理。 上面是babel官网的一段话，可以理解为babel是基于插件架构的，假如你什么插件…

基于react的拖拽功能，有这么几个比较流行的库： react-dnd react-beautiful-dnd dnd-kit react-sortable-hoc React-dnd

之前项目里的头部导航需要实现吸顶效果，一开始是自己实现，发现效果总是差那么一点，当时急着实现功能找来了react-sticky这个库，现在有空便想着彻底琢磨透这个吸顶的问题。 1. 粘性定位 吸顶效果自然会想到position:sticky, 这属性网上相关资料也很多，大家可以…

对于Typescript项目的编码规范而言，主要有两种选择ESLint和TSLint。ESLint不仅能规范js代码，通过配置解析器，也能规范TS代码。此外由于性能问题，TypeScript 官方决定全面采用ESLint，甚至把仓库作为测试平台，而 ESLint 的 TypeS…