Dojo与ExtJs的比较

Dojo 适用场景：企业应用和产品开发。 Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供 Ajax,events,packaging,CSS-based querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤，基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件：DateGrid，charts，离线应用，跨浏览器矢量绘图等。dojo以前就是以组件全面而出名，不只是UI组件很全，其他非UI组件也很全（比如map之类的），甚至有一些3D啊之类的组件，在以前HTML不支持 canvas的时候，Dojo就有这样的组件了。 ### Dojo与ExtJs的比较 #### Dojo框架解析 **Dojo** 是一款功能强大的面向对象的JavaScript框架，主要用于企业级应用和产品的开发。它以其丰富的组件库和全面的功能而闻名于世。Dojo主要由三个核心部分构成：Core、Dijit 和 DojoX。 1. **Core** 提供了一系列的基础功能支持，如Ajax调用、事件处理、CSS查询、动画效果以及JSON数据处理等。这部分为开发者提供了高度灵活且易于使用的API接口，极大地简化了前端开发过程中的许多复杂任务。 2. **Dijit** 是一个基于模板的Web UI控件库，它支持多种皮肤样式，使得开发者能够轻松地创建美观且响应式的用户界面。Dijit不仅包含了基本的UI元素，还提供了更高级的控件，如表格、树形菜单等，满足了各种应用场景的需求。 3. **DojoX** 包含了一些实验性的、前沿的技术和控件，如DateGrid、图表绘制、离线应用支持以及跨浏览器的矢量图形绘制等功能。这些组件为开发者提供了更为广泛的开发选项，尤其是在早期HTML5尚未普及的时代，DojoX中的组件就已经能够支持3D图形渲染等先进特性。 #### Dojo的优点 - **开源与企业支持**：Dojo是一款真正的开源项目，得到了多家大型企业的支持，这意味着它的代码质量较高且持续得到更新。 - **功能全面**：Dojo不仅在UI组件方面表现出色，在非UI组件上也提供了广泛的支持，例如地图组件、3D图形渲染等。 - **扩展HTML能力**：Dojo框架能够扩展HTML的功能，使得前端开发更加灵活多变。 - **离线存储API**：Dojo提供了跨平台的离线存储API——DojoOffline，为开发者在不同环境中开发离线应用提供了便利。 - **图表绘制**：内置的Chart组件让开发者能够在浏览器端快速生成图表。 - **矢量图形库**：基于SVG/VML的矢量图形库为跨浏览器矢量图形的绘制提供了强有力的支持。 - **面向对象设计**：Dojo采用面向对象的设计模式，提供了统一的命名空间和包管理机制，增强了框架的可扩展性。 #### Dojo的缺点 - **体积庞大**：Dojo的体积相对较大，包含的功能繁多，这可能导致初次加载时间较长。 - **学习成本高**：由于其功能强大且全面，Dojo的学习曲线较为陡峭。 - **文档不足**：尽管提供了API文档，但在某些方面仍然存在不足之处。 - **API变动频繁**：Dojo的API经常发生变化，这可能导致开发者在升级框架时遇到兼容性问题。 - **侵入性**：使用Dojo时可能需要在页面中添加大量的Dojo属性，这增加了后期维护的难度。 - **性能问题**：Dojo的加载机制可能会暂时锁定浏览器，导致性能下降。 #### ExtJs框架解析 **ExtJs** 是另一款流行的JavaScript框架，适用于内部系统、后台系统以及管理系统等场景。它以其强大的UI组件库和优秀的性能而受到开发者们的青睐。 1. **UI强大**：ExtJs拥有一个功能丰富且表现良好的用户界面，能够为用户提供流畅的操作体验。 2. **速度快**：无论是UI还是其他模块，ExtJs的表现都非常出色。 3. **面向对象和组件化**：ExtJs采用了100%面向对象和组件化的编程思想，具有统一的语法结构和全局的命名空间。 4. **文档完善**：ExtJs提供了完整的文档支持，便于开发者学习和使用。 5. **模块化实现**：ExtJs支持模块化开发，增强了框架的可扩展性和灵活性。 6. **易用性**：所有组件均可直接使用，无需额外配置。 #### ExtJs的优点 - **UI组件库丰富**：ExtJs提供了大量的UI组件，涵盖了从简单的按钮到复杂的表格等各种需求。 - **高性能**：ExtJs在性能方面表现突出，能够快速响应用户的操作。 - **面向对象设计**：采用了面向对象的设计原则，提供了统一的语法结构和全局命名空间，提高了代码的可读性和可维护性。 - **文档详尽**：拥有详尽的文档支持，方便开发者学习和使用。 - **社区活跃**：拥有活跃的开发者社区，不断有新的用户加入，形成了良好的交流氛围。 #### ExtJs的缺点 - **资源消耗**：当页面加载多个Tab时，可能会导致较大的JavaScript文件加载，对于某些应用场景来说可能会成为一个瓶颈。 - **学习门槛**：虽然对于有良好JavaScript基础的开发者来说不算问题，但对于初学者而言，学习曲线相对较陡。 - **数据格式限制**：ExtJs主要支持XML和JSON格式的数据交互，这可能对后端的要求较高。 - **商业许可费用**：在商业用途下，使用ExtJs需要支付一定的许可费用。 #### 总结 - **Dojo** 在功能全面性和技术创新方面表现出色，适合追求技术前沿和功能多样性的项目。然而，其较高的学习成本和API的不稳定性可能会成为一些项目的障碍。 - **ExtJs** 则在UI表现力和性能方面更为突出，适用于需要快速构建高质量用户界面的应用场景。尽管如此，其对资源的消耗和较高的商业许可费用也需要被考虑在内。 选择哪个框架取决于具体项目的需求和个人偏好。如果项目重视技术创新和功能全面性，Dojo可能是更好的选择；而如果更注重用户界面的表现和性能，则ExtJs将是一个理想的选择。