跳至正文
首页 » 博客 » New Product: Ignite UI for Web Components

New Product: Ignite UI for Web Components

我们很高兴宣布用于Web组件的Ignite UI。如果你不熟悉Web组件,这里有一个快速入门:

  • Web组件不是一个库或框架-它是一个web标准。浏览器将Web组件作为本机自定义元素进行处理。库和框架来来去去,但标准是统一实现的,不受解释的约束。

通过Ignite UI for Web Components ,您可以使用封装和可重用组件的概念以无依赖关系的方式构建现代web应用程序。用于Web组件的Ignite UI为您提供了性能最高的数据网格,超过50种图表类型,包括财务图表以及Excel电子表格和Excel库等等。

了解Web组件

Web标准发展缓慢-因此,现代web开发的历史充满了JavaScript框架的飞跃,满足了开发人员的需求,然后web标准赶上并消除了对这些框架的需求。jQuery就是一个很好的例子。以跨浏览器的方式检查和操作DOM非常困难,因此jQuery介入以使其安全且易于操作。突然之间,每个人都可以用更少的知识和精力在客户端上做更复杂的事情。但是随着浏览器进一步标准化,实现在如何检查和操作DOM方面的怪癖越来越少,jQuery突然变得不那么必要了。

为了构建更复杂的客户端应用程序,开发人员需要模块化他们的ui,将它们分解为可单独测试和可重用的组件。浏览器对这种内置的模块化没有很好的支持,因此开始了一组标准,用于创建可重用和封装的UI,统称为Web组件。但是,当然,web开发人员需要所有这些东西尽快,所以有一堆UI框架也提供了一种方法来组件化您的web UI。当然,他们还提供了一套其他实用程序 (数据绑定,路由等) 来帮助开发人员构建应用程序,但他们试图完成的很大一部分是帮助您将UI分解为可测试和可重用的组件。

为什么要为Web组件点燃UI?

Web组件是为web构建或使用可重用UI组件的基于标准的方法。当您使用我们的Web组件产品时,组件被视为刚刚内置到浏览器中的DOM元素,与 <span> 、 <p> 或 <div> 等相同。这意味着几乎任何你可以使用 <p> 你也可以使用 <igc-category-chart>。这包括一个裸html文件,没有进一步的处理,或通过innerHTML属性等设置。这也意味着您应该能够将这些组件与您希望在应用程序中使用的任何UI框架 (Angular,React,Vue,Polymer等) 一起使用,因为我们的组件只是被视为 “内置”,不需要特殊处理来创建或管理它们。UI框架可能会干扰自定义元素,或者只是硬编码,只期望传统的内置DOM元素,但由于自定义元素是web标准的一部分,这种不兼容性是错误的,而不是设计。

React或Angular开发人员应该使用这些吗?可能不会.我们有Angular specific和React specific产品,这些产品超越了我们的Web组件产品的功能,可帮助您利用Angular或React specific功能,使您的应用程序更易于构建。但是,如果您正在构建一个普通的JS应用程序,或者主要是服务器端呈现的应用程序,或者使用我们还没有特定产品的UI框架的应用程序,那么我们的Web组件产品非常适合这一点。它没有UI框架依赖项,这些依赖项可能与应用程序可能正在执行的其他操作交互不良,并使用浏览器的内置功能进行操作。

什么是新的Ignite UI的Web组件

现在您已经了解了Web组件-让我们来谈谈用于Web组件的Ignite UI。用于Web组件的Ignite UI附带了我们在Ignite UI for React中附带的一组强大控件:

  • 数据网格
  • 数据图表 (包括50种图表类型)

  • 财务图表
  • 圆环图
  • 饼图
  • 迷你图
  • 项目符号图
  • 线性量规
  • 径向量规
  • 地理空间地图
  • Excel电子表格
  • Excel库
  • 缩放滑块
  • …… 以及更多

使用用于Web组件的Ignite UI,您可以构建复杂的数据网格应用程序,如下所示:

丰富的地理空间应用:

富有表现力的树图分析工具: