应用截图
详细介绍
dflibg/js 数据流开发者工具。
dflibg/js dfirefly 是一套软件开发工具(SDK),适用于使用 dflibg/js Avallon 库构建的数据流应用。
dfirefly SDK 包含多个面板,可用于检查数据流组件、监控数据流、设置数据流断点、审查和分析已编译的应用(数据流 lint、性能分析等)、映射和可视化应用中的数据流,以及打开数据流日志或控制台。
请观看概览视频 https://youtu.be/qLko0-vj5ls 或简介视频 https://youtu.be/vcEq3PwE418。
数据流组件
基于 dflibg/js 的数据流应用围绕以下组件构建:
- 数据流;
- 生成和观察数据流,以及将其附加或连接到文档对象、服务器、代理、窗口、数据存储等的节点;
- 由这些节点构建的数据流引擎(模块),包括动态服务器和可重用数据流库模块、用于模型的 CBF/控制器模块(CodeBehindForm)等;
- 数据流可以被动或响应式地从中获取或写入的数据存储;
以及
- 可实例化的模型,可由其构成文档或文档的各个部分。模型集成了:
文档部分原型(模板);
在实例附加到 DOM 时对其进行初始化的启动数据流引擎;
用于这些模型实例的 CBF/控制器模块;
每个模型实例的私有数据存储;
以及由该模型所有实例共享的独立数据存储。
dfirefly 功能:查看/检查
dfirefly 的查看/检查功能有 4 个子面板:
- examine:检查模块、节点及其数据流和数据流过程。
- packages:检查模型/模型实例、数据存储和视图。
- connections:检查文档/数据存储与数据流引擎(DFE)之间的连接,即流入 DFE 的元素和数据存储数据流源,以及数据流附加到的元素和数据存储。
- communications:检查流和对话:
clients:指向模块、线程或窗口的数据流;
streams:模块之间、窗口之间以及应用与扩展程序之间协商建立的数据流通道;
proxies:其 promise 代表远程服务器或与其他模块、应用等进行对话的节点。
dfirefly 功能:监控和数据流断点调试
dfirefly - watch:
监控单个数据流:浏览数据流图/树并选择单个数据流进行实时监控。
dfirefly - debug:
浏览应用并设置数据流断点;
单步进入或跳过数据流传播过程;
检查数据流事件线程中所有组件的状态。
dfirefly - console:
虽然控制台目前还不能探查和修改数据流,但它包含一个数据流日志“抽屉”(可在任何面板中打开)。数据流日志显示库的编译消息、警告和错误。
dfirefly 功能:审查和分析
dfirefly - audit:
为单个模块和应用创建并检查数据流 lint 报告。
生成未解析引用报告。
dfirefly - analyze:
可视化数据流:生成数据流图,显示数据如何流经应用,从来源到影响文档元素、数据存储等的过程;可选择显示数据源、接收端、继承关系等。
映射数据流:生成数据流聚类分析和数据流图的 DOT 语言表示。
性能分析(初步功能):生成相对于模块的计算成本分析。
文档和支持
更多概览信息可在 www.dflibg.org/web/production/dfirefly_download.html 的入门部分、扩展程序内的欢迎页面中找到,也可通过打开 www.dflibg.org/sdkfirefly.html 演示页面查看。
该页面展示 dfirefly 的面板、概览文档、面板详情节点等,但没有任何内容,因为它没有作为扩展程序连接到网页。
请查看调试面板中的概览菜单项,了解数据流断点调试器可以实现的功能,包括一个半实时示例。有关 dflibg/js 及其 dfirefly SDK 的更多信息,请访问 www.dflibg.org。
隐私
此扩展程序不会以任何形式使用、保存或传输任何用户数据。请参阅扩展程序欢迎页面上的隐私链接,或 www.dflibg.org/sdkfirefly.html(前端演示)上的隐私链接。
审核人员说明及更多信息
以下示例使用 dflbg/js Avallon 库:
www.dflibg.org/web/examples/acHelloWorld.html
www.dflibg.org/web/examples/acFluxQModels_Datastore.html
它们将激活 dfirefly SDK 扩展程序的页面操作图标。
此外,dfirefly SDK 本身也是一个基于 dflibg/js Avallon 的数据流应用!因此,要进一步探索 dflibg/js 数据流应用、模型、模块和数据存储等,你也可以在扩展程序自己的前端上运行它:
- 安装扩展程序;
- 打开 www.dflibg.org/dkfirefly.html。
随后会出现 dfirefly 页面操作图标。
- 点击该图标,即可探索并实时查看 SDK 演示。
如果浏览器要求你为扩展程序启用数据访问权限,请针对当前使用 SDK 分析或调试的页面 URL 或域名启用该权限。
发布说明:
请注意,这是 dflibg/js dfirefly 开发者工具的测试版。
虽然数据流控制台日志(抽屉)可以随时打开,但控制台工具仅处于初步图形界面设计阶段,无法探查或操作已连接标签页中的库。