前端 UI 组件库 WijmoJS V2020.0 Update1 正式发布!
这一版本将更加体现出 WijmoJS 的小巧、灵活和高效。我们将 WijmoJS 的组件和功能模块化,减少了应用程序加载时所需的时间。同时,我们还优化了数据渲染引擎(通常使用虚拟化),因此无论您的数据集有多大,我们的组件都可以实现高效加载。
为了响应用户需求,WijmoJS 的新版本加入许多在构建 Web 应用程序时会用到的功能,除了可在 React Redux 应用程序中编辑 DataGrid 外,还有针对 FlexGrid 和 FlexChart 的增强功能。
在列举 WijmoJS 的全部新特性之前,请下载最新安装程序,以便同步体验!
FlexGrid 为 React Redux 应用中的可编辑数据网格提供了一个企业级解决方案!
通常情况下,使用 FlexGrid 的用户会通过网格来更新基础数据数组。然而,这种方法不适用于需要数据不变性的状态管理系统(例如 Redux )。
现在,这个问题可以通过使用 ImmutabilityProvider 扩展组件来解决。
引入 FlexGrid,绑定到 Redux Store 的数据数组后,您可以通过以下方式更改网格行为:
· 允许用户以常规方式(更改项目值、添加 /删除行、粘贴和文本)编辑网格数据。
· 允许所有的数据转换操作,包括排序、分组和过滤。
· 防止网格因应用户编辑而发生的变异。相反,它会触发 dataChanged 事件,该事件可用于将数据更改操作调度到 Redux Store 。
阅读有关可编辑 React Redux DataGrid 的更多信息
WijmoJS 的股票投资组合 APP 是一个 Demo,演示了 OpenFin 应用程序中 WijmoJS 组件的用法。
股票投资组合 APP 包含几个窗口,每个窗口都使用了不同的 Web 框架(包含 React 、Angular 和 Web 组件)。OpenFin 的新 Platform API 允许用户在所需的工作区中排列和自定义窗口。
随着越来越多的应用程序使用 JavaScript 脚本,客户端的安全性变得至关重要。
内容安全策略( CSP )作为一层额外保护,有助于提前发现并缓解某些类型的攻击,如跨站点脚本( XSS )和数据注入攻击。
WijmoJS 的最新版本完全符合 CSP 策略,并且,不需要您在 CSP 中添加“ unsafe-inline”或“ unsafe-eval”,也不需要“ nonce”或哈希。
以上就是前端 UI 组件库 WijmoJS V2020.0 Update1 的全部新特性内容,作为一款基于 HTML5 的前端开发工具包,WijmoJS 由 80 多种灵活、高效、跨平台、零依赖的 JavaScript UI 组件构成,完美兼容原生 JavaScript,以及 Angular 、React 、Vue 、TypeScript 、Knockout 和 Ionic 等框架,可助力企业以最快的速度开发并构建出一套成熟的 Web 应用程序,如果您也对这款“前端开发工具包”感兴趣,欢迎来WijmoJS 官网,下载试用。