袋鼠云数栈 UED 团队

本文介绍了如何使用 Babel 分析和转换 JavaScript/TypeScript/React 代码中的中文文本，实现自动提取为国际化文案。

JSON.parse 是我们在前端开发中经常会用到API，如果我们要自己实现一个JSON.parse，我们应该怎么实现呢？今天我们就试着手写一个JSON Parser，了解下其内部实现原理。 JSON

流程图组件库除了 mxGraph，还有其他一些流行的库，例如：ReactFlow、G6、X6等等，各个库的特点、具体实现原理各有不同，但图形渲染方式却主要都是这两种：Canvas 和 SVG。 本文会

本文主要以 webpack5 中一个特性 — Module Federation（模块联邦）为核心，介绍 Module Federation 的原理以及其在业务当中的应用场景。

ACL(Access Control List)添加 acl 属性可以控制标签显示，使用到了 angular 中的指令功能，产生了如何在 React 中实现 angular 和 vue 的指令功能。

在大数据业务中，时常会出现且或关系逻辑的拼接，有需要做成可视化配置，该文章讲解如何从0到1实现该组件

Suspense 组件我们并不陌生，中文名可以理解为暂停or悬停  , 在 React16 中我们通常在路由懒加载中配合 Lazy 组件一起使用 ，当然这也是官方早起版本推荐的唯一用

在上面案例中，我们需要自行创建一个根容器来渲染 React 组件， 且我们必须及时清除该根容器，避免对其他测试用例产生影响。 在 Header 组件中，我们每次点击按钮都会进行计数+1，当我们要进行点

生产力工具 + AI 是不可逆转的趋势，慢慢的大模型能力通过 AI Agent 落地的工程化能力也开始趋于成熟。作为大数据产品的数栈也必然是需要借助 AI 能力提升产品竞争力。 去年 12 月，我们在

Monorepo 是集中式管理的前端代码管理方式，将所有的项目在集中一个代码仓库中进行管理，严格的统一和收归，有利于统一的升级和管理。作为新型的管理方式，Monorepo 有效降低了运营及协作成本，但

本文旨在通过 webpack5 Module Federation 的实践，实现 AppMenus 与各个子产品的解耦，即 AppMenus 作为共享资源，将其从 dt-common 中分离出来，保证

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

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

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

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

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

模块化开发是我们日常工作潜移默化中用到的基本技能，发展至今非常地简洁方便，但开发者们（指我自己）却很少能清晰透彻地说出它的发展背景， 发展过程以及各个规范之间的区别。故笔者决定一探乾

你知道代码是如何被执行的吗，你知道 CPU 内部的奥秘吗，我们以一段 C 代码为例，来探秘一下代码的执行过程。

单元测试是一种用于测试“单元”的软件测试方法，其中“单元”的意思是指软件中各个独立的组件或模块。开发者需要为他们的代码编写测试用例以确保这些代码可以正常使用。

该篇文章详细讲解了如何从 antd3 升级到 antd4 其中的步骤，以及团队在实践过程中发现的一些问题和对应的解决方案。