- 笔者在社区上已经发布了一些技术文章，记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到，所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有超过一般 2C 软件的技术复杂度，高度定制化和可扩展性，因为企业级前端应用程序，通常需要满足企业... 笔者在社区上已经发布了一些技术文章，记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到，所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有超过一般 2C 软件的技术复杂度，高度定制化和可扩展性，因为企业级前端应用程序，通常需要满足企业...
- 当使用Angular启用服务器端渲染（Server-Side Rendering，以下简称SSR）时，应用程序的工作方式发生了显著变化。这使得Angular应用更加友好，不仅对搜索引擎爬虫更友好，还有助于改善应用的性能和加载时间。在本文中，我们将详细介绍在浏览器端访问启用SSR的Angular应用时背后发生的事情，特别侧重于"re-hydration"的过程。 什么是Angular的服务器端... 当使用Angular启用服务器端渲染（Server-Side Rendering，以下简称SSR）时，应用程序的工作方式发生了显著变化。这使得Angular应用更加友好，不仅对搜索引擎爬虫更友好，还有助于改善应用的性能和加载时间。在本文中，我们将详细介绍在浏览器端访问启用SSR的Angular应用时背后发生的事情，特别侧重于"re-hydration"的过程。 什么是Angular的服务器端...
- Lazy Loading，也被称为代码分割，是一种让你将 JavaScript 代码分割成多个块的技术。其结果是，当用户访问应用的第一个页面时，你无需加载整个应用的全部 JavaScript。相反，只有在给定页面需要时才加载所需的代码块。在导航商店前端时，根据需要加载额外的代码块。这种方法可以显著提高“交互时间（Time To Interactive）”，尤其是在低端移动设备访问复杂的Web... Lazy Loading，也被称为代码分割，是一种让你将 JavaScript 代码分割成多个块的技术。其结果是，当用户访问应用的第一个页面时，你无需加载整个应用的全部 JavaScript。相反，只有在给定页面需要时才加载所需的代码块。在导航商店前端时，根据需要加载额外的代码块。这种方法可以显著提高“交互时间（Time To Interactive）”，尤其是在低端移动设备访问复杂的Web...
- Queries 设计模式：优化 Angular 应用开发在 Angular 应用开发领域，为了更好地管理数据和实现高效的用户界面，我们经常需要处理查询操作。这些查询操作通常涉及从后端服务器获取数据或根据用户交互获取数据，并将其显示在应用程序的界面上。为了优化这一过程，我们可以使用 Queries 设计模式。本文将详细介绍 Queries 设计模式的核心概念以及如何在 Angular 应用中有... Queries 设计模式：优化 Angular 应用开发在 Angular 应用开发领域，为了更好地管理数据和实现高效的用户界面，我们经常需要处理查询操作。这些查询操作通常涉及从后端服务器获取数据或根据用户交互获取数据，并将其显示在应用程序的界面上。为了优化这一过程，我们可以使用 Queries 设计模式。本文将详细介绍 Queries 设计模式的核心概念以及如何在 Angular 应用中有...
- Angular的Dynamic imports（动态导入）是一种强大的技术，它允许你在运行时按需加载模块，从而优化应用程序的性能和加载时间。在本文中，我将详细介绍什么是Angular的Dynamic imports以及如何使用它来提高应用程序的效率。我们将探讨Dynamic imports的工作原理、使用场景、语法示例以及最佳实践，以帮助你更好地理解和应用这个功能。 Angular和Dyna... Angular的Dynamic imports（动态导入）是一种强大的技术，它允许你在运行时按需加载模块，从而优化应用程序的性能和加载时间。在本文中，我将详细介绍什么是Angular的Dynamic imports以及如何使用它来提高应用程序的效率。我们将探讨Dynamic imports的工作原理、使用场景、语法示例以及最佳实践，以帮助你更好地理解和应用这个功能。 Angular和Dyna...
- 在Angular应用程序的开发过程中，性能优化一直是一个关键问题。其中之一是使用懒加载（Lazy Loading）来延迟加载应用程序的某些部分，以减小初始加载时间并提高用户体验。然而，在实施Lazy Loading时，开发人员可能会陷入一些常见的错误，本文将详细介绍这些错误以及如何避免它们。 为什么要使用Lazy Loading？在深入探讨Lazy Loading的陷阱之前，让我们先了解为什... 在Angular应用程序的开发过程中，性能优化一直是一个关键问题。其中之一是使用懒加载（Lazy Loading）来延迟加载应用程序的某些部分，以减小初始加载时间并提高用户体验。然而，在实施Lazy Loading时，开发人员可能会陷入一些常见的错误，本文将详细介绍这些错误以及如何避免它们。 为什么要使用Lazy Loading？在深入探讨Lazy Loading的陷阱之前，让我们先了解为什...
- In the returned index.html , you can check for the script tag, which should by default have an id of … .办法就是，在 Chrome 开发者工具 Network 标签页里，查看 script 标签，如果发现具有下列代码片段，说明 Transfer State 机制已经工作了：<script ... In the returned index.html , you can check for the script tag, which should by default have an id of … .办法就是，在 Chrome 开发者工具 Network 标签页里，查看 script 标签，如果发现具有下列代码片段，说明 Transfer State 机制已经工作了：<script ...
- Angular 14 引入的 “strict typing of Angular Reactive Forms” 是一项强大的功能，它进一步提高了 Angular 应用程序的类型安全性和可维护性，特别是在处理表单时。这个功能使开发人员能够更精确地定义表单控件和表单模型的类型，从而减少了潜在的运行时错误，并提供了更好的代码提示和文档。在这篇文章中，我们将深入探讨 Angular 14 引入的 ... Angular 14 引入的 “strict typing of Angular Reactive Forms” 是一项强大的功能，它进一步提高了 Angular 应用程序的类型安全性和可维护性，特别是在处理表单时。这个功能使开发人员能够更精确地定义表单控件和表单模型的类型，从而减少了潜在的运行时错误，并提供了更好的代码提示和文档。在这篇文章中，我们将深入探讨 Angular 14 引入的 ...
- 有一个客户启用了 Angular Server Side Rendering，并且启用了 inlineCriticalCss，后来发现在 Dynatrace 的 hotspot 里的 vendor.js 文件有个名叫 walkStyleRules 的函数，耗时比较多。如下图所示： Angular 服务器端渲染（Server Side Rendering）Angular的服务器端渲染是一种技术... 有一个客户启用了 Angular Server Side Rendering，并且启用了 inlineCriticalCss，后来发现在 Dynatrace 的 hotspot 里的 vendor.js 文件有个名叫 walkStyleRules 的函数，耗时比较多。如下图所示： Angular 服务器端渲染（Server Side Rendering）Angular的服务器端渲染是一种技术...
- Angular是一个流行的前端JavaScript框架，它提供了一种强大的方式来构建单页应用程序（SPA）。在Angular中，依赖注入（Dependency Injection，DI）是一项关键的功能，它允许我们有效地管理应用程序中的依赖关系。Angular的依赖注入系统使用InjectionToken来实现某些特殊的依赖注入需求。在本文中，我将详细解释InjectionToken的作用，... Angular是一个流行的前端JavaScript框架，它提供了一种强大的方式来构建单页应用程序（SPA）。在Angular中，依赖注入（Dependency Injection，DI）是一项关键的功能，它允许我们有效地管理应用程序中的依赖关系。Angular的依赖注入系统使用InjectionToken来实现某些特殊的依赖注入需求。在本文中，我将详细解释InjectionToken的作用，...
- Angular 应用程序的Hydration概念Hydration概念是Angular应用程序中的一个关键概念，它涉及到Angular框架在客户端渲染（Client-side rendering，CSR）中的运作方式。要深入理解Hydration，首先需要了解CSR和SSR（Server-side rendering，服务器端渲染）之间的基本区别，以及Angular是如何利用Hydratio... Angular 应用程序的Hydration概念Hydration概念是Angular应用程序中的一个关键概念，它涉及到Angular框架在客户端渲染（Client-side rendering，CSR）中的运作方式。要深入理解Hydration，首先需要了解CSR和SSR（Server-side rendering，服务器端渲染）之间的基本区别，以及Angular是如何利用Hydratio...
- CmsPageGuardService 是 Spartacus 框架中的一个重要服务，用于控制访问 CMS 页面的权限。在本文中，我将详细说明如何使用它，并提供示例代码，以帮助您更好地理解其功能和用法。 Spartacus 概览首先，让我们简要回顾一下 Spartacus 是什么。Spartacus 是一套开源的 Angular 应用程序，用于构建现代的电子商务 Web 应用程序，它与 SA... CmsPageGuardService 是 Spartacus 框架中的一个重要服务，用于控制访问 CMS 页面的权限。在本文中，我将详细说明如何使用它，并提供示例代码，以帮助您更好地理解其功能和用法。 Spartacus 概览首先，让我们简要回顾一下 Spartacus 是什么。Spartacus 是一套开源的 Angular 应用程序，用于构建现代的电子商务 Web 应用程序，它与 SA...
- 看下列这段出现在 Angular Component 内的代码：protected userCostCenters$: Observable<CostCenter[]> = this.userCostCenterService .getActiveCostCenters() .pipe(filter((costCenters) => !!costCenters));... 看下列这段出现在 Angular Component 内的代码：protected userCostCenters$: Observable<CostCenter[]> = this.userCostCenterService .getActiveCostCenters() .pipe(filter((costCenters) => !!costCenters));...
- 在Angular应用中，Subscription 是 RxJS（Reactive Extensions for JavaScript）库的一部分，用于管理可观察对象（Observables）的订阅。订阅是一种用于响应式编程的机制，它允许我们在观察对象发出新值时执行操作。在Angular中，Subscription 类经常用于处理可观察对象的订阅和取消订阅，以避免内存泄漏和资源浪费。下面我将详... 在Angular应用中，Subscription 是 RxJS（Reactive Extensions for JavaScript）库的一部分，用于管理可观察对象（Observables）的订阅。订阅是一种用于响应式编程的机制，它允许我们在观察对象发出新值时执行操作。在Angular中，Subscription 类经常用于处理可观察对象的订阅和取消订阅，以避免内存泄漏和资源浪费。下面我将详...
- 笔者最近三年一直在 SAP 中国研究院担任 Angular 应用开发程序员的职位，负责的产品是 SAP 电商云 Spartacus UI 的开发。Spartacus 是 SAP 公司主导的一个开源项目，Github 项目地址：https://github.com/SAP/spartacus.电商云 Storefront UI 界面如下，客户如果想在上面下单，需要点击 Sign In / Re... 笔者最近三年一直在 SAP 中国研究院担任 Angular 应用开发程序员的职位，负责的产品是 SAP 电商云 Spartacus UI 的开发。Spartacus 是 SAP 公司主导的一个开源项目，Github 项目地址：https://github.com/SAP/spartacus.电商云 Storefront UI 界面如下，客户如果想在上面下单，需要点击 Sign In / Re...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签