封面图

Angular 组件模版代码里使用 ngIf 进行条件渲染的例子

2023-12-11
阅读 2 分钟
234
这是一个 Angular 组件的 HTML 模板代码,涉及到了一些 Angular 的核心特性,包括结构型指令 *ngIf、属性型指令 [ngClass] 和 [disabled],以及属性绑定这种基本的 Angular 模板语法。
封面图

什么是 Web 应用页面渲染的 Edge Rendering 技术

2023-12-11
阅读 2 分钟
312
Edge Rendering 是一种新兴的页面渲染方式,它试图在 " Server Side Rendering "(SSR)和 " Client Side Rendering "(CSR)之间找到一个平衡。Edge Rendering 的主要思想是把部分或全部的页面渲染工作放在靠近用户的 " 边缘 " 服务器上进行,从而实现更快的页面加载速度和更低的网络延迟。下面,我会详细介绍一下 Edge...
封面图

什么是 Web 开发中的 Partial Pre-rendering

2023-12-11
阅读 1 分钟
363
在 Web 开发中,Partial Pre-rendering(部分预渲染)是一种优化页面加载性能的方法。它是 Client Side Rendering(客户端渲染)和 Server Side Rendering(服务器端渲染)两种方法的结合体。
封面图

什么是 SAP UI5 项目 ui5.yaml 文件中的 specVersion 字段

2023-12-11
阅读 1 分钟
943
SAP UI5 是一个基于 HTML5 的开发框架,它使开发者能够构建出富有吸引力、一致且完全适应移动设备的企业级应用。而 SAP UI5 项目的 ui5.yaml 文件是 SAP UI5 工具套 (UI5 Tooling) 的项目配置文件,用于定义项目的结构和行为。其中的 specVersion 字段,即规范版本,是一个重要的字段。
封面图

什么是 @openui5/themelib_sap_fiori_3

2023-12-11
阅读 2 分钟
323
@openui5/themelib_sap_fiori_3 是 SAP UI5 的一个主题库,它包含 SAP Fiori 3 的样式和设计元素。SAP Fiori 是 SAP 的用户体验(User Experience,简称 UX)设计语言,其设计准则注重简单性,可个性化,并且能在不同设备之间提供一致的用户体验。Fiori 3 是 Fiori 的最新版本,提供了更加现代化和一致的用户界面。
封面图

使用 Chrome 开发者工具分析 UI5 Web 应用的性能

2023-12-09
阅读 6 分钟
348
UI5 是一款企业级 Web 前端应用的开发框架。笔者不时会收到社区朋友发起的咨询,问我如果 UI5 应用开发好之后,运行时出现性能问题,应该怎么办。
封面图

试了六个国内外的 AI 工具,做不对一道初中物理选择题

2023-12-09
阅读 3 分钟
251
夜晚,人们仰望天空,有时能看到闪烁的人造地球卫星。地球赤道处有一观察者,在日落 4 小时后,看到一颗人造地球卫星从赤道正上方高空中经过。设地球半径为 R, 则这颗人造地球卫星距赤道地面的高度至少为多少?有四个备选答案,0.5R, R, 2R 和 4R。
封面图

Monolithic Architecture 的优缺点分析

2023-12-09
阅读 1 分钟
416
在讨论软件架构的时候,你可能会听到术语 Monolithic Architecture,或者叫做 单体架构。这是一种经典的软件系统设计,它是将所有的功能组件集中在一个单一的程序包中,这个程序包就是我们所说的 单体。

Monolithic Architecture 的概念和缺陷

2023-12-09
阅读 2 分钟
372
Monolithic architecture(单体架构)是一种软件设计模式,其中整个应用程序被视为一个单一的、紧密耦合的单元。在这种体系结构中,应用的所有组件和功能都打包在一个统一的代码库中,共享相同的资源和运行环境。相比之下,分布式系统采用了不同组件之间松散耦合的方法,这些组件可以独立部署和运行。
封面图

什么是 HTTP 302 redirect

2023-12-09
阅读 1 分钟
449
HTTP 302 Redirect 是 HTTP 协议中的一个状态码,它的全称是 "HTTP 302 Found",在早期 HTTP/1.0 规范中,此状态码被称为 "HTTP 302 Moved Temporarily"。这个状态码的含义是临时重定向,意味着当前请求的资源已经临时移动到了新的 URL 地址,服务器将在响应中提供这个新的 URL 地址。当浏览器接收到这个状态码后,它通...
封面图

HTTP 302 Redirect 解释与举例

2023-12-09
阅读 2 分钟
749
HTTP 302 Redirect 是指HTTP协议中的一种重定向状态码,用于指示请求的资源被临时移动到其他位置。这种状态码告诉客户端发起新的请求,新的请求将指向重定向后的位置。在Web开发中,302重定向常用于实现页面跳转、URL重定向以及处理用户身份验证等场景。
封面图

如何在 Angular 应用中发起 HTTP 302 redirect

