简介
关于service worker，网络上已经有了较多的文章。总的来说它依靠缓存资源，拦截http请求，来帮助我们达到离线使用网站的效果。
而angular cli为了让使用service worker更加便利，为开发者提供了一个配置窗口（ngsw-config.json）和一个与service worker通讯的服务（SwUpdate）。
启用
1、新建项目后在项目根目录下键入ng add @angular/pwa。
会为你的项目添加一些文件，其中包括上文提到的ngsw-config.json，为了即刻感受离线应用的魅力，现暂不需配置。
2、安装http-server npm install http-server -g
将用http-server启用的服务器来加载应用，这么做是为了模拟真实的生产环境，因为ng serve环境下无法启用service worker。
3、键入ng build --prod进行打包。 打包完成后进入dist下的项目根目录下，键入http-server -p <port>将打包后的应用部署在http-server指定的端口上。
4、打开浏览器进入控制台，以chrome为例，在network选项卡上勾选offline模拟离线使用。
此时重新刷新网页发现页面依然能够在离线状态下显示，说明service worker已经工作了。
配置
以上并没有手动配置ngsw-config.json，然而初始的配置还有许多不足，比如无法拦截缓存api请求。因此需要对该文件的配置参数做一个大概了解（点击浏览官方配置说明）。
参考官方的说明，我们了解到可以配置静态资源的缓存策略（配置项中的assetGroups）以及动态资源的缓存策略（配置项中的dataGroups）。
静态资源配置（assetGroups）
interface AssetGroup {
name: string;
installMode"color: #ff0000">
export interface DataGroup {
name: string;
urls: string[];
version"color: #ff0000">与service worker通讯
与service worker通讯可以让我们主动做很多事情，而不是仅仅依赖于ngsw-config.json配置，通过依赖注入一个SwUpdate*服务，我们可以主动要求查询、更新、激活应用的版本，（这部分内容笔者还未投入应用，详见官网描述）
总结
这篇文章我们分享了如何在angular里面使用service worker 进行离线场景的增强，其中包括
- 引入@angular/pwa
- 安装http-server，模拟生产环境
- 配置ngsw-config.json 缓存策略
- 简单描述了与service worker通讯的概念
相信今后angular框架能够在pwa应用方便给我们更多的方便。以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。