FeiyueFE

在正式开始介绍 bpmn.js 源码之前，我想先向大家介绍一下与 bpmn.js 相关的一些概念。根据官网介绍，bpmn.js 作为**符合 BPMN 2.0 标准 XML...

作为 bpmn.js 与 diagram.js 的模块化系统的底层依赖，Injector 通过 依赖注入 的形式完美分开了不同功能模块之前的核心代码，保证使用者 只需要了解...

总的来说，diagram.js 虽然是作为 bpmn.js 的底层项目，用来提供绘图能力与交互能力，并实现了一些工具函数；但是 本身并没有实现太多功能，只是作为初始化依赖注...

bpmn-js 源码解析和实践：源码篇4 diagram-js 的 ElementFactory 与 ElementRegistry 解析。...

在上一节的 diagram.js 简介部分，有提到过我们在 new 一个 Diagram 实例时，实际是将配置项和 CoreModule 核心模块放在一起之后用来 初始化依...

《bpmn-js 源码解析和实践》第六篇：CommandStack 命令处理与记录的栈。解析了 `diagram-js` 的核心模块之一 —— `CommandStack`...

上一节中有提到过，features 目录中，主要是一些 功能扩展模块，包含了 palette 画板、contextPad 上下文菜单等，此次就用两章的篇幅来讲一下这里面的一...

在迷雾与晨光中照见爱的真相 一、古典叙事中的情感张力：傲慢与偏见的双生枷锁 当19世纪英国乡村的晨雾漫过彭伯利庄园的草甸，钢琴声裹挟着欲言又止的情愫流淌，伊丽莎白与达西的故...

上一章介绍了 Palette、ContextPad 和 Overlays 三个用来辅助绘图的扩展模块，以及如何使用和改造这三个模块。 但除了这几个模块之外，还需套涉及到 鼠...

前两章我们讲了一些 fratures 中用来帮助创建和操作图元素的相关模块，但是这些内容依然只占了 features 中的一小部分。当我们从 Palette 创建元素或者通...

moddle 仓库，本身在 bpmn-js 或者 dmn-js 等基于 diagram-js 开发的图形绘制库中，相当于 对元素及元素扩展属性的一个标准化处理模块，它 规定...

上一节 Moddle 的讲解中，已经清楚了 bpmn-js 在 编辑图形的过程中 是通过什么方式来规定每个元素与属性的合法性的，知道了我们所说的 属性描述对象 descri...

防抖是一种优化技术，用于减少高频率事件（如输入框输入、滚动事件等）触发的执行次数。 它会延迟执行目标函数，直到事件停止触发的一段时间后才执行。 如果在延迟时间内再次触发事件...

当我们已经掌握了之前的内容以后，再来看 bpmn-js 或者 dmn-js 图形界面 的逻辑其实就很简单了。 根据 Bpmn.js 进阶指南之原理分析与模块改造 中讲到的 ...

SEO 的游戏已经改变~ 如果 ChatGPT 找不到你，你还真的存在吗？ 像 ChatGPT、Perplexity 和谷歌新推出的 AI 搜索等 AI 工具的兴起正在重塑...

2025 年，前端开发的生态系统依然在继续演变，也为开发者提供了多种框架选择。 其中，React、Vue 和 Svelte 依然是最受欢迎的几个选项之一，它们每个都有其独特...

告别 Date 的痛点 JavaScript 中的日期和时间处理一直是开发者的痛点。自 1995 年 JavaScript 诞生以来，Date 对象就伴随着各种设计缺陷，给...

这是我基于当前技术发展趋势下的看法，在技术进步、用户期望的改变以及对更加高效工作流程的需求的推动下，前端开发者正在采用新的工具、框架和范例来创造沉浸式、高性能和可访问的网络...

在前端开发的世界里，框架的选择往往决定了项目的成败和开发效率。2024-2025年，随着前端技术的快速发展，开发者面临着越来越多的选择。本文将深入分析React、Vue、S...

近日，国内首款 AI 原生 IDE——Trae AI——宣布即将调整其服务模式，从完全免费转向部分功能或版本收费的消息在开发者社区引发热议。这款由字节跳动推出的 AI 编程...