Hayden

在 Web IDE 中，控制台中展示日志是至关重要的功能。Monaco Editor 作为一个强大的代码编辑器，提供了丰富的功能和灵活的 API ，支持为内容进行“装饰”，...

作为一个前端想去做全栈的项目时，可能第一个思路是 node + vue/react。一开始可能会新建多个工程目录去实现，假设分别为 web 和 server，也许还有管理后...

gzip 通常指的是压缩软件或者其对应格式，而它所使用的算法名为 DEFLATE。本文主要基于 RFC1951，向大家展示压缩算法的魅力。...

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？...

伴随业务的⻜速发展，我们也启动了针对数栈产品的体验升级计划，从策划到最后应⽤到各个⼦产品，共经历了五个阶段：策划⽅案制定、设计⽅案落地、转化设计语⾔、Theme&RC 升级...

JavaScript 引擎使用内敛缓存提高对象属性的访问速度。对于需要压榨出JavaScript 所有性能的开源框架，如angular 便利用了这个特性，提高框架的性能。...

这篇文章旨在总结 React Hooks 的使用技巧以及在使用过程中需要注意的问题，其中会附加一些问题产生的原因以及解决方式。但是请注意，文章中所给出的解决方式并不一定完全...

本篇文章取名如何搭建一个简易的 Web Terminal，主要还是会围绕这个主题，结合哆啦 A 梦去进行述说，逐步衍生出涉及到的点，笔者思考的一些点。...

有限状态机（FSM） 是计算机科学中的一种数学模型，可用于表示和控制系统的行为。它由一组状态以及定义在这些状态上的转换函数组成。FSM 被广泛用于计算机程序中的状态机制。 ...

页面性能对于用户体验、用户留存有着重要影响，当页面加载时间过长时，往往会伴随着一部分用户的流失，也会带来一些用户差评。性能的优劣往往是同类产品中胜出的影响因素，也是一个网站...

业务中会有一些需要实现拖拽的场景，尤其是偏视觉方向以及移动端较多。拖拽在一定程度上能让交互更加便捷，能大大提升用户体验。...

前段时间分享了《搭建自动化 Web 页面性能检测系统 —— 设计篇》，我们提到了性能检测的一些名词和自研性能检测系统的原因，简单介绍了一下系统的设计。在这里我们书接上篇记录...

巡检报告是指对某一个系统或设备进行全面检查，并把检查结果及建议整理成报告的过程。 巡检报告通常用于评估系统或设备的运行状况与性能，以发现问题、优化系统、提高效率、降低故障率...

基于分布表单的需求，在中后台管理中是一个非常常见的需求，通常具有如下布局： 其中，自定义需求度从高到低为，正文 > 按钮区 > 步骤条。...

我们在日常的项目开发中往往会把页面拆分成一个个的组件，通过拼装的方式来实现整体的页面效果，所以与其说去优化 React，不如聚焦在现有的组件中，思考🤔如何去设计一个组件才...

目前公司产品有关 react 的工具版本普遍较低，其中 react router 版本为 3.x(是的，没有看错，3.x 的版本)。而最新的 react router 已经...

react-router 版本更新非常快，但是它的底层实现原理确是万变不离其宗，在本文中会从前端路由出发到 react-router 原理总结与分享。...

`Cookie`实际上是一小段的文本信息，它产生的原因是由于HTTP 协议是**无状态**的，所以需要通过 `Cookie` 来维持客户端与服务端之间的“会话状态”。如网络...

在日常工作中，较少的能遇到一次性往页面中插入大量数据的场景，数栈的离线开发（以下简称离线）产品中，就有类似的场景。本文将分享一个实际场景中的前端开发思路，实现高效的数据渲染...