2023-12-09
阅读 2 分钟
330
在这段代码中,涉及到Angular框架中的依赖注入(Dependency Injection)以及Angular Universal的服务端渲染(Server-Side Rendering)相关的内容。我将逐步解释这段代码的含义。
封面图

Angular 应用里异步打开对话框的技术实现

2023-12-09
阅读 2 分钟
215
这段代码涉及到 Angular 中处理对话框(Dialog)的逻辑,其中 openDialog 方法返回一个 Observable 对象。我们将分两部分来详细解释这段代码。
封面图

前端框架中 MVC 和 MVVM 两种设计方式的区别

2023-12-09
阅读 1 分钟
245
MVC 和 MVVM 是两种常见的软件架构模式。它们都致力于提供清晰的组织结构和代码分离,让开发者能够更有效率地开发和维护复杂的应用程序。然而,它们在组织代码和处理用户交互上有一些重要的区别。
封面图

什么是 Web 开发的 Server Side Model

2023-12-09
阅读 1 分钟
1k
在 Web 开发中,"Server-Side Model" 是指在服务器端进行数据处理和运算的模型。这种模型的主要优点是可以处理大量数据,同时也可以利用服务器的强大计算能力。与客户端模型(如 JavaScript 中的 MVC 模型)相比,服务器端模型可以更好地保护数据和算法,因为它们不会被发送到客户端。
封面图

动手实现基于 JSON 和 OData 两种数据模型的 Web 应用表格控件行项目的添加和删除

2023-12-09
阅读 3 分钟
338
文章标题描述的需求是笔者在工作和网络上经常收到的前端开发领域的咨询话题之一。Web 应用的表格控件,在切换到编辑模式下之后,给用户提供了行项目的添加和删除功能。基于 MVC 和 MVVM 框架的前端控件,都离不开 Model 即数据模型层。
封面图

谈谈企业级 Web 应用的前端消息展示的定制化问题

2023-12-09
阅读 7 分钟
264
之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到,所谓企业级前端应用,是指为大型企业或组织开发的前端应用,这些应用具有超过一般 2C 软件的技术复杂度,高度定制化和可扩展性,因为企业级前端应用程序,通常需要满足企业特定的业务需求和技术要求,因此除了实现业...
封面图

SAP SCM 标准报表 /SAPAPO/SPPFIXREQ 的作用介绍

2023-12-09
阅读 1 分钟
297
SAP SCM(Supply Chain Management)是SAP公司推出的供应链管理解决方案,涵盖了多个模块,包括计划、执行和协同等。其中,APO(Advanced Planning and Optimization)是SAP SCM中的一个关键组件,提供高级的计划和优化功能。在APO中,/SAPAPO/SPPFIXREQ 是一个标准报表,用于固定需求的计划。
封面图

关于键盘导航顺序和 tabindex 属性的关联关系

2023-12-09
阅读 2 分钟
284
"tabindex"属性是HTML元素中的一个属性,用于定义元素在通过键盘导航时的顺序。该属性接受一个整数值,通常为正整数,用于指定元素的tab键顺序。但是,当"tabindex"属性的值为-1时,它有特殊的含义。
封面图

什么是 ISR(Incremental Static Regeneration)

2023-12-09
阅读 3 分钟
303
ISR(Incremental Static Regeneration)是一种Web前端开发中的静态网页生成技术。它是Next.js框架引入的一项功能,旨在改进静态站点的性能和用户体验。在了解ISR之前,我们需要先了解几个相关的概念。
封面图

什么是 SAP CRM Middleware Component 里的 PRODUCT_R3_ADAPTER

2023-12-09
阅读 2 分钟
187
在SAP CRM系统中,Middleware是一种关键的技术组件,用于在不同的系统之间实现数据交换和集成。Middleware负责确保不同系统之间的数据同步和协作,从而支持企业业务流程的无缝集成。在Middleware的体系结构中,PRODUCT_R3_ADAPTER是一个重要的组件,用于处理与SAP R/3系统相关的产品数据同步。
封面图

SAP CRM 和 ERP 系统之间的主数据同步 - PRODUCT_R3_ADAPTER

2023-12-09
阅读 1 分钟
255
SAP CRM 系统中的 Middleware 是一个关键的集成组件,它允许 CRM 系统和其他 SAP 或非 SAP 系统交换和同步数据。Middleware 提供了一种机制,允许在异构系统环境中实现数据和业务过程的一致性。
封面图

电商领域 Flash Sale 的设计架构

2023-12-09
阅读 2 分钟
287
电商领域的Flash Sale,又称限时抢购,是一种通过在短时间内提供折扣优惠、限量商品或独特优势来激发购买欲望、增加销售的营销策略。这一策略旨在创造紧迫感和独特性,通过限时和限量的方式促使消费者在短时间内做出购买决策。
封面图

什么是电商领域的 Flash Sale

2023-12-09
阅读 1 分钟
325
Flash sale,或者我们称之为 闪购,是电商领域非常常见的一种销售模式。它的基本概念是,商家在一个特定的时间段内,对一种或者一系列的商品进行大幅度的折扣促销,以吸引消费者在限定的时间内进行购买。这种销售策略一般需要精细的运营策略和技术支持,因为商品数量有限,而消费者的需求往往会超过供应,所以往往会形成...
封面图

