前端发展趋势之pwa
程序员文章站
2022-05-15 09:21:58
...
PWA全称Progressive Web App,即渐进式WEB应用。
一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能
PWA的优势
可以将app的快捷方式放置到桌面上,全屏运行,与原生app无异
能够在各种网络环境下使用,包括网络差和断网条件下,不会显示undefind
推送消息的能力
其本质是一个网页,没有原生app的各种启动条件,快速响应用户指令
PWA存在的问题
支持率不高:现在ios手机端不支持pwa,IE也暂时不支持
Chrome在中国桌面版占有率还是不错的,安卓移动端上的占有率却很低
各大厂商还未明确支持pwa
依赖的GCM服务在国内无法使用
微信小程序的竞争
尽管有上述的一些缺点,PWA技术仍然有很多可以使用的点。
service worker技术实现离线缓存,可以将一些不经常更改的静态文件放到缓存中,提升用户体验。
service worker实现消息推送,使用浏览器推送功能,吸引用户
渐进式开发,尽管一些浏览器暂时不支持,可以利用上述技术给使用支持浏览器的用户带来更好的体验。
上一篇: 响应式布局:媒体查询
推荐阅读
-
前端学算法之搜索算法
-
前端工程师技能之photoshop巧用(从效果图到雪碧图)2--测量篇_html/css_WEB-ITnose
-
前端系列之JavaScript基础知识概述
-
EasyNVR摄像机网页无插件直播方案H5前端构建之:bootstrap弹窗功能的实现方案与代码
-
解密国内 BAT 等大厂前端技术体系之阿里篇
-
web前端开发控件学习笔记之jqgrid+ztree+echarts
-
前端工程师技能之photoshop巧用系列第三篇——切图篇
-
前端笔记之NodeJS(三)Express&ejs模板引擎&请求识别
-
前端踩坑之TinyMCE富文本编辑器表情插件报错解决
-
js前端面试之同步与异步问题详解