PWA
小平果118
我是一匹奔腾的野马,需要你来征服。。。。。
展开
-
【PWA】简介
首先,PWA 是啥? PWA 全称是: Progressive Web Apps。这是 2016 年,Google I/O 大会上提出一个 Next Web Generation 的概念。这并不是描述一个技术,而是一些技术的合集。PWA 是专门应对手机 Web 开发而提出的,通过新技术的成熟,实现最好的 Web + 手机 APP。也就是说,能让你在使用 Web 的时候感觉像是在使用 APP。如果是转载 2017-12-23 21:54:59 · 807 阅读 · 0 评论 -
【PWA】响应式开发
PWA 是专门应对手机开发而提出的概念,不过,由于手机端在国内四分五裂的局面看来(还包括 PC/Pad),屏幕尺寸的不同,网页设计的样式和大小当然也是完全不一样的。为了让 Web 能完美的在多端上运行,这里,我们就需要进行响应式开发。响应式的目的就是让一个网站尽可能的适配所有大小的网页。当然,响应式开发所用到的技术也是非常之多,不过,主要的还是 CSS 。meta 标签meta 标签之所以重要,是转载 2017-12-23 22:13:01 · 625 阅读 · 0 评论 -
【PWA】Manifest
manifest 文件我们以前在做富应用缓存时用到过,那时候的用法是用来缓存网页上的一些资源。即:html manifest="demo.appcache">...html>使用这种方式来进行离线缓存。我们参考一下里面的具体内容:CACHE MANIFEST# 2012-02-21 v1.0.0/theme.css/logo.gif/main.jsNETWORK:login.转载 2017-12-24 00:06:34 · 1008 阅读 · 0 评论 -
【PWA】Service Worker 全面进阶
Service Worder 是用来代替 manifest,用来生成缓存的效果的。以前吭哧吭哧的学 manifest 的时候,就发现 MD 好难用。而且 MDN 特意告诉你,manifest 有毒,请不要乱用,保不定后面不支持。今儿,我看了下兼容性,呵呵~人生苦短,及时享乐,前端真坑,不敢乱学。前方高能,如果觉得生活没有趣味可以继续看下去,会让你的人生更没有趣味。如果觉得凑合能过,请 ctrl/c转载 2017-12-24 16:28:51 · 4296 阅读 · 1 评论 -
【PWA】web推送技术
伴随着今年 Google I/O 大会的召开,一个很火的概念–Progressive Web Apps 诞生了。这代表着我们 web 端有了和原生 APP 媲美的能力。但是,有一个很重要的痛点,web 一直不能使用消息推送,虽然,后面提出了 Notification API,但这需要网页持续打开,这对于常规 APP 实现的推送,根本就不是一个量级的。所以,开发者一直在呼吁能不能退出一款能够在网页关转载 2017-12-25 00:25:03 · 5678 阅读 · 0 评论