首页 > 其他分享 >什么是前端开发领域的 visual degradation

什么是前端开发领域的 visual degradation

时间:2023-07-23 22:14:00浏览次数:51  
标签:网站 Visual Degradation visual 使用 degradation 前端开发 加载

Visual Degradation 在前端开发领域中,通常被理解为一种策略,这种策略允许网站或网络应用在不同的浏览器、设备或网络条件下以不同的视觉质量呈现,而不会丧失核心功能。这种策略可以确保所有用户,无论他们的设备或网络条件如何,都能够访问和使用网站或网络应用的主要功能。

这并不意味着在某些环境中完全放弃视觉质量,而是相对于“全功能降级(Full degradation)”或“优雅降级(Graceful degradation)”,Visual Degradation更注重于视觉体验与功能性的平衡。即使在某些旧的浏览器或低性能的设备上,也能尽可能地提供好的视觉体验。

例如,假设我们有一个使用了 CSS 动画、复杂布局和高清图像的现代网站。在一台高性能的计算机和快速的网络连接下,这个网站看起来非常美观,功能也很完整。但是,如果用户使用的是一台老旧的计算机,或者网络连接速度很慢,那么这个网站可能会加载得很慢,甚至一些功能可能无法使用。

在这种情况下,我们可以使用 Visual Degradation 策略来解决这个问题。我们可以检测用户的设备和网络条件,然后决定提供哪种版本的网站。例如,如果用户的设备性能较低,我们可以提供一个不包含 CSS 动画和复杂布局,但仍然具有核心功能的版本。如果用户的网络连接速度很慢,我们可以提供一个使用低分辨率图像的版本,以加快加载速度。

这样,无论用户的设备和网络条件如何,他们都能访问和使用网站的主要功能,而且还能享受到尽可能好的视觉体验。这就是 Visual Degradation 策略的主要目标。

Visual Degradation 策略的实现方法有很多。例如,我们可以使用响应式设计来适应不同大小的屏幕。我们也可以使用图片优化和懒加载技术来减少页面加载时间。此外,我们还可以使用特性检测和条件加载技术来提供针对不同浏览器和设备的定制版本。

SAP UI5 官网关于Visual Degradation 的说明如下。

比如 Google Chrome 和 Firefox 都支持原生的 placeholder 属性。
在这里插入图片描述

标签:网站,Visual,Degradation,visual,使用,degradation,前端开发,加载
From: https://www.cnblogs.com/sap-jerry/p/17576026.html

相关文章

  • SAP Fiori 2.0 visual theme 施加在传统 SAP 应用上的一些限制
    这个SAPnote介绍了这些限制。SAPFiori2.0引入了名为SAPBelize的新主题。所谓经典应用程序,是指传统的SAPGUI和WebDynpro应用程序。新的SAPFiori视觉主题SAPBelize可在产品S/4HANA1610On-Premise(及更高版本)、SAPFiori2.0的当前云版本以及基于上述产品的......
  • 在windows平台使用Visual Studio 2017编译动态库并使用
    使用VSstdio制作顺序表的库文件.lib与.dll区别lib是编译时需要的dll是运行时需要的1、新建头文件和源文件SeqList.h//SeqList.h#ifndefSEQLIST_H__#defineSEQLIST_H__#defineN10typedefintSLDataType;typedefstructSeqList{ SLDataTypedata[N]......
  • 移动端前端开发调试
    通过移动端使用Web服务的比率越来越大,例如淘宝2014年双十一,移动端交易份额就达到 42.6%。由此可见,掌握移动端的前端开发和测试是非常有必要的。本文只介绍与调试有关的内容,至于其他移动端开发知识(技巧、坑)太多太大,推荐 Mars 移动前端开发知识库。这个项目很久没有大动静了,欢......
  • Visual Components 3D模拟仿真软件 衡祖仿真
    VisualComponents是一款数字规划工具,涵盖营销、规划、到生产的整合平台。无论从制程规划、生产到营销都能够整合在单一平台上作业,有助于内部的技术沟通及外部营销推广。除此之外,VC软件整合了物流及智能机器人模拟功能,帮助企业在研发早期即可进行产能确认,减少不必要的成本支出和......
  • Visual Studio新建项目配置好opencv环境,下次打开这个项目后属性管理器显示未加载visua
    配置opencv环境,可参考这篇博客:(82条消息)opencv之visualstudio开发环境配置(属性管理器+环境变量一劳永逸方便开发的配置方式)_opencv官网下载_仙魁XAN的博客-CSDN博客如出现打开这个项目后属性管理器显示未加载visualC++项目,可参考如下方法:1.解决方法:文件→打开→项目/......
  • Visual Studio IDE 2022 - how to disable navigation to decompiled sources
    VisualStudioIDE2022-howtodisablenavigationtodecompiledsources ......
  • Visual Studio 2022 Net6.0 无法发现testcase, 也无法执行test case
         解决办法:      <PropertyGroup>                  <CopyLocalLockFileAssemblies>false</CopyLocalLockFileAssemblies>         <GenerateAssemblyInfo>false</GenerateAssemblyInfo>     ......
  • 在 Visual Studio 中规范化文件编辑
    代码中常会出现缩进空格数量不规范、多余空格等问题。为解决这一痛点,研发模板项目中引入了文件编辑器的配置文件,来规范化管理所有在编辑器中进行编辑的文件的格式、样式、编码约定等。1配置文件存放生成了对应的.editorconfig文件,存放在仓储的根目录。即对整个仓储所有的用V......
  • Java自带的jvisualVM简单介绍
    首先来介绍下visualVM的工作原理:VisualVM是一款Java虚拟机监控和分析工具,它可以帮助开发人员实时监控Java应用程序的性能和内存使用情况。VisualVM的工作原理是基于jJava虚拟机提供的JavaManagementExtensions(JMX)技术。JMX是一种Java平台的管理和监控技术,它......
  • Visual Studio 2022 .NET 7读取程序集版本
    如果你也像我一样是从.NetFramwork升级到.Net7版本,那大概率会碰到不能正常读取Assembly下的正确程序集版本号,利用asm.GetName().Version读到的是0.0.0.0,解决方法是新建一个项目,并将“AssemblyInfo.cs”复制到你的项目下Properties内。一些产品名称、公司信息等自行修改,Guid可......