电商系统处理 flash sale 时遇到的 High DTU consumption 问题

2023-12-08
阅读 1 分钟
209
在电商系统中, " flash sale " 或 " 限时促销 " 是一种常见的销售策略,它通常吸引大量用户在短时间内进行购买操作。然而,这种情况也会对系统的数据库资源产生巨大压力,尤其是在处理 " High DTU consumption " 的时候。
封面图

电商系统针对 High DTU Consumption 的应对措施

2023-12-08
阅读 3 分钟
289
电商系统处理 "flash sale"(限时抢购)时遇到的 High DTU(Database Transaction Unit) consumption 是一个常见而严峻的挑战。在这种情况下,大量用户涌入系统,同时尝试抢购特价商品,导致数据库负载急剧增加。为了更好地理解和解决这个问题,让我们首先深入了解电商系统、"flash sale" 活动以及 High DTU consumptio...
封面图

一个 41 岁老程序员的 2023 年总结 - 利用 AI 延长自己的编程寿命

2023-12-08
阅读 6 分钟
2.1k
第一次是我还在计算机专业本科就读时,我们寝室兄弟们用的都还是 Windows 操作系统。一位兄弟从图书馆借了一本 Linux 操作系统的书,坐在电脑前,书放在膝盖上,一边看着书,一边在键盘上敲命令,想在自己电脑上安装一个 Linux 系统。后来隔壁寝室一位同学过来,看到后指点说,你如果只是想学习 Liunux 系统,其实不用这...
封面图

SAP ABAP RZ11 事务码里 Instance Profile 和 Current Value 等参数值的解读

2023-12-04
阅读 2 分钟
393
首先,让我们了解在SAP ABAP系统中通过事务码RZ11查看参数时,涉及的四个重要组件:Kernel Default、Default Profile、Instance Profile和Current Value。
封面图

SAP Fiori Tools 的 Application Information 视图里的 Min UI5 Version

2023-12-04
阅读 2 分钟
550
如下图所示:这个值位于 manifest.json 文件中的 sap.ui5.dependencies.minUI5Version 字段。 manifest.json 是 SAP UI5 应用程序的一个重要文件,它包含了应用程序的所有元数据。这个文件是以 JSON 格式编写的,所以它是人类可读的,也可以被计算机轻松解析。在 manifest.json 文件中,sap.ui5.dependencies.minUI5Vers...
封面图

SAP Fiori Elements 针对 OData V2 和 V4 的 Extension API

2023-12-04
阅读 2 分钟
493
sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI 属于 SAP Fiori Elements 的早期版本,它基于 SAPUI5 框架构建,主要是针对 ABAP 环境下的 OData V2 服务。
封面图

sap.suite.ui.generic.ListReport.extensionAPI.ExtensionAPI 介绍

2023-12-04
阅读 2 分钟
291
首先让我们了解一下什么是 sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI。这是一个在 SAP Fiori Elements 中用于扩展 List Report 应用的 API。SAP Fiori Elements 旨在提供一种简洁,高效且一致的用户体验,而不需要开发人员编写大量的前端代码。然而,有些情况下,我们可能需要对标准的 List ...
封面图

sap.fe.templates.ListReport.ExtensionAPI 的使用场合介绍

2023-12-04
阅读 4 分钟
226
SAP Fiori Elements是一种用于快速开发SAP Fiori应用程序的框架,它通过提供预定义的UI元素和模板,简化了开发过程。其中,sap.fe.templates.ListReport.ExtensionAPI是SAP Fiori Elements框架中的一个重要组件,用于扩展List Report应用程序的功能。
封面图

setTimeout 函数在前端延迟搜索实现中的作用

2023-12-04
阅读 2 分钟
351
这段JavaScript代码是一个名为SmartFilterBar的对象的方法,具体来说,这是该对象的_regularTriggerSearch方法。让我们逐行分析这段代码的含义:
封面图

关于 SAP Fiori Elements List Report Go 按钮的实现

2023-12-04
阅读 2 分钟
399
这段代码是 JavaScript 中的一个方法 _regularTriggerSearch,它是 SmartFilterBar 对象的原型方法。这个方法的主要目的是在一定延迟后触发搜索操作。这段代码中涵盖了 JavaScript 中的一些主要特性和概念,包括对象、原型、方法、控制流(if-else)、异步编程(setTimeout 和 Promise)等。
封面图

SAP UI5 开发项目 package.json 文件里的 @sap/ux-specification 依赖

2023-12-04
阅读 2 分钟
417
在SAP UI5中,@sap/ux-specification 是一个由SAP提供的库,旨在帮助开发人员实现符合SAP Fiori设计准则的用户界面(UI)。该库提供了一系列工具、资源和指南,以确保UI5应用程序的设计和实现符合SAP Fiori标准,从而提供一致、易用且美观的用户体验。