一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能解决了哪些问题？ 可以添加至主屏幕，点击主屏幕图标可以实现启动动画以及隐藏地址栏 实现离线缓存功能，即使用户手机没 ...
分类：
移动开发 时间：
2020-12-28 11:56:19
阅读次数：
0
首先说明，registerServiceWorker可以运用于主流框架，它只是为了简化缓存机制产生的js包，以下的例子是在Vue中使用这个文件可以视情况用或者不用，它是用来做离线缓存等任务的，实际上就是为Vue项目注册了一个service worker。这样的话，如果在线上，只要访问过一次该网站，以 ...
分类：
其他好文 时间：
2020-11-21 12:25:11
阅读次数：
6
第一步安装npmi-Dserviceworker-webpack-plugin。第二步：编写wepack.config.js如下constpath=require(‘path‘);constExtracTextPlugin=require(‘extract-text-webpack-plugin‘)const{WebPlugin)=require(’web-webpack-plugin’);con
分类：
Web程序 时间：
2020-10-18 16:51:24
阅读次数：
30
前端的存储方式有：localStorage、sessionStorage、cookie、UserData、webSQL、indexeddb、HTML5离线存储等 1、本地存储 1.cookie 在h5之前，存储主要用的是cookie。cookie会随着每次http请求头信息一起发送，无形中增加了网络 ...
分类：
其他好文 时间：
2020-07-17 14:10:24
阅读次数：
66
今天看了离线缓存(manifest)方面的资料，兴冲冲地就想给自己的网站用上。待我把代码都写好部署上服务器，并测试过OK的时候，在SegmentFault刷了一把manifest方面的问答，才发现这个大坑：manifest除了缓存manifest.appcache文件所指定的资源外，还必定会缓存当前 ...
分类：
Web程序 时间：
2020-05-26 12:00:10
阅读次数：
83
工作原理： 是基于一个新建的.appcache文件的缓存机制。解析清单离线存储资源，这些资源就像cookies一样存储起来。 如何实现呢？ 在html的头部加入manifest属性，并在cache.manifest文件中编写离线存储的资源。在离线状态时，操作window.applicationCac ...
分类：
Web程序 时间：
2020-05-22 09:53:31
阅读次数：
68
背景 曾经做过一个Html5的iPhone应用，应用一打开就是一个用webview加载的Html5的页面（现在Apple好像不让这么做了），当时送审这个App的时候，被Apple打回来了，原因是当网络不稳定或者断网离线的时候，App一打开就是个白页或者错误页，Apple绝不接受这种垃圾的用户体验。由 ...
分类：
其他好文 时间：
2020-05-14 23:53:52
阅读次数：
83
最近面试几家前端职位，想知道目前的前端面试题是偏向哪一块，都主要问到的是ES6语法，闭包，原型链，继承那一块。并且将面试题的知识点汇总一下。有助于下次面试。 1.HTML HTML5新特性，语义化 HTML5新增了许多标签<header>,<main>,<footer>,<nav><section> ...
分类：
其他好文 时间：
2020-05-02 14:47:43
阅读次数：
72
目前的Vue脚手架默认会携带一个 registerServiceWorker的东西，这个东西是做什么的呢？ 首先说明，registerServiceWorker可以运用于主流框架，它只是为了简化缓存机制产生的js包，以下的例子是在Vue中使用 这个文件可以视情况用或者不用，它是用来做离线缓存等任务的 ...
分类：
其他好文 时间：
2020-04-01 23:42:38
阅读次数：
424
该文件主要涉及到离线支持和网络恢复能力 一个好的渐进式 Web 应用，不论网络状况如何都能立即加载，并且在不需要网络请求的情况下也能展示 UI （即离线时)。 再次访问 http://Housing.com 渐进式 Web 应用（使用 React 和 Redux 构建）能够立即加载离线缓存的 UI。 ...
分类：
Web程序 时间：
2020-02-25 17:49:42
阅读次数：
385
