Flex 到 HTML5 - 表示层（画布、div、？？？）答案

【问题标题】：Flex to HTML5 - what for presentation layer (canvas, div, ???)Flex 到 HTML5 - 表示层（画布、div、？？？）
【发布时间】：2012-11-16 08:41:30
【问题描述】：

我的问题是关于从 Flex3 迁移到 HTML5。我实际上想迁移自己而不是应用程序。问题是，什么方向最好，最类似于弹性知识。也许我会重新实现一些我已经在我的 flex 库中的自定义组件。我认为我必须在 HTML5 中实现一些有用的 flex 组件——例如AdvancedDataGrid 或树。

现在我可以看到两种可能性：

假设页面（或大DIV）为应用主类，并实现基于扩展 DIV 功能的其他组件 - 并放置 DIV in DIV in DIV - 就像 AS3 使用 UIComponent。它给了我支持通过浏览器环境事件处理或 DIV 移动和重绘等
假定一个 CANVAS 组件作为应用程序主类。建立自己的具有所有者绘图控件等的类树。我想我需要为我的内部视觉实现事件处理和调度组件。还有我需要的所有 UI 操作（如移动、重绘）自己实现。

我假设我将开始构建自己的类/组件库以供将来长期使用。问题是什么对知识和工作投资更好？

很高兴了解有关此问题的广泛意见。你可以在这里给你吗？

【问题讨论】：

也可以考虑使用现有的库，例如jQuery UI
我同意这里的大多数其他 cmets，尽管起初认为用另一种语言重新编写框架的大部分内容似乎是值得的，但那里也有很多不错的替代方案。我一直是 Processing.org 的忠实粉丝，他们有一个 js 库，所以如果我试图获得接近 AS3 但主要适用于现代浏览器的东西，这可能是我的起点。

【解决方案1】：

根据经验，我们可以说编写 DataGrid 组件是一项非常艰巨的任务。我们已经在 DataGrid 组件上工作了 3 年，而且我们仍在添加功能。与其编写自己的 ADG 之类的组件，不如考虑使用 JS 框架。以下是一些：

每个都带有自己的网格组件。 Senchas 网格非常好，但一些 jquery 网格也是如此。例如：Best dynamic JavaScript/JQuery Grid

底线，不要重新发明轮子。市面上有许多出色的付费和免费版本，请选择一个适合您的版本并使用它。

【讨论】：

感谢您的回答。它真的很有价值。你知道任何类似于 AS3 的框架吗？我的意思是想法而不是代码。我想选择一个不会在我的大脑中发生革命的女巫，我仍然可以支持我以前的 flex 应用程序:)

【解决方案2】：

免责声明：我是 Web Atoms JS 的作者

Web Atoms JS 旨在引入 Flex、Silverlight 和 XUL 的所有概念。并且这些技术中的每一个都使用了更多的 XML 标记来实现非常高级的 UI 控件。屏幕变得复杂，并且在不断变化时将它们可视化变得很痛苦。

使用 Web Atoms，您将编写比任何其他框架更少的代码。 Web Atoms 附带了所有基本的 flex 组件，还有更多即将推出。

这是 Web Atoms JS 中一切皆有可能的示例。

【讨论】：