Github Actions是Github推出的一个新的功能，可以为我们的项目自动化地构建工作流，例如代码检查，自动化打包，测试，发布版本等等。入口在项目pull request的旁边。 私有仓库现在应该很多同学都可以看到了，公有的因为现在还是beta版，名额还在陆续开放，需要…

简单地翻译过来就是：PWA像传统的web app一样，但是它更优秀。 PWA是Google推出的技术，你可以在这里找到更为详细的资料。或者前往MDN查看文档。 PWA是全新的内容，它不仅仅是全新的API那么简单，更为重要的是，它引入了一系列全新的标准和语法作为基础。在学习PWA…

在上一篇《我是怎样让网站用上HTML5 Manifest》介绍了怎么用Manifest做一个离线网页应用，结果被广大网友吐槽说这个东西已经被deprecated，移出web标准了，现在被Service Worker替代了，不管怎么样，Manifest的一些思想还是可以借用的。笔…

前端的日益发展，都离不开性能优化的手段，包括 CDN、CSS Sprite、文件的合并压缩、异步加载、资源缓存等等。更多的时候为了减少用户量的请求，于是就有了PWA，秒开网站，离线访问等等。

前面说过，让Web App能够达到Native App外观体验的主要实现技术就是PWA中的manifest技术，本章会详细说明manifest的实现，及各个参数的具体含义，还将了解如何定义Web App的启动图标、启动样式等

文章2017 前端大事件和趋势回顾，2018 何去何从？中提到了2017年前端值得关注的十大事件，其中就提到了PWA。 大家都知道Native app体验确实很好，下载到手机上之后入口也方便。它也有一些缺点: 而web网页开发成本低，网站更新时上传最新的资源到服务器即可，用手机…

写在前面：这个项目杂七杂八看起来很杂，这篇文章主要是就是介绍下这个模板项目的几个要点，让大家从这个项目中能学到真正实用的技术要点，项目地址在文末。 Progressive Web App, 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。 PW…

有朋友在读了上篇文章之后，希望我能出个demo。于是我做了一个简单的项目来实践上文中所讲到的理念。 下面简要介绍一下项目结构及开发流程，以帮助各位同学更好的理解项目。 项目根目录为 ./src（可通过package.json内的basePath配置） 页面目录为 pages， …