- 笔者在社区上已经发布了一些技术文章，记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到，所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有超过一般 2C 软件的技术复杂度，高度定制化和可扩展性，因为企业级前端应用程序，通常需要满足企业... 笔者在社区上已经发布了一些技术文章，记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到，所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有超过一般 2C 软件的技术复杂度，高度定制化和可扩展性，因为企业级前端应用程序，通常需要满足企业...
- 平均响应时间 15 秒左右。Spartacus 使用的渲染策略：RenderingStrategy.ALWAYS_SSR关于上图jMeter中Sample Time和Latency这两个关键性能指标，以及它们在测试结果中的作用：1. Sample Time（样本时间）：Sample Time 表示从请求发送到接收完所有响应数据所经过的总时间，以毫秒为单位。它包括了以下几个方面的时间：请求的发... 平均响应时间 15 秒左右。Spartacus 使用的渲染策略：RenderingStrategy.ALWAYS_SSR关于上图jMeter中Sample Time和Latency这两个关键性能指标，以及它们在测试结果中的作用：1. Sample Time（样本时间）：Sample Time 表示从请求发送到接收完所有响应数据所经过的总时间，以毫秒为单位。它包括了以下几个方面的时间：请求的发...
- 在Angular应用中，dist目录是构建应用后的输出目录，其中包含了已编译、打包和优化的应用文件。assets文件夹通常用于存放应用所需的静态资源，如图片、字体、配置文件等。esm2020、fesm2015和fesm2020是Angular构建过程中生成的文件夹，它们主要与Angular的模块加载系统和代码优化有关。让我详细解释它们的用途和提供示例。esm2020 文件夹：ESM (ECM... 在Angular应用中，dist目录是构建应用后的输出目录，其中包含了已编译、打包和优化的应用文件。assets文件夹通常用于存放应用所需的静态资源，如图片、字体、配置文件等。esm2020、fesm2015和fesm2020是Angular构建过程中生成的文件夹，它们主要与Angular的模块加载系统和代码优化有关。让我详细解释它们的用途和提供示例。esm2020 文件夹：ESM (ECM...
- 首先，我们需要了解 Angular SSR（Server-Side Rendering） 以及 SSR Transfer State。Angular SSR 是 Angular 应用程序的服务端渲染技术，它允许 Angular 应用程序在服务器上渲染其组件，并生成静态 HTML 页面，再发送给客户端。这种方法可以提高首次加载速度，提升 SEO 效果。而 SSR Transfer State ... 首先，我们需要了解 Angular SSR（Server-Side Rendering） 以及 SSR Transfer State。Angular SSR 是 Angular 应用程序的服务端渲染技术，它允许 Angular 应用程序在服务器上渲染其组件，并生成静态 HTML 页面，再发送给客户端。这种方法可以提高首次加载速度，提升 SEO 效果。而 SSR Transfer State ...
- <script id="serverApp-state" type="application/json"> 元素是在服务器端渲染（Server-Side Rendering，SSR）Angular 应用中用于传递状态数据的重要组成部分。它被称为 “SSR Transfer State” 机制的一部分，其作用是在服务器端生成的 HTML 页面中嵌入初始数据，以便客户端可以在应用初始化时使用这些... <script id="serverApp-state" type="application/json"> 元素是在服务器端渲染（Server-Side Rendering，SSR）Angular 应用中用于传递状态数据的重要组成部分。它被称为 “SSR Transfer State” 机制的一部分，其作用是在服务器端生成的 HTML 页面中嵌入初始数据，以便客户端可以在应用初始化时使用这些...
- 在讨论 Angular 的服务器端渲染（Server-Side Rendering，简称 SSR）以及重水合（Re-hydration）的过程之前，我们首先需要理解一些基本概念。Angular 是一个流行的前端 JavaScript 框架，能够用于开发单页应用（SPA）。SPA 在浏览器中加载一次，之后所有的用户交互都通过 JavaScript 来处理，这样能提供流畅的用户体验。然而，这种方... 在讨论 Angular 的服务器端渲染（Server-Side Rendering，简称 SSR）以及重水合（Re-hydration）的过程之前，我们首先需要理解一些基本概念。Angular 是一个流行的前端 JavaScript 框架，能够用于开发单页应用（SPA）。SPA 在浏览器中加载一次，之后所有的用户交互都通过 JavaScript 来处理，这样能提供流畅的用户体验。然而，这种方...
- 在 Angular 启用服务器端渲染（Server-Side Rendering，SSR）后，当浏览器端访问这个 Angular 应用时，会涉及到一系列过程，包括初始化、数据获取、hydration（重新注水）和与 NgRx Store 之间的交互。下面我将详细介绍这些步骤：初始化应用：用户在浏览器中输入应用的URL。服务器端处理请求，生成一个包含Angular应用的HTML页面。服务器端将... 在 Angular 启用服务器端渲染（Server-Side Rendering，SSR）后，当浏览器端访问这个 Angular 应用时，会涉及到一系列过程，包括初始化、数据获取、hydration（重新注水）和与 NgRx Store 之间的交互。下面我将详细介绍这些步骤：初始化应用：用户在浏览器中输入应用的URL。服务器端处理请求，生成一个包含Angular应用的HTML页面。服务器端将...
- 首先，让我们先了解一下 Angular 服务器端渲染 (SSR) 的工作原理。当你的 Angular 应用启用服务器端渲染后，用户在浏览器中请求页面时，服务器会预先渲染出 HTML，并且将其发送到客户端。这样做的优点是可以改善首屏加载时间，提升 SEO 效果，因为搜索引擎可以抓取到预渲染的 HTML 内容。那么，从浏览器端请求 Angular SSR 应用到页面完全交互可用，背后发生了什么呢... 首先，让我们先了解一下 Angular 服务器端渲染 (SSR) 的工作原理。当你的 Angular 应用启用服务器端渲染后，用户在浏览器中请求页面时，服务器会预先渲染出 HTML，并且将其发送到客户端。这样做的优点是可以改善首屏加载时间，提升 SEO 效果，因为搜索引擎可以抓取到预渲染的 HTML 内容。那么，从浏览器端请求 Angular SSR 应用到页面完全交互可用，背后发生了什么呢...
- 在 Angular 框架中，ng-version 是一个特性属性，它出现在 Angular 应用的根组件（通常是 app-root）的 HTML 元素上。这个特性的值代表的是当前应用所使用的 Angular 版本。例如，ng-version="15.2.10" 表示当前应用使用的 Angular 版本是 15.2.10。这个特性对于开发和调试 Angular 应用非常有用，尤其是在处理可能由... 在 Angular 框架中，ng-version 是一个特性属性，它出现在 Angular 应用的根组件（通常是 app-root）的 HTML 元素上。这个特性的值代表的是当前应用所使用的 Angular 版本。例如，ng-version="15.2.10" 表示当前应用使用的 Angular 版本是 15.2.10。这个特性对于开发和调试 Angular 应用非常有用，尤其是在处理可能由...
- 我们知道咱们目前在用的 Composable Storefront，基于 SAP Spartacus 这个开源项目，在 5.0 的时候，Spartacus 成为 SAP 正式产品之一，更名为 Composable Storefront. 咱们今天谈论的是 Composable Storefront 的升级问题，首先就要明确为什么我们要进行升级。Spartacus 基于一系列的前端框架和第三方... 我们知道咱们目前在用的 Composable Storefront，基于 SAP Spartacus 这个开源项目，在 5.0 的时候，Spartacus 成为 SAP 正式产品之一，更名为 Composable Storefront. 咱们今天谈论的是 Composable Storefront 的升级问题，首先就要明确为什么我们要进行升级。Spartacus 基于一系列的前端框架和第三方...
- Angular 是一个流行的前端框架，它经常会发布新的版本来改进性能、增加新功能、修复漏洞和改进开发者体验。在这篇文章中，我将解释 Angular 版本升级的策略和升级周期，以及提供一些示例来说明这些概念。 Angular 版本升级策略Angular 采用了一种半年度的版本发布策略，这意味着它每隔大约半年就会发布一个新版本。这个策略有助于确保 Angular 框架保持更新，同时也为开发者提供... Angular 是一个流行的前端框架，它经常会发布新的版本来改进性能、增加新功能、修复漏洞和改进开发者体验。在这篇文章中，我将解释 Angular 版本升级的策略和升级周期，以及提供一些示例来说明这些概念。 Angular 版本升级策略Angular 采用了一种半年度的版本发布策略，这意味着它每隔大约半年就会发布一个新版本。这个策略有助于确保 Angular 框架保持更新，同时也为开发者提供...
- 作为 Angular 核心开发团队的一员，我将详细解释为什么 Angular 定期更新版本以及这些更新主要包含哪些内容。Angular 的版本更新是为了不断改进框架，提供更好的性能、更丰富的功能和更好的开发者体验。以下是我对这些问题的详细解释。 为什么 Angular 定期更新版本？Angular 定期更新版本的目标是多方面的，其中包括： 1. 提供更好的性能：性能是任何前端框架的重要方面之... 作为 Angular 核心开发团队的一员，我将详细解释为什么 Angular 定期更新版本以及这些更新主要包含哪些内容。Angular 的版本更新是为了不断改进框架，提供更好的性能、更丰富的功能和更好的开发者体验。以下是我对这些问题的详细解释。 为什么 Angular 定期更新版本？Angular 定期更新版本的目标是多方面的，其中包括： 1. 提供更好的性能：性能是任何前端框架的重要方面之...
- Angular 是一个流行的前端框架，经过多年的演进和发展，已经成为构建复杂、可维护和高性能的现代 web 应用程序的强大工具。在本文中，我将详细介绍 Angular 从诞生至今的版本演进历史，包括每个主要版本的关键特点和改进。 AngularJS 1.xAngularJS 是 Angular 的前身，于2010年首次发布。它是一个基于JavaScript的前端框架，旨在简化 web 应用程... Angular 是一个流行的前端框架，经过多年的演进和发展，已经成为构建复杂、可维护和高性能的现代 web 应用程序的强大工具。在本文中，我将详细介绍 Angular 从诞生至今的版本演进历史，包括每个主要版本的关键特点和改进。 AngularJS 1.xAngularJS 是 Angular 的前身，于2010年首次发布。它是一个基于JavaScript的前端框架，旨在简化 web 应用程...
- Angular 是一个流行的前端框架，一直以来都非常关注安全性。然而，没有任何软件是绝对免疫于漏洞的，Angular 也曾经暴露过一些安全漏洞。在本文中，我将介绍 Angular 自诞生以来曝露的一些重大安全漏洞，并解释 Angular 团队是如何应对这些漏洞的。 1. AngularJS 模板注入漏洞（2016）发现日期：2016 年描述：这个漏洞影响了 AngularJS（Angular... Angular 是一个流行的前端框架，一直以来都非常关注安全性。然而，没有任何软件是绝对免疫于漏洞的，Angular 也曾经暴露过一些安全漏洞。在本文中，我将介绍 Angular 自诞生以来曝露的一些重大安全漏洞，并解释 Angular 团队是如何应对这些漏洞的。 1. AngularJS 模板注入漏洞（2016）发现日期：2016 年描述：这个漏洞影响了 AngularJS（Angular...
- 在Angular应用程序中，数据的传递和共享是一个重要的问题。Angular提供了多种机制来处理这个问题，其中之一就是Transfer State机制。本文将深入探讨上述代码中的Angular Transfer State的用法，并介绍如何在Angular应用中有效地利用它。 Angular Transfer State简介Angular Transfer State是Angular框架提供... 在Angular应用程序中，数据的传递和共享是一个重要的问题。Angular提供了多种机制来处理这个问题，其中之一就是Transfer State机制。本文将深入探讨上述代码中的Angular Transfer State的用法，并介绍如何在Angular应用中有效地利用它。 Angular Transfer State简介Angular Transfer State是Angular框架提供...
上滑加载中
推荐直播
-
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道：零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据，采用Transformer算法进行时序预测与涨跌分析，并集成DeepSeek API提供智能解读。同时，项目深度结合华为云CodeArts（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中 -
华为云码道全新升级，多会话并行与多智能体协作2026/05/08 周五 19:00-21:00
王一男-华为云码道产品专家；张嘉冉-华为云码道工程师；胡琦-华为云HCDE；程诗杰-华为云HCDG
华为云码道4月份版本全新升级，此次直播深度解读4月份产品特性，通过“特性解读+实操演示+实战案例+设计创新”的组合，全方位展现码道在多会话并行与多智能体协作方面的能力，赋能开发者提升效率
正在直播
热门标签