写点什么

angular

0 人感兴趣 · 81 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/04/04ce7f3896a47bd81917b38cb82d0dfb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Spartacus cart id 存储在浏览器 local storage 里面

浏览器的 local storage(本地存储)是指浏览器提供的一种客户端存储机制,用于在用户的浏览器上存储少量数据。这些数据可以在同一域名下的所有页面之间共享,并且在浏览器关闭后也可以保留下来,直到被用户删除或达到存储上限。

阿里大佬纯手写 Angular 和 Spring Boot 全栈技能修炼手册

全栈,就像武侠小说里常常会说打通任督二脉之后功力大增,为什么打通任督二脉如此重要?因为它们统率着全身的经脉,它们是一切经脉的根本。相对于其他经脉来说,任督二脉很简单,但也最难打通。

https://static001.geekbang.org/infoq/1d/1da5462686dc2388f6e34a58db9eee18.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

好用的 Angular 组件库有哪些推荐的?TinyNG 好用吗?

TinyNG是好用的!确实对于前端开发来说,选择一个好用的UI组件库可以大幅提高开发效率,同时还能保证项目的美观和稳定性。然而,面对市面上众多的组件库,很多开发者往往苦于选择。在本文中,将为大家推荐几款常用的、好用的前端UI组件库

https://static001.geekbang.org/infoq/1d/1d878bfa21987fd8d913c69ea76063ef.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

什么是前端开发领域的 Cumulative Layout Shift 问题

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

https://static001.geekbang.org/infoq/a5/a58061199a9a0b793ec5c55fbdc3195d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

什么是前端开发领域的 Cumulative Layout Shift 问题

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

https://static001.geekbang.org/infoq/1a/1aae64a9a576a8a66f4e0c4427fc083b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

玩转 Angular 系列:组件间各种通信方式详解

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

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

AngularJS 进阶 (三十四)Angular 数据更新不及时问题探讨

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

https://static001.geekbang.org/infoq/3e/3e4d125ce0cb65f897683ec4278a78b3.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Hire Remote Developers

用户头像
Mahipal_Nehra
2022-11-24

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.

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 应用和 Angular 应用视图里控件 id 生成逻辑的异同比较

用户头像
Jerry Wang
2022-11-22

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

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

企业级 Angular 应用路由路径自定义配置和开发的案例分享

用户头像
Jerry Wang
2022-11-15

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

https://static001.geekbang.org/infoq/3d/3dd7405fa9e0993dd997d4a8136be7b2.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

谈谈企业级前端应用 UI 界面增强实现的一些实际案例

用户头像
Jerry Wang
2022-11-11

本文首先快速回顾几种 SAP 产品中的 UI 增强思路,然后具体介绍该思路是如何在 SAP Commerce Cloud(电商云) UI 增强中贯彻实施的。

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

谈谈企业级前端应用中通过 CSS 达到布局定制化的话题

用户头像
Jerry Wang
2022-11-11

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

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

谈谈 Angular 应用 Feature Module 的延迟加载话题

用户头像
Jerry Wang
2022-11-10

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

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

谈谈企业级前端 Angular 应用的定制化二次开发话题

用户头像
Jerry Wang
2022-11-09

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

https://static001.geekbang.org/infoq/05/0544935f304b35bf5b3127ae4c159001.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

聊聊前端开发中的 Ghost Design 设计思路

用户头像
Jerry Wang
2022-11-08

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

https://static001.geekbang.org/infoq/04/04ce7f3896a47bd81917b38cb82d0dfb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP 电商云的 Spartacus Storefront 如何配置多个 JavaScript Application

用户头像
Jerry Wang
2022-11-07

本文介绍如何配置多个 endpoint 以使用多个 JavaScript 店面。

https://static001.geekbang.org/infoq/fe/fe85a6a8ce8580b605fb2296b747251c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

SAP UI5 和 Angular 的函数防抖 (Debounce) 和函数节流 (Throttle) 实现原理介绍

用户头像
Jerry Wang
2022-11-01

笔者之前的文章 SAP UI5 OData谣言粉碎机:极短时间内发送两个Odata request, 前一个会自动被cancel掉吗,介绍过 SAP 成都研究院 CRM Fiori 开发团队开发过的一个Live Search的场景。

https://static001.geekbang.org/infoq/03/032eb13cc5279a3151fcffff1357fcbb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何让 SAP Spartacus 访问 navigation node 的上下文,暴露更多的字段

用户头像
阿英
2022-10-31

SAP Spartacus 启动时,会从 SAP Commerce Cloud 后台发起 OCC API 调用。

https://static001.geekbang.org/infoq/d1/d1ebbdf0218d7931e8041ecdb46b38fc.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

一个 ExpressionChangedAfterItHasBeenCheckedError 错误的解决过程

用户头像
Jerry Wang
2022-10-07

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

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

通过单步调试的方式学习 Angular 中带有选择器的内容投影使用方式

用户头像
Jerry Wang
2022-10-06

我创建了一个 selector 为 app-content-section 的 Component,用于容纳内容投影(content projection):

https://static001.geekbang.org/infoq/8d/8d51959468f1149a683166ee291f475a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

通过单步调试的方式学习 Angular 中 TView 和 LView 的概念

用户头像
Jerry Wang
2022-10-05

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

https://static001.geekbang.org/infoq/d1/d1ebbdf0218d7931e8041ecdb46b38fc.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 RxJs 实现一个支持 infinite scroll 的 Angular Component

用户头像
Jerry Wang
2022-10-03

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

https://static001.geekbang.org/infoq/d9/d923d7f24ee701e60bff726b8db2ec37.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

orbeon form 的配置介绍

用户头像
Jerry Wang
2022-09-28

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

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何解决 Angular custom library module 在 ng build 时无法被识别的错误

用户头像
Jerry Wang
2022-09-27

SAP Spartacus angular.json, 是 Angular CLI 自动生成的文件,里面针对 storefrontapp,生成的 tsConfig 属性,指向一个 tsconfig.app.json 文件,该文件指定 ng build 如何对该 app 进行构建。

https://static001.geekbang.org/infoq/04/04ce7f3896a47bd81917b38cb82d0dfb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何将 SAP 电商云 Spartacus UI 部署到 tomcat 上运行

用户头像
Jerry Wang
2022-09-25

首先执行命令行 yarn build:libs, 将所有的 libraries 进行构建,大概需要花费 10 分钟时间。

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

关于 Angular 应用 tsconfig.json 中的 lib 属性

用户头像
Jerry Wang
2022-09-24

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

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

关于 Angular 应用 tsconfig.json 中的 target 属性

用户头像
Jerry Wang
2022-09-23

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

angular_angular技术文章_InfoQ写作社区