关于 Angular PWA 应用中的 ngsw.json 文件

将 Angular Service Worker 想象为安装在最终用户的 Web 浏览器中的前向缓存(Forward Cache)或内容交付网络 (CDN) 边缘。Service Worker 响应 Angular 应用程序对本地缓存中的资源或数据的请求，而无需等待网络。与任何缓存一样，Servic...

如何删除 Angular SSR 应用 State Transfer 嵌入到 HTML 里的某些字段

笔者这篇文章介绍了 Angular SSR 应用 State Transfer 的工作机制和错误排查方法。SSR 服务器端发送给客户端 response 里包含的 State Transfer 数据的一个例子如下：<script id="serverApp-state" type="appli...

Angular 应用实现 Lazy Load(懒加载)的项目实战经验分享

Angular 应用实现 Lazy Load(懒加载)的项目实战经验分享

笔者之前两篇掘金社区文章，分别介绍了企业级 Angular 应用开启 PWA 特性和服务器端渲染，从而提升用户体验的两种设计思路：Angular 应用支持 PWA(Progressive Web Application) 特性的开发步骤分享基于 Angular Universal 引擎进行服务器端渲...

Angular 应用的搜索引擎优化(SEO)实战指南

Angular 应用的搜索引擎优化(SEO)实战指南

笔者之前在掘金社区发表了两篇关于 Angular 开发的文章，分别介绍了 Angular 支持服务器端渲染和 PWA 的技术细节：基于 Angular Universal 引擎进行服务器端渲染的前端应用 State Transfer 故障排查案例Angular 应用支持 PWA(Progressiv...

Angular 应用支持 PWA(Progressive Web Application) 特性的开发步骤分享

Angular 应用支持 PWA(Progressive Web Application) 特性的开发步骤分享

笔者之前的文章基于 Angular Universal 引擎进行服务器端渲染的前端应用 State Transfer 故障排查案例，介绍了 Angular 应用通过开启服务器端渲染，以实现搜索引擎优化(SEO)，提高首屏加载速度，改善用户体验的这种业内最佳实践之一。本文笔者将会向大家介绍 Web 应...

关于 Angular Universal 应用渲染两次的问题

Angular Repository url：https://github.com/angular/angular-cli/issues/7477现象：I built a sample repo using angular-cli and followed the steps in the Univ...

关于 Angular SSR 应用 index.html 中的 serverApp-state script 元素

首先，我们需要了解 Angular SSR（Server-Side Rendering） 以及 SSR Transfer State。Angular SSR 是 Angular 应用程序的服务端渲染技术，它允许 Angular 应用程序在服务器上渲染其组件，并生成静态 HTML 页面，再发送给客户端...

Angular SSR 应用中 serverApp-state script 的工作原理介绍

<script id="serverApp-state" type="application/json"> 元素是在服务器端渲染（Server-Side Rendering，SSR）Angular 应用中用于传递状态数据的重要组成部分。它被称为 “SSR Transfer State” ...

什么是 Angular 应用的 re-hydration 过程

在讨论 Angular 的服务器端渲染（Server-Side Rendering，简称 SSR）以及重水合（Re-hydration）的过程之前，我们首先需要理解一些基本概念。Angular 是一个流行的前端 JavaScript 框架，能够用于开发单页应用（SPA）。...

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

Angular更多应用相关

Angular您可能感兴趣