- 做 Web 开发的程序员，无论使用 SAP UI5，还是 Angular，React，Vue，每天都离不开 Chrome / Firefox 开发者工具。Jerry 2018 年的时候，曾经写过一篇关于 Chrome 开发者工具的文章：Jerry 和您聊聊 Chrome 开发者工具。这些开发者工具虽然好用，但是当 Web 应用在移动设备上运行时，想直接在手机浏览器上查看其使用 console... 做 Web 开发的程序员，无论使用 SAP UI5，还是 Angular，React，Vue，每天都离不开 Chrome / Firefox 开发者工具。Jerry 2018 年的时候，曾经写过一篇关于 Chrome 开发者工具的文章：Jerry 和您聊聊 Chrome 开发者工具。这些开发者工具虽然好用，但是当 Web 应用在移动设备上运行时，想直接在手机浏览器上查看其使用 console...
- Jerry 在从事 SAP Commerce Cloud 前台 Angular 开发时，脑子里始终记挂着自己曾经习得的 SAP UI5 开发技术。我刻意要求自己将 SAP UI5 和 Angular 各方面做对比，只希望自己能在这两个前端开发框架上，都有一定的技术积累。最近遇到 SAP 电商云前台开发的一个问题，涉及到 CombineLatest 这个操作符的用法，所以有了这篇文章。在 SA... Jerry 在从事 SAP Commerce Cloud 前台 Angular 开发时，脑子里始终记挂着自己曾经习得的 SAP UI5 开发技术。我刻意要求自己将 SAP UI5 和 Angular 各方面做对比，只希望自己能在这两个前端开发框架上，都有一定的技术积累。最近遇到 SAP 电商云前台开发的一个问题，涉及到 CombineLatest 这个操作符的用法，所以有了这篇文章。在 SA...
- 任务：分析 SAP UI5 root XML 视图的加载逻辑。鼠标放到 initiator 这一列上，找到调用栈的 UIComponent.js 的 createContent 方法：可以看到，这里的逻辑是，从 manifest.json 里解析出 root view 定义，然后实例化该视图。我们再来看看另一个 root 视图加载失败的 SAP UI5 应用：Access to XMLHtt... 任务：分析 SAP UI5 root XML 视图的加载逻辑。鼠标放到 initiator 这一列上，找到调用栈的 UIComponent.js 的 createContent 方法：可以看到，这里的逻辑是，从 manifest.json 里解析出 root view 定义，然后实例化该视图。我们再来看看另一个 root 视图加载失败的 SAP UI5 应用：Access to XMLHtt...
- 登录 SAP Kyma 控制台，创建一个新的 function：实现方式选择 nodejs：自动生成一个同名的 service. 点击 service 面板右下角的 Expose service 按钮，创建一个新的 API rule，将 function 暴露给 internet：选中 function，点击 expose function，创建 API rules：维护 api rule ... 登录 SAP Kyma 控制台，创建一个新的 function：实现方式选择 nodejs：自动生成一个同名的 service. 点击 service 面板右下角的 Expose service 按钮，创建一个新的 API rule，将 function 暴露给 internet：选中 function，点击 expose function，创建 API rules：维护 api rule ...
- 实现效果如下图所示：app view 的实现代码：// @ts-nochecksap.ui.jsview("jerrylist.view.App", { getControllerName: function () { return "jerrylist.view.App"; }, createContent: function (oController) { // to avoi... 实现效果如下图所示：app view 的实现代码：// @ts-nochecksap.ui.jsview("jerrylist.view.App", { getControllerName: function () { return "jerrylist.view.App"; }, createContent: function (oController) { // to avoi...
- 一 启动nomad访问web界面现在，您将快速探索Nomad web界面。如果您到达本教程的顺序不一致，请完成此集合中的前面步骤，或者运行nomad agent -dev -bind 0.0.0.0 -log-level=INFO 二 访问UI只要Nomad在运行，Nomad UI也在运行。它与Nomad HTTP API位于相同的地址和端口，位于/UI命名空间下。运行Nomad dev代... 一 启动nomad访问web界面现在，您将快速探索Nomad web界面。如果您到达本教程的顺序不一致，请完成此集合中的前面步骤，或者运行nomad agent -dev -bind 0.0.0.0 -log-level=INFO 二 访问UI只要Nomad在运行，Nomad UI也在运行。它与Nomad HTTP API位于相同的地址和端口，位于/UI命名空间下。运行Nomad dev代...
- https://sap.github.io/spartacus-docs/extending-checkoutThe checkout feature in Spartacus is CMS-driven, which means every page in the checkout flow is based on CMS pages, slots and components.Spart... https://sap.github.io/spartacus-docs/extending-checkoutThe checkout feature in Spartacus is CMS-driven, which means every page in the checkout flow is based on CMS pages, slots and components.Spart...
- CombineLatest 的使用场景：This operator is best used when you have multiple, long-lived observables that rely on each other for some calculation or determination.当有多个长时间存活的 Observable，且依赖彼此，共同完成某些计算逻辑时，适... CombineLatest 的使用场景：This operator is best used when you have multiple, long-lived observables that rely on each other for some calculation or determination.当有多个长时间存活的 Observable，且依赖彼此，共同完成某些计算逻辑时，适...
- subscribeToArray 函数体的逻辑：它的实质是一个函数：该函数接收一个 array 作为输入参数，遍历这个 array，将其每个元素，作为另一个匿名函数执行的一部分。该匿名函数体内，将 array 的元素作为 subscriber 订阅函数的输入：对上述代码进行一点增强：<html><script>const subscribeToArray = (array) => (subs... subscribeToArray 函数体的逻辑：它的实质是一个函数：该函数接收一个 array 作为输入参数，遍历这个 array，将其每个元素，作为另一个匿名函数执行的一部分。该匿名函数体内，将 array 的元素作为 subscriber 订阅函数的输入：对上述代码进行一点增强：<html><script>const subscribeToArray = (array) => (subs...
- 测试代码：fromEvent(this.test, 'click').pipe(map( event => event.timeStamp), mapTo(1)).subscribe((event) => console.log(event));pipe 操作的两个输入操作：输入参数为数组，包含两个元素：使用原始的 Observable 作为输入，执行这两个操作：数组的 reduce 是一个... 测试代码：fromEvent(this.test, 'click').pipe(map( event => event.timeStamp), mapTo(1)).subscribe((event) => console.log(event));pipe 操作的两个输入操作：输入参数为数组，包含两个元素：使用原始的 Observable 作为输入，执行这两个操作：数组的 reduce 是一个...
- 使用一个例子来研究 map 操作符的工作原理。推荐阅读本文之前，先浏览这篇文章RxJs fromEvent 工作原理分析以了解相关知识。源代码：import { Component, OnInit, Inject } from '@angular/core';import { fromEvent, combineLatest } from 'rxjs';import { mapTo, sta... 使用一个例子来研究 map 操作符的工作原理。推荐阅读本文之前，先浏览这篇文章RxJs fromEvent 工作原理分析以了解相关知识。源代码：import { Component, OnInit, Inject } from '@angular/core';import { fromEvent, combineLatest } from 'rxjs';import { mapTo, sta...
- https://sap.github.io/spartacus-docs/reference-app-structure/该概念在 SAP Spartacus 3.1 版本引入。这个 Reference App Structure 是 SAP 推荐客户在搭建自己的 Spartacus Storefront 时所用的参考。Spartacus 包含若干可以 lazy load 的 feature... https://sap.github.io/spartacus-docs/reference-app-structure/该概念在 SAP Spartacus 3.1 版本引入。这个 Reference App Structure 是 SAP 推荐客户在搭建自己的 Spartacus Storefront 时所用的参考。Spartacus 包含若干可以 lazy load 的 feature...
- 在 module 实现里，务必导入下列 module：import { ReactiveFormsModule } from '@angular/forms';template 实现代码：<input type="text" [formControl]="jerryFormControl"><div>{{ response }}</div>其中 formControl Directive，绑... 在 module 实现里，务必导入下列 module：import { ReactiveFormsModule } from '@angular/forms';template 实现代码：<input type="text" [formControl]="jerryFormControl"><div>{{ response }}</div>其中 formControl Directive，绑...
- 假设有这样一个需求：我们需要增强 HTML 里原生的 input 标签，让其达到，随着用户输入字符时，其颜色自动切换的效果。这是一个典型的可以使用 Angular Directive 实现的需求。每个 Directive 都有一个 host 元素。Decorator that marks a DOM property as a host-binding property and suppli... 假设有这样一个需求：我们需要增强 HTML 里原生的 input 标签，让其达到，随着用户输入字符时，其颜色自动切换的效果。这是一个典型的可以使用 Angular Directive 实现的需求。每个 Directive 都有一个 host 元素。Decorator that marks a DOM property as a host-binding property and suppli...
- 一个朋友向我咨询，关于 SAP Fiori 页面自动刷新的实现方法。如果是 Jerry 之前视频 一步步创建 SAP Fiori Elements 应用 介绍的 SAP Fiori Elements Overview 应用，要实现页面自动刷新比较容易，直接在 manifest.json 里使用属性 refreshIntervalInMinutes 定义刷新时间间隔即可。但这位朋友咨询的 SA... 一个朋友向我咨询，关于 SAP Fiori 页面自动刷新的实现方法。如果是 Jerry 之前视频 一步步创建 SAP Fiori Elements 应用 介绍的 SAP Fiori Elements Overview 应用，要实现页面自动刷新比较容易，直接在 manifest.json 里使用属性 refreshIntervalInMinutes 定义刷新时间间隔即可。但这位朋友咨询的 SA...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签