界面控件DevExpress JS ASP.NET Core v24.1亮点 - 支持Angular 18

news/2024/11/2 16:44:44/

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

DevExpress JS & ASP.NET Core v24.1已全新发布,新版本官宣支持Angular 18、Shadow DOM支持等,欢迎下载最新版组件体验!

DevExpress v24.1正式版下载

JS脚本大小

在上一个主要发布周期(v23.2)中,DevExpress减小了内置主题的CSS大小,在这个发布周期中,官方减少了DevExtreme JS脚本的大小如下:

  • 新版本更新了DevExtreme JS代码的ECMAScript编译目标,这消除了对所有现代浏览器支持操作的复杂语法结构(由于转译)的需要。
  • 新版本停止存储时区数据,改用浏览器内部的时区引擎来进行与时区相关的操作。

这些修改减少了大约12%的包尺寸。

<a class=DevExpress JS & ASP.NET Core v24.1产品图集" height="480" src="https://img-blog.csdnimg.cn/img_convert/ceadbdda47e668ff99bc042264570d0d.png" width="1080" />

支持Angular 18

DevExtreme v24.1支持Angular 18,早期版本(比如DevExtreme v23.2)不兼容Angular 18。

为Angular新增的DxHttpModule
简化请求拦截

Angular HttpClientModule是一个简化HTTP请求的模块,它支持请求和响应拦截器,这允许您在所有HTTP请求中引入诸如身份验证令牌或日志记录之类的功能。

以前,我们的DataSource, FileUploader 和 Map组件依赖于非本地的Angular Ajax请求来进行服务器通信。

在v24.1版本中,我们将这些组件从Ajax转换为HttpClientModule,只需导入DxHttpModule来激活这个新功能。

Shadow DOM支持(CTP)

Shadow DOM代表三种Web组件规范之一,由HTML模板和自定义元素补充。

Shadow DOM允许将一个隐藏的、独立的文档对象模型(DOM)附加到一个元素,称为 'Shadow Host'。这个隐藏的DOM,称为'Shadow DOM',可以包含额外的嵌套Shadow Hosts,形成一个被称为Shadow Tree的结构。

这个发布周期以社区技术预览(CTP)的形式在Angular、React和Vue中引入了Shadow DOM支持,因此您现在可以在自定义HTML元素(Web组件)的Shadow DOM中使用DevExtreme组件。

可访问性

v24.1与可访问性相关的增强包括NVDA支持,用于改进键盘导航和跨以下组件的发音支持:

  • Tabs
  • TabPanel
  • TagBox
  • List
  • DropDownButton
  • Calendar
  • DataGrid with Master-Detail

此外,DataGrid和TreeList现在满足状态消息标准。

您现在可以在许多DevExtreme演示中访问可访问性遵从性(使用AXE®web可访问性评估工具),包括以下内容:

  • Data Grid Overview
  • Tree List Overview
  • Html Editor Overview
  • Charts Overview

<a class=DevExpress JS & ASP.NET Core v24.1产品图集" height="182" src="https://img-blog.csdnimg.cn/img_convert/61a99aa8c5e1f71f2ef062d499bcfc47.png" width="1120" />

示例AXE无障碍报告:

<a class=DevExpress JS & ASP.NET Core v24.1产品图集" height="910" src="https://img-blog.csdnimg.cn/img_convert/cb330d315cf9be7ff08450e47cd3db47.png" width="1200" />


http://www.ppmy.cn/news/1543915.html

相关文章

音视频开发之旅(99)-LoRA原理、源码解析与应用

目录 1. 背景与问题 2.LoRA的原理 3. 源码解析 4. SD中LoRA应用 5. 资料 一、背景与问题 随着深度学习的发展&#xff0c;预训练大型模型在自然语言处理、计算机视觉和多模态等领域取得了显著的成功。这些模型通常包含数亿甚至数十亿的参数&#xff0c;如GPT系列模型、LL…

django图书管理系统-计算机毕业设计源码00648

摘要 图书管理系统在数字化阅读趋势、图书馆自动化管理、用户体验需求和信息技术应用等方面具有重要的研究意义。图书馆自动化管理系统的引入和应用提高了图书借阅过程的效率和准确性&#xff0c;减少了对手工操作和纸质记录的需求。用户对系统的易用性、查询速度、借还流程有更…

一篇文章带你快速理解MySQL中的内连接和外连接

1. 内连接 内连接返回两个表中匹配连接条件的数据行。只有当两个表中都有匹配的行时&#xff0c;结果中才会包含这些行。如果连接条件不满足&#xff0c;那么这些行就不会出现在结果集中。 语法&#xff1a; select 字段 from 表1 inner join 表2 on 连接条件 and 其他条件&…

通用型函数——冒泡排序

对于一般类型数据冒泡排序 &#xff08;int 、double 、char 、flort&#xff09; 代码&#xff1a;&#xff08;int型&#xff09; void bubble_sort(int* arr){int lensizeof(arr)/sizeof(int);int temp0;for(int i0;i<len-1;i){for(int j0;j<(len-i-1);j){if(arr[j…

AI 聊天机器人的兴起:GPT-3 和 BERT 如何重新定义对话体验

一、说明 当我们深入研究 AI 世界时&#xff0c;了解自然语言处理 &#xff08;NLP&#xff09; 领域取得的巨大进步非常重要。NLP 是 AI 的一个分支&#xff0c;专注于使计算机能够理解、解释和生成人类语言。GPT-3 和 BERT 等语言模型的开发是这一旅程中的一个重要里程碑&…

Android Studio获取本地aar,最新依赖jar/aar

每次清缓存后打开Android Studio的项目都要加载依赖库很久&#xff0c;那是网络要下载 依赖库和各种指针索引构建&#xff0c;本文提供获取本地依赖库的aar方法&#xff0c;然后把aar以libs的包本地方式引入&#xff0c;减少网络下载&#xff0c;会把kts和groovy的代码都展示。…

股价已经暴跌,在财报公布前,Pinterest股票该买进还是卖出?

猛兽财经核心观点&#xff1a; &#xff08;1&#xff09;Pinterest的股价今年以来已经从最高点大幅下跌。 &#xff08;2&#xff09;在过去几年里&#xff0c;该公司的增长已经放缓。 &#xff08;3&#xff09;猛兽财经对Pinterest股价的技术分析&#xff1a;如果Pinterest的…

SpringBoot中使用多线程ThreadPoolTaskExecutor+CompletableFuture

SpringBoot中使用多线程ThreadPoolTaskExecutorCompletableFuture 定义一个线程池&#xff0c;并将其注入为bean 我使用的是spring提供的线程池&#xff0c;所以不需要写关闭的逻辑 import org.springframework.context.annotation.Bean; import org.springframework.context.…