html

SAP UI5 SimpleForm 控件实例的初始化调试
SAP UI5 SimpleForm 控件实例的初始化调试

simpleForm 在 XML 视图里定义的 editable 属性:

2022-09-30 10:18:07阅读全文

如何编写一个原生 Web Components 组件
如何编写一个原生 Web Components 组件

在今天的前端编程中,利用语义化的 HTML 结合 CSS 来完一个组件并不是一件难事,这也意味着无论在 React、Vue 中都可以插入,不过它俩不是今天的主角,接下来我将用一个例子来介绍如何封装一个完整的原生 HTML 的 Web Components 组件,让我们开始吧!

2022-10-07 14:43:20阅读全文

如何使用 SAP UI5 V2 ODataModel 模型 API 实现 deepCreate 的场景以及局限性
如何使用 SAP UI5 V2 ODataModel 模型 API 实现 deepCreate 的场景以及局限性

如果开发人员期望在持久化时请求已创建条目的导航属性(navigation property),请使用可选的 expand 参数在与实体创建的 POST 请求相同的批处理请求中有效地执行此操作。

2022-10-07 11:37:58阅读全文

面试官:哪些浏览器事件不会冒泡?
面试官:哪些浏览器事件不会冒泡?

你知道哪些浏览器事件不会冒泡吗?

2022-10-07 11:47:44阅读全文

SAP UI5 应用的屏幕尺寸检测工作原理深入剖析试读版
SAP UI5 应用的屏幕尺寸检测工作原理深入剖析试读版

Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里,Jerry 曾经先后参与 SAP Business ByDesign, SAP CRM, SA

2022-10-07 21:27:03阅读全文

SAP UI5 sap.ui.Device.media 公有方法介绍
SAP UI5 sap.ui.Device.media 公有方法介绍

每当屏幕宽度发生变化并且当前屏幕宽度处于与宽度变化之前不同的给定范围集的间隔时,就会触发该事件。

2022-10-07 23:01:58阅读全文

如何使用 SAP UI5 V2 ODataModel 创建数据
如何使用 SAP UI5 V2 ODataModel 创建数据

在 OData V2 模型中创建新实体存在三种不同的方法。 最适合的方法取决于应用程序用例。

2022-10-07 12:41:52阅读全文

关于 SAP UI5 ODataModel.createEntry 返回的 context 对象
关于 SAP UI5 ODataModel.createEntry 返回的 context 对象

在返回的上下文中使用创建的 API 返回的 Promise 对象,以便在持久化或重置时获得通知。使用 isTransient API,您可以确定创建的上下文是 transient 的还是持久的;请注意,对于尚未在客户端创建但已从后端读取的上下文,API 返回 undefined。

2022-10-08 13:12:52阅读全文

为什么大家偏爱怪异盒模型border-box?
为什么大家偏爱怪异盒模型border-box?

我们都知道有两种盒模型,w3c盒模型和IE盒模型,IE是业界毒瘤所以IE盒模型又叫怪异盒模型(好吧我瞎说的)。content-box,顾名思义,即width就是内容宽度,和边框边距相互独立,反过来 border-box 就是宽度包含了padding和border,相互影响。

2022-10-07 13:57:09阅读全文

SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法试读版
SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法试读版

Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里,Jerry 曾经先后参与 SAP Business ByDesign, SAP CRM, SA

2022-10-08 00:57:29阅读全文

SAP UI5 SmartForm 使用技巧介绍
SAP UI5 SmartForm 使用技巧介绍

sap.ui.comp.smartform.SmartForm 控件使呈现表单成为可能。 根据用户授权,表单使用户能够从显示模式切换到编辑模式、添加和分组字段、重命名字段标签以及实施用户输入检查。

2022-10-08 07:36:50阅读全文

SAP UI5 OData 模型(V2) 的使用方法介绍
SAP UI5 OData 模型(V2) 的使用方法介绍

