应用截图

详细介绍

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 开发者工具的测试版。 虽然数据流控制台日志(抽屉)可以随时打开,但控制台工具仅处于初步图形界面设计阶段,无法探查或操作已连接标签页中的库。