ITPub博客

SAP’s UI Technologies supporting the new Horizon visual theme of SAP FioriSAP 正在转变我们的设计和开发文化，更加专注于帮助人们更快、更轻松地完成工作并取得更好的成果。 如果您还没有阅读过相关内容，请先阅读我们首席设计官 Benedikt Lehnert 的这篇博文，然后再继续阅读：体验心态：重新设计我们在 SAP 构建产

这是 Jerry 2021 年的第 73 篇文章，也是汪子熙公众号总共第 350 篇原创文章。 iframe 是一项历史悠久的前端技术，能够将另一个 HTML 页面嵌入到当前的宿主页面。每个通过 iframe 被嵌入的 HTML 页面都拥有自己独立的浏览上下文，会话历史记录和 DOM 树。虽然 iframe 如果使用不当，可能会引发性能问题和安全隐患，但是它也有其应用场合，即复用第三方应用页面。

目前电商领域有两款比较出名的开源电商网站解决方案，分别是基于 Angular 开发框架，代号为 Spartacus 的开源项目，以及基于 Vue 的 Vue Storefront. 作为 Spartacus 开源项目的开发成员之一，今天我想通过本文，给大家介绍一下我们平时购物时最常使用到的功能之一，添加产品到购物车的技术实现。 即使没有多少 Angular 开发经验的前端程序员，阅读本文之

我们在开发复杂的 Angular 应用时，经常会使用到 Rxjs 的 defer 函数，例如： 创建一个 Observable，在订阅时调用 Observable 工厂为每个新的 Observer 创建一个 Observable 对象。 该函数接收一个输入参数，类型为一个工厂函数。输出为一个 Observable 对象，一旦被订阅时，其绑定的工厂函数会被调用。 defer 的实质是延迟创

程序员日常工作中总是需要分析不少日志文件。 日志文件可以用默认的文本编辑器打开，但是缺乏语法高亮效果，下面是一个例子： 可以尝试安装这个 Visual Studio Code 扩展：Log File Highlighter： 安装完毕后，打开之前的日志文件，具有语法高亮了： 还可以编辑 settings.json, 对需要高亮的规则进行自定义设置：logFileHighligh

我们知道在 SAP 电商云 Spartacus UI 里，用户可以通过下拉菜单更改当前访问 site 的语言： 监控语言变化的代码： this.subscription.add( this.languageService .getActive() .subscribe((isoCode: string) => t

在 Spartacus 2.0 版之前，实现状态持久性的唯一方法是使用一种称为 storageSync 的简单的声明性机制，它允许您提供属性键以在存储中持久化。 当您启动您的应用程序时，这些持久化的键用于设置存储中的初始状态。 使用 Spartacus 2.0 或更高版本，您可以通过使用 StatePersistenceService，特别是它的 syncWithStorage 方法来保持店面应用

这是 Jerry 2021 年的第 72 篇文章，也是汪子熙公众号总共第 349 篇原创文章。 基于 ABAP 技术栈的 SAP 产品，客户可以通过安装 Enhancement Package(增强包)的方式，为当前使用的应用导入新的功能。 Enhancement Package(增强包)，顾名思义，包含了应用程序增强功能的集合。客户可以根据企业实际的业务流程，有选择性的启用增强包里的部分新功

方向性功能提供对双向文本和布局的支持。 您可以将 Spartacus 配置为使用从左到右 (LTR) 方向或从右到左 (RTL) 方向。 方向性是由语言驱动的。 许多语言是从左到右阅读的，但有些语言，例如阿拉伯语和希伯来语，是从右到左阅读的。 在 Spartacus 中，UI 的方向反映了主动语言，因此方向性可以在双向体验中起作用。 如果您的店面同时包含 LTR 和 RTL 语言，则使用活动语

对于复杂且快速发展的库，在改进现有功能的同时保持向后兼容性可能具有挑战性。 代码弃用允许您正确标记过时的代码，并通过警告用户，帮助他们过渡到更好的替代方案。 要将函数、类、方法或属性标记为已弃用，请使用 @deprecated 标记。 下面是一个例子： /** * @deprecated since 1.0.2 * Use better alternative instead */

Spartacus 库的每个次要版本都包含新功能，这些功能通常是对现有组件的改进。 这些功能通常是用户所期望的，但在某些情况下，这些更新可能被视为破坏性更改，尤其是当您在特定行为或 DOM 结构之上构建了自己的自定义时。 Feature level为了保持严格的向后兼容性，Spartacus 包含可配置的功能级别，这有助于在改进现有组件的同时保持可预测的行为。 默认情况下，功能级别设置为最新的

什么是 Support Package？当 SAP 的最终用户发现 SAP 产品中的错误时，他会向 SAP 支持人员报告同样的问题。 SAP 程序员检查错误并开发错误更正。 此更正称为 SNOTE (SAP Note)。随着时间的推移，多个最终用户报告 SAP 发布 SNOTE 的错误。 SAP 在一个地方收集所有这些更正，这个集合称为支持包。 此支持包还包括对早期 SAP 版本的增强。

借助增强包交付技术，SAP 可为您现有的 SAP ERP 安装提供应用程序的新开发和增强功能。这意味着您可以在需要时并根据自己的要求使用为您的业务流程提供的新开发。 只有在您决定使用这些新功能、安装相关技术组件并在基于 ABAP 的 SAP Enterprise Central Components 系统（SAP ECC 系统）中激活相应的业务功能后，新的开发和增强才会生效。您未激活业务功能的现

帮助文档 通过业务功能，SAP 为您现有的 SAP 安装提供了独立单元中的新功能和增强功能。这使您能够为各种业务流程使用特定的新功能和增强功能。 业务功能 X 随增强包(enhancement package)一起提供。 此业务功能包含允许您更有效地运行给定业务流程的功能。 此时此刻，您对增强包的其他功能不感兴趣。 因此，您只需安装使用业务功能 X 所需的那些技术组件。安装这些技术组件后，其

这是 Jerry 2021 年的第 71 篇文章，也是汪子熙公众号总共第 348 篇原创文章。 Jerry 之前发布过一篇文章 不使用任何框架，手写纯 JavaScript 实现上传本地文件到 ABAP 服务器，之后不少朋友留言，提出的问题概括为以下两类： (1) 客户端通过 multipart/form-data 格式发送的数据，ABAP 端除了像 Jerry 文章采取字符串解析这种比较繁琐

看这样一条命令： npm install @angular/router —save 这个 @angular/router 代表什么含义？ 我们使用下面的命令，无法搜索到这个包： npm search @angular/router:No match found for “@angular/router” 这是 NPM 的一个新特性，称为“作用域包”，它有效地允许 NPM

执行命令行： ng run storefrontapp:server:production 报错： Error: projects/storefrontapp/src/app/app.module.ts:33:30 - error TS2307: Cannot find module ‘feature-libs/my-lib/src/public-api’ or its correspon

npm run build:mylib npm run 执行的目标 build:mylib, 定义在 package.json 里： 实际执行的命令是：yarn —cwd feature-libs/my-lib && ng build my-lib —configuration production ng build：把 Angular 应用编译到给定输出路径下名

Test the Spartacus installation with schematics on Windows 本文介绍详细步骤。 首先使用命令行安装 verdaccio： Install verdaccio $ npm i -g verdaccio@4 (only for the first time) Verdaccio 是一个简单的、零配置要求的本地私有 NPM 注册表

UMD 是 JavaScript 模块的通用模块定义模式。这些模块能够在任何地方工作，无论是在客户端、服务器还是其他地方。 UMD 模式通常试图提供与当今最流行的脚本加载器（例如 RequireJS 等）的兼容性。 在许多情况下，它使用 AMD 作为基础，并添加了特殊的外壳来处理 CommonJS 兼容性。 所以首先要了解 AMD. AMDAMD 代表异步模块定义(Asynchronous