angular
0 人感兴趣 · 81 次引用
- 最新
- 推荐

Spartacus cart id 存储在浏览器 local storage 里面
浏览器的 local storage(本地存储)是指浏览器提供的一种客户端存储机制,用于在用户的浏览器上存储少量数据。这些数据可以在同一域名下的所有页面之间共享,并且在浏览器关闭后也可以保留下来,直到被用户删除或达到存储上限。
阿里大佬纯手写 Angular 和 Spring Boot 全栈技能修炼手册
全栈,就像武侠小说里常常会说打通任督二脉之后功力大增,为什么打通任督二脉如此重要?因为它们统率着全身的经脉,它们是一切经脉的根本。相对于其他经脉来说,任督二脉很简单,但也最难打通。

什么是前端开发领域的 Cumulative Layout Shift 问题
CLS 是 Cumulative Layout Shift(累计布局偏移)的缩写,它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题,这些问题会导致网页元素在页面上闪烁或跳动,影响用户体验。

什么是前端开发领域的 Cumulative Layout Shift 问题
CLS 是 Cumulative Layout Shift(累计布局偏移)的缩写,它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题,这些问题会导致网页元素在页面上闪烁或跳动,影响用户体验。

玩转 Angular 系列:组件间各种通信方式详解
在前端框架Angular中,组件之间的通信很基础也很重要,不同组件间的通信方式也不同,掌握组件间的通信方式会更加深刻的理解和使用Angular框架。

AngularJS 进阶 (三十四)Angular 数据更新不及时问题探讨
在修复控制角标正确变化过程中,发觉前端代码组织层次出现了严重问题。传递和共享数据时自己使用的是rootScope,为此造成了全局变量空间的污染。根据《AngularJs深度剖析与最佳实践》,如果两个控制器的协作存在大量的数据共享和交互可以利用Factory等服务

Hire Remote Developers
Hire Remote Developers. By adhering to agile software development & web app development practices, we have delivered large-scale complex projects on Java with utmost perfection.

SAP UI5 应用和 Angular 应用视图里控件 id 生成逻辑的异同比较
本文对 SAP UI5 和 Angular 这两个前端框架中视图控件 id 的生成逻辑进行了一个横向比较。

企业级 Angular 应用路由路径自定义配置和开发的案例分享
本文通过 SAP Commerce Cloud ( 电商云 ) UI 这个颇具代表性的企业级 Angular 全段应用为例,给大家分享 Angular 应用前台路由路径的自定义配置与开发的一个实际例子,来加深大家对其灵活性的认识。

谈谈企业级前端应用 UI 界面增强实现的一些实际案例
本文首先快速回顾几种 SAP 产品中的 UI 增强思路,然后具体介绍该思路是如何在 SAP Commerce Cloud(电商云) UI 增强中贯彻实施的。

谈谈企业级前端应用中通过 CSS 达到布局定制化的话题
本文以 SAP CRM Fiori 以及 SAP Commerce Cloud UI 这两个分别采用 UI5 和 Angular 开发的企业级前端应用为例,介绍了设计人员如何采用 CSS 调整来达到布局定制化的效果。

谈谈 Angular 应用 Feature Module 的延迟加载话题
笔者最近工作中处理了 SAP Commerce Cloud (电商云) UI 的一个懒加载 (Lazy Load) 功能的客户问题,通过本文把自己学到的关于 Angular Feature Module 延迟加载的知识做个记录。

谈谈企业级前端 Angular 应用的定制化二次开发话题
本文以 SAP Commerce Cloud 电商云 UI 这个典型的基于 Angular 框架的企业级前端应用为例,介绍其定制化二次开发的思路和注意事项。

聊聊前端开发中的 Ghost Design 设计思路
笔者最近做 SAP Spartacus 前端开发时,接触到一个新的开发术语:Ghost Design. 无论是幽灵设计,还是之前 SAP UI5 提供的页面加载动画效果,都是改善用户使用体验的一种手段:提示用户当前页面正在加载后台数据,或是执行一些比较费时的操作。

SAP 电商云的 Spartacus Storefront 如何配置多个 JavaScript Application
本文介绍如何配置多个 endpoint 以使用多个 JavaScript 店面。

SAP UI5 和 Angular 的函数防抖 (Debounce) 和函数节流 (Throttle) 实现原理介绍
笔者之前的文章 SAP UI5 OData谣言粉碎机:极短时间内发送两个Odata request, 前一个会自动被cancel掉吗,介绍过 SAP 成都研究院 CRM Fiori 开发团队开发过的一个Live Search的场景。

如何让 SAP Spartacus 访问 navigation node 的上下文,暴露更多的字段
SAP Spartacus 启动时,会从 SAP Commerce Cloud 后台发起 OCC API 调用。

关于 Angular view Query 的 id 选择器问题的单步调试
本文介绍笔者工作中遇到的一个实际问题和解决方案。

一个 ExpressionChangedAfterItHasBeenCheckedError 错误的解决过程
我的 Component 里有一个 selectedPane 字段(第56行),作为数据源显示在 div 标签里(代码第47行):

通过单步调试的方式学习 Angular 中带有选择器的内容投影使用方式
我创建了一个 selector 为 app-content-section 的 Component,用于容纳内容投影(content projection):

通过单步调试的方式学习 Angular 中 TView 和 LView 的概念
使用数组进行存储的含义是不清楚在数组中的哪个位置存储实例数据。 TData 用于描述 LView 中每个位置存储的内容。 所以 LView 本身不足以推理,因为它在没有上下文的情况下存储值。 TView 描述了组件需要什么,但它不存储实例信息。

Angular 内容投影出现 No provider for TemplateRef found 错误的单步调试
本文涉及到的代码位置:https://github.com/wangzixi-diablo/ngDynamic

使用 RxJs 实现一个支持 infinite scroll 的 Angular Component
本文介绍了如何使用 Angular 前端框架,基于 Rxjs 工具库开发一个支持 infinite scroll 的延迟加载列表的详细步骤。

orbeon form 的配置介绍
Orbeon Forms 通过配置属性进行配置。 它们通常设置在名为 properties-local.xml 的文件中,并存储在 Orbeon Forms WAR 文件中,如下所示:WEB-INF/resources/config/properties-local.xml:

如何解决 Angular custom library module 在 ng build 时无法被识别的错误
SAP Spartacus angular.json, 是 Angular CLI 自动生成的文件,里面针对 storefrontapp,生成的 tsConfig 属性,指向一个 tsconfig.app.json 文件,该文件指定 ng build 如何对该 app 进行构建。

如何将 SAP 电商云 Spartacus UI 部署到 tomcat 上运行
首先执行命令行 yarn build:libs, 将所有的 libraries 进行构建,大概需要花费 10 分钟时间。

关于 Angular 应用 tsconfig.json 中的 lib 属性
SAP Spartacus 应用的 tsconfig.json 文件里,有一个 lib 属性,值为 es2020 和 dom:

关于 Angular 应用 tsconfig.json 中的 target 属性
我新建了一个 Angular 应用,自动生成的 tsconfig.json 文件里,target 为 es2017,module 为 es2018.