- 笔者在社区上已经发布了一些技术文章，记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。之前的文章关于企业级 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框架提供...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签