![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
桂花菌
获得徽章 1
- #每天一个知识点#
## SPA (Single Page Application 单页面应用)
SPA 的主要目标是提供无缝的用户体验，通过在单个 HTML 页面中加载所有必要的资源和数据，实现快速的页面切换和减少页面刷新的需求。
SPA 和传统 Web 页面的区别：
页面加载方式:
SPA：在 SPA 中，初始页面加载后，所有或大部分内容都通过接口动态获取，不需要完全重新加载整个页面。
传统 Web 页面：传统 Web 页面在每个页面之间进行完整的页面刷新，导致页面重新加载。
前端路由:
SPA：SPA 使用前端路由，允许在单个页面上模拟多个页面，通过 URL 中的不同路径来切换内容。
传统 Web 页面：传统 Web 页面的导航和路由通常由服务器控制，需要加载不同的 HTML 页面。
用户体验:
SPA：SPA 提供更快的用户体验，因为它可以在不重新加载整个页面的情况下加载内容，还可以通过缓存等方式，从而减少等待时间。
传统 Web 页面：传统 Web 页面可能需要更长的加载时间，因为它们需要完全加载新页面。
## PWA (Progressive Web App 渐进式 Web 应用):
目标:
PWA 的主要目标是将 web 应用提升到与原生应用相媲美的水平，包括可离线访问、推送通知、安装到设备等功能，以提供更好的用户体验。
特点:
PWA 使用一系列的 Web 技术（包括 Service Workers）来实现离线支持、推送通知、缓存策略等功能。
具备逐步增强的特性，可以在支持的设备上提供额外的功能。
可以通过浏览器添加到主屏幕，使用户可以像原生应用一样启动应用。
即使在没有网络连接的情况下，它们也可以被访问到。
共同点:
SPA 和 PWA 都侧重于提供更好的用户体验。
两者都使用前端技术构建，包括 HTML、CSS 和 JavaScript。
它们都采用现代的前端开发方法，如组件化和前端框架。展开16
![[庆祝]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_123.da47506.png)
🏻，直接隐藏款![[给力]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_129.0b59244.png)
一戴，谁都不爱，开干，周五了。