OData 模型是服务器端模型,这意味着数据集仅在服务器上可用,客户端即 SAP UI5 应用只知道当前可见(请求)的数据。 排序和过滤等操作在服务器上完成,然后将处理结果返回给客户端。 客户端向服务器发送请求并显示返回的数据。

2022-10-08 05:21:54阅读全文

SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析
SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析

Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里,Jerry 曾经先后参与 SAP Business ByDesign, SAP CRM, SA

2022-10-08 14:15:18阅读全文

SAP UI5 sap.ui.Device.media.initRangeSet 方法的单步调试
SAP UI5 sap.ui.Device.media.initRangeSet 方法的单步调试

每个 SAP UI5 应用在初始化时,都会触发这个方法的调用。

2022-10-08 05:17:59阅读全文

如何开发一个 SAP UI5 Tools 的自定义中间件扩展 - Custom Middleware Extension
如何开发一个 SAP UI5 Tools 的自定义中间件扩展 - Custom Middleware Extension

自定义中间件扩展(Custom Middleware Extension)由 ui5.yaml 和自定义中间件实现组成。 它可以是一个独立的模块,也可以是现有 UI5 项目的一部分。

2022-10-08 18:53:30阅读全文

web 开发里 SSR,CSR 和 SSG 的区别
web 开发里 SSR,CSR 和 SSG 的区别

本文介绍这三种 Web 前端开发领域中的术语的区别。

2022-10-09 11:14:50阅读全文

SAP UI5 Tools 的 Custom UI5 Server Middleware 介绍
SAP UI5 Tools 的 Custom UI5 Server Middleware 介绍

UI5 服务器可扩展性(Extensibility)使开发人员能够增强 UI5 服务器的功能。

2022-10-09 08:51:55阅读全文

快速了解 inert 属性
快速了解 inert 属性

介绍一个全新的、和用户行为息息相关的属性:inert。

2022-10-14 08:17:31阅读全文

一款纯 JS 实现的轻量化图片编辑器
一款纯 JS 实现的轻量化图片编辑器

因为一些特点的工作场景, 写文章的需要每次处理一些图片, 在上面加说明文字, 或者加一些图形

2022-10-13 12:55:38阅读全文

关于 Angular HTTP Interceptor 中 Request 和 Response 的 immutable 特性
关于 Angular HTTP Interceptor 中 Request 和 Response 的 immutable 特性

尽管拦截器能够修改请求和响应,但 HttpRequest 和 HttpResponse 实例属性为 readonly,这意味着其具有 immutability 特性。

2022-10-20 17:51:53阅读全文

Angular HTTPClient API 在 SAP 电商云中的使用
Angular HTTPClient API 在 SAP 电商云中的使用

大多数前端应用程序需要通过 HTTP 协议与服务器通信,以下载或上传数据并访问其他后端服务,SAP 电商云 Spartacus UI 也不例外。 Angular 为 Angular 应用程序提供了一个客户端 HTTP API,即开发包 @angular/common/http 中的 HttpClie

2022-10-25 18:50:38阅读全文

Angular HTTPClient 发送请求的触发方式讨论
Angular HTTPClient 发送请求的触发方式讨论

对于所有 HttpClient 方法,该方法不会开始其 HTTP 请求,直到开发人员在该方法返回的 observable 上调用 subscribe()。

2022-10-26 08:25:08阅读全文

如何使用 JavaScript 代码连接部署在 SAP ABAP 服务器上的 OData 服务
如何使用 JavaScript 代码连接部署在 SAP ABAP 服务器上的 OData 服务

本教程有一位读者通过《一套适合 SAP UI5 开发人员循序渐进的学习教程》读者意见反馈和下一步写作计划表给我反馈:

2022-10-26 04:38:29阅读全文

SAP Spartacus UI 通过 HTTP Interceptor 给请求添加 Authorization 字段
SAP Spartacus UI 通过 HTTP Interceptor 给请求添加 Authorization 字段

Angular HTTP Interceptor 的几种使用场景之中,最常见的就是为 outbound HTTP 请求,添加 Authorization 头部字段。

2022-10-26 01:39:41阅读全文

用 ECharts 做出漂亮的数据统计图
用 ECharts 做出漂亮的数据统计图

在没发现 ECharts 这款神器的时候,之前所做的数据统计图只能自个纯手写,倒也是可以实现,只不过特别的费时。后来无意中在网上瞄到 ECharts 这款专门用来生成数据图表的插件,便尝试了一下,那感觉真的不要太爽!

2022-10-26 02:49:05阅读全文

Angular HTTP 请求自定义 timeout 值的一种实现思路
Angular HTTP 请求自定义 timeout 值的一种实现思路

本文介绍 Angular HTTP 请求 timeout 的一种实现思路。的

2022-10-25 16:46:52阅读全文

SAP Spartacus HTTP Interceptor 的 provisioning 逻辑
SAP Spartacus HTTP Interceptor 的 provisioning 逻辑

假import { Injectable } from '@angular/core';import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest} from '@angular/common/http';

2022-10-25 23:40:32阅读全文

SAP Spartacus 中的 HTTP URL parameters
SAP Spartacus 中的 HTTP URL parameters

使用带有参数请求选项的 HttpParams 类在 HttpRequest 中添加 URL 查询字符串。

2022-10-26 09:32:24阅读全文

关于 SAP Spartacus Angular HTTP Interceptor 的拦截顺序
关于 SAP Spartacus Angular HTTP Interceptor 的拦截顺序

Angular 按照开发人员提供的 HTTP Interceptors 的顺序来依次 调用这些拦截器。

2022-10-26 01:14:17阅读全文

Angular 里 HTTP 请求和响应结构的拦截器(interceptors)在 SAP Spartacus 中的应用
Angular 里 HTTP 请求和响应结构的拦截器(interceptors)在 SAP Spartacus 中的应用

通过拦截,开发人员可以声明拦截器来检查和转换从应用程序到服务器的 HTTP 请求。 相同的拦截器还可以在返回应用程序的途中检查和转换服务器的响应。

2022-10-26 03:59:55阅读全文

关于 WebSocket 和 HTTP 区别的思考以及一个最简单的 WebSocket 的客户端和服务器实现
关于 WebSocket 和 HTTP 区别的思考以及一个最简单的 WebSocket 的客户端和服务器实现

笔者之前与一位同事研究了 Cypress 的 visit 方法,其源码实现最终是调用了 WebSocket 向 visit 参数里指定的 website 通行并获取数据,见下图变量 ev.data 的值。

2022-11-16 18:23:52阅读全文

SAP 电商云 CMSUserGroupRestriction 在 Spartacus 里的 evaluation 问题
SAP 电商云 CMSUserGroupRestriction 在 Spartacus 里的 evaluation 问题

已经设置了 CMSUserGroupRestriction,在 Accelerator 上可以正常工作,但在 Spartacus 上不工作。注意到的是导航节点根据 restriction 已经处于 deactivated 状态,但它并没有消失。

2022-11-16 16:42:47阅读全文

SAP UI5 sap.ui.export.Spreadsheet API 介绍
SAP UI5 sap.ui.export.Spreadsheet API 介绍

本 API 创建一个新的电子表格导出对象。使用此对象从表格数据构建和下载 Office Open XML 电子表格格式的电子表格文件。此功能通常与 UI5 表一起使用。

2022-11-17 07:40:37阅读全文

关于 SAP UI5 控件内容的 Excel 导出功能,如何加载所需的导出工具库
关于 SAP UI5 控件内容的 Excel 导出功能,如何加载所需的导出工具库

SAP UI5 ExpreadSheet 导出功能允许开发人员将数据导出到 Office Open XML 电子表格。

2022-11-16 21:23:39阅读全文

SAP UI5 SmartTable 控件本地运行时进行 Excel 导出的单步调试
SAP UI5 SmartTable 控件本地运行时进行 Excel 导出的单步调试

点击 SmartTable 控件生成的表格控件的 Export to Excel 时,遇到如下错误消息:

2022-11-17 02:50:05阅读全文