内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

主页 > CDN >

全站加速_河津网站建设_怎么样

2021-07-22 15:28 出处:欧普曼云计算 人气: 评论(0

简介

UI5框架的发展是一项艰巨的任务。我们在各个方面努力使框架现代化,提高性能,增加开发经验,并向web标准靠拢。除了模块化核心和工具的发展,我们还创新了渲染和控制领域。在这个领域中,我们研究ui5web组件、语义呈现和CSS变量。我们称之为呈现进化。

ui5web组件

使用ui5web组件,我们将UI元素的实现移动到Web标准层,并将运行时移动到浏览器中。从性能的角度来看,这带来了很多优势(一个占用空间为0kB的UI元素框架),而且它还具有更好的互操作性,因此我们的UI元素可以与任何UI框架共享。在不久的将来,我们将把ui5web组件集成到UI5框架中。其思想是使用UI5控件作为包装器,将ui5web组件与框架的生命周期和编程模型特性(如数据绑定和与XMLView的集成)连接起来。所有这些都在博客文章"UI5框架和ui5web组件"中进行了更深入的解释。为了将UI5 Web组件顺利集成到UI5框架中,我们需要以下增强:语义呈现和CSS变量。

语义呈现

语义呈现正在改变UI5框架的呈现引擎的工作方式。2009年,我们开始使用基于字符串的渲染,这是当时最快的选择。11年后,浏览器堆栈得到了发展,domapi得到了协调,其性能相当不错。在我们过去几年的经验中,我们还注意到许多需要优化呈现的UI5控件必须实现自定义设置程序来手动修补DOM以提高更新性能。因此,我们决定增强呈现引擎,以支持DOM现成的修补。初始呈现仍然是基于字符串的,但所有更新都将通过修补DOM来应用。这使我们能够摆脱自定义设置器,以真正减少代码,这也是一个潜在的问题,因为自定义设置器和呈现器必须保持同步。对UI5控件状态的更改将通过DOM补丁自动应用,因此不再需要自定义设置器。不幸的是,这不是免费的。虽然我们在内部增强了渲染引擎,但我们需要引入一个新的UI5控件渲染器API。这个API需要为呈现引擎提供更多的语义,这就是为什么我们称这个解决方案为语义呈现的原因。新的API是一个类似于DOM的增量API,渲染器需要用apiVersion:2属性进行标记。

让我们将以前编写的简单UI5控件与基于字符串的经典API进行比较:

与使用新的类似于DOM的增量API(apiVersion:2)编写的重构控件:

如您所见,类似DOM的增量API比经典的基于字符串的API短,并且为渲染管理器提供了更多的上下文。有几个增强:写控制数据不再是必需的,1元云购,因为它恰好是openStart的一部分,写样式和类可以省略,因为openEnd注意附加它们,淘客返利,文本不再需要转义,因为新的API自动转义内容。下表对两个呈现器实现进行了并排比较:

语义呈现的一个特点是基于新旧API的呈现器共存。下图显示了一个带有V2呈现器(新API)和V1呈现器(旧API)的控件树:

虽然使用V2呈现器(虚线边框和彩色背景)更改控件的状态只会使控件的DOM无效并更新,但是使用V1呈现器更改控件的状态也会重新呈现所有子级控件,不管它们是否支持DOM修补。这应该说明为什么迁移到V2渲染器如此重要。在UI5代码库中,大数据时代纪录片,我们正在逐步迁移到V2渲染器。为了从DOM修补中获益,并通过删除自定义设置器来减少代码量,已经迁移了主要控件和基本控件。我们继续致力于此转换,以达到迁移控件的良好覆盖率。

语义呈现从UI5 1.67开始提供。有关语义呈现的更多信息可以在的API文档中找到sap.ui.core.RenderManager或由我们的专家Cahit Guerguec在UI5con 2019会议:呈现进化中介绍。

CSS变量

CSS变量是基于web标准的不同UI技术主题化的链接。现在,我们扩展ui5web组件和UI5框架,数据与大数据专业,以利用UI主题设计器提供的CSS变量。UI主题设计器、UI5框架以及ui5web组件都基于所谓的主题化基础内容,该基础内容将所有相关的主题化参数作为CSS变量提供。用户界面主题设计器用于操作主题参数以创建自定义主题。时至今日,更改主题参数仍需要生成CSS文件的主题构建。为了克服这个问题,未来ui5web组件和UI5框架将只生成和使用CSS变量。

ui5web组件的最新版本已经使用了主题化的基本内容。这使得Web组件只引用CSS中的CSS变量。当ui5web组件切换主题时,只需交换CSS变量就足够了。

UI5框架对CSS变量有实验性的支持。UI5框架生成的CSS基于主题化基本内容的主题化参数。但是它不使用CSS变量,而是将主题参数作为较少的变量使用,这些变量只能在主题构建期间使用。由于ui51.76,主题构建还可以生成CSS变量,这些变量可以用于自定义主题(例如自定义控件,这是一个长期缺少的特性!)。

实验标志称为数据sap ui xx cssVariables,其值可以为假|真|附加值。当启用值为true的CSS变量时,UI5框架会在每个库中嵌入CSS变量文件和一个所谓的骨架CSS文件,其中包含CSS变量的占位符。这个特性是高度实验性的。一个更安全但也是实验性的变体是附加选项。UI5框架现在将在标准库CSS文件旁边嵌入每个库的CSS变量。但是现在,这些CSS变量可以被自定义控件和/或ui5web组件使用我的。正方形其中mySquare类可以通过以下方式受益于CSS变量:

语法var(–variableName);现在允许轻松访问CSS变量,自定义控件将自动成为主题感知。不幸的是,多线云主机,UI5框架中的IE11不支持这一点,而UI5 Web组件使用ponyfill支持IE11。

CSS变量是呈现和控制领域的前进方向,以支持视觉协调,并为UI5 Web组件引入一个共同的主题依赖关系,UI5框架甚至其他技术。此外,它还支持自定义控件的主题化,并得到所有现代浏览器的支持。

结论

渲染的发展重点是性能和协调。它是连接ui5web组件和UI5框架的关键。CSS变量将有助于协调视觉外观,尤其是在同时使用这两种技术时,以便它们最终能够融合在一起。此外,我们正在向web标准靠拢,以从web堆栈的发展中获益。它改进了UI5框架与其他web框架尤其是ui5web组件的并行使用。我们仍然有很多想法,并将继续我们的渲染和控制领域的演变。更多内容,敬请关注…

分享给小伙伴们:
本文标签: 全站加速河津网站建设怎么样

相关文章

评论

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

签名: 验证码: 点击我更换图片

评论列表