最新 最热

PWA离线优先策略:提升用户体验的关键步骤

Progressive Web Apps (PWA) 的离线优先策略是通过Service Worker和Cache API实现的,它允许在没有网络连接时仍然可以访问网站的部分或全部内容。

2024-08-20
2

PWA进阶:离线存储与推送通知的高级技巧

渐进式网页应用(Progressive Web App, PWA)通过离线存储和推送通知等功能,能够提供类似原生应用的体验。

2024-05-19
2

PWA应用的核心技术有哪些

在国内由于小程序的风生水起,PWA 应用在国内的状况一直都不是很好,PWA 和小程序有很多的相似性,但是 PWA 是由谷歌发起的技术,小程序是微信发起的技术,所以小程序在国内得到了大力的扶持,很快就在国内技术界开花结果。...

2023-10-25
1

vite vue3 pwa 更新提醒

vite-plugin-pwa插件启用pwa后默认会在后台自动更新应用,并在关闭所有已开启的页面并重新打开后激活 通过此方法可以以消息方式提醒用户手动刷新激活更新应用...

2023-10-19
1

在项目中使用Service Worker 与 PWA

Web Worker 是浏览器内置的线程,用于执行非阻塞事件循环的 JavaScript 代码。由于 JavaScript 是单线程语言,一次只能处理一个任务。复杂任务的出现可能导致主线程被阻塞,严重影响用户体验。Web Worker 的作用是允许主线...

2023-10-16
1

vite pwa打包告警 xxx is xxx MB, and won‘t be precached. Configure maximumFileSizeToCacheInBytes..

VITE+PWA默认缓存最大的文件大小为2 * 1024 * 1024字节 如果构建出来的某个文件大于2M则会告警,例如:

2023-08-10
1

PWA+小程序,会碰撞出怎样的火花

PWA代表“渐进式网络应用”(Progressive Web Application)。它是一种结合了网页和移动应用程序功能的技术概念。PWA旨在提供类似于原生应用程序的用户体验,包括离线访问、推送通知、后台同步等功能,同时又具有网页的优势,...

2023-06-07
1

现代应用开发模式:PWA vs 小程序

还记得在几年前,渐进式Web应用程序(PWA)被誉为下一件大事,然而它并没有获得最初头条新闻所预测的牵引力。事实上,谷歌和微软是PWA运动的主要推动力, 但迹象表明他们不会很快放弃它。...

2023-05-24
1

vue3+vite项目中启用pwa

步骤添加依赖npm i vite-pwa-plugin -D修改配置vite.config.tsimport {defineConfig} from 'vite'import vue from '@vitejs/plugin-vue'import {VitePWA} from 'vite-plugin-p......

2023-04-21
1

UI设计师必须知道!移动用户体验设计的准则:20 条主要规则

在手机上阅读大量的拷贝文章和长篇论文的用户体验是否让你阅读困难?我非常能理解您的处境,因此,直奔主题,我们在一个地方编辑了最基本的移动手机阅读体验的新规范,只要收藏这篇文章,每次你开始设计一个新的app或者网页的时...

2022-10-27
2