携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情 什么是PWA PWA 的英文全称是 Progressive Web Apps，渐进式 Web 应用， 运用

本文会结合 Web Workers 在京东羚珑的程序化设计项目中的实践，分享一下在当下的 2023 年，关于 worker 融入项目的一些思考和具体的实现方式。

前言： 梳理了一下项目中的PWA的相关用法，下面我会正对vue2和vue3的用法进行一些教程示例，引入离线缓存机制，即使你断网，也能访问页面。一旦用户访问了我们的网页，我们就像牛皮糖一样粘连着他，他永

之前开发了一个离线存储的需求，需要在本地存储较大的数据量，并且还要考虑到多种场景下的存储方式兼容。产品的原话就是“要又大又全”。既然存储量大，也要覆盖全多种设备多种浏览器。

IndexedDB 属于 NoSQL 和事务型面向对象数据库系统。对数据库的所有操作，都要通过事务完成。下面我们通过一个项目管理的增删改查来演示 IndexedDB API 的使用。

上一章介绍了Worker的全局作用域，了解到DedicatedWorkerGlobalScope是继承自WorkerGlobalScope的; 这一章介绍的SharedWorkerGlobalScop

最近秋招之余空出时间来按自己的兴趣动手做了一个项目，一个基于vue，typescript，pwa的实验浏览移动端webapp，现在趁热打铁，将这个项目从开发到部署整个过程记录下来，并将从这个项目中学习到的东西分享出来，如果大家有什么意见或补充也可以在评论区提出。先介绍一下这个项…

最近这一年，作为一名前端狗，一直在优化性能的道路一去不回头。vue、nginx、webpack、redis，能做优化的地方，都不曾放过，只为那最后一秒的舒爽！（猥琐的一笑）。 1. 安装PWA插件 目前部分浏览器还不支持service work，我们需要保证它们依旧能正常工作。…

文章背景： 由于一些项目需要，我们本地用vite的时候，需要本地启动https服务来进行开发或者验证问题。