Flex 到 HTML5 - 表示层（canvas、div、？？？）

我的问题是关于从 Flex3 迁移到 HTML5 的问题。我实际上想迁移自己而不是应用程序。问题是，什么方向是最好的，和Flex知识最相似的。也许我会重新实现我的 Flex 库中已有的一些自定义组件。我认为我必须在 HTML5 中自己实现一些有用的 Flex 组件 - 例如高级数据网格或树。

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

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

我想，我将开始构建自己的类/组件库以供将来长期使用。问题是知识投资和工作投资哪个更好？

了解关于这个问题的广泛意见将是一件好事。 你可以在这里给你的吗？

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

• DOJO（用于 RIA 企业应用程序开发的优秀框架，以及 自由的！）

• Sencha（相当不错，但商业化）

• JQuery（非常流行，但高度分散）。

其中每一个都有自己的网格组件。 Senchas 网格非常好，但一些 jquery 网格也不错。例如看这个：最佳动态 JavaScript/JQuery 网格 https://stackoverflow.com/questions/8677298/best-dynamic-javascript-jquery-grid

最重要的是，不要重新发明轮子。有许多优秀的付费和免费版本，选择一个适合您的版本并运行它。