全部javascript八股文cssvuereactgodot前端http-网络AIGolangelectronflutter浏览器vite工具gitpnpm前端规范前端监控htmlnextjs前端性能macLinux富文本eslintnginxuniappwebpacknuxttypescriptqwikvscode前端工具数据库react native性能优化移动端webcocoswebstorm编辑器dockerpm2pwawebrtc前端部署antdbabelmarkdownnestjspanellumthreejswebwindows前端工程化AI辅助astroechartsjenkinsmongodbnodeollamaredisshadcn_uisupabase流程图设计模式
pwa10-09
阅读PWA - 微前端项目实践主要目的: 解决资源加载慢问题
背景 平台各个子应用静态资源加载速度慢,用户体验有待提升 主要目的: 解决资源加载慢问题,提升体验 支持应用自启动(原生 体验) 项目使用到的技术栈为: PWA 介绍 简介 PWA 它不是特指某一项技术,而是应用多项技术来改善用户体验的 ,其核心技术包括 , 等,用户体验才是 的核心。 特点: 可靠 即使在网络不稳定甚至断网的环境下,也能瞬间加载并展现 用户体验 快速响应,具有平滑的过渡动画及用户操作的反馈 用户黏性 和 一样,可以被添...
#学习
pwa10-09
阅读一次性完整学完搭建PWA项目
最近在开发一个简单的个人记录网站,技术栈是使用 Vite + Vue3,由于使用的单台服务器,有时候服务器会被限制带宽,所以平时都会比较访问比较慢。所以想实现一个离线应用,而 PWA 应用则是目前最佳方案。 本文涉及知识点如下: PWA 的概念 Service Worker使用 用构建工具搭建 PWA 应用 渐进式 Web 应用(Progressive Web App,PWA)是一个使用 web 平台技术构建的应用程序,但它提供的用户体...
#学习
pwa10-09
阅读通过PWA,我的博客也能离线阅读啦
前言 我经常看到有些博客站点拥有离线观看的功能,就算是没有网络,刷新页面依然可以获得数据。我对这一功能甚为好奇,了解后才发现这一技术是PWA。 何为PWA PWA又为渐进式Web应用,在MDN上是这样说的, 如何实现 构建一个PWA程序主要是用到 技术,这一项技术在现代浏览器中默认开启。 以上是一张官方的图,讲解了 的工作流程,简单来说就是 注册程序 安装程序 激活程序 获取数据 版本更新后再次获取数据 。 注册程序 安装程序 定义版本...
#学习