蒲京娱乐场网站:Service Worker初体验

Service Worker初体验 2016/01/06 · JavaScript · Service Worker 原文出处: AlloyTeam    在2014年,W3C公布了service worker的草案,service worker提供了很多新的能力,使得web app拥有与native app相同的离线体验、消息推送体验。 service worker是一段脚本,与web work … 继续阅读“蒲京娱乐场网站:Service Worker初体验”

使用Service 蒲京娱乐场网站:worker实现加速/离线访问静态blog网站

利用 Service worker 创建一个非常简单的离线页面 2016/06/07 · JavaScript · 1 评论 · Service Worker 本文由 伯乐在线 – 刘健超-J.c 翻译,艾凌风 校稿。未经许可,禁止转载! 英文出处:Dean Hume。欢迎加入翻译组。 让我们想像以下情景:我们此时在一辆通往农村的火车上,用移动设备看着一篇很棒的文章。与此同时,当你点击 … 继续阅读“使用Service 蒲京娱乐场网站:worker实现加速/离线访问静态blog网站”

蒲京娱乐场网站:使用 Service Worker 做一个 PWA 离线网页应用

4. Http/Manifest/Service Worker三种cache的关系 要缓存可以使用三种手段,使用Http Cache设置缓存时间,也可以用Manifest的Application Cache,还可以用Service Worker缓存,如果三者都用上了会怎么样呢? 会以Service Worker为优先,因为Service Worker把请求拦截了,它最先做处理,如果它缓存库里有的话 … 继续阅读“蒲京娱乐场网站:使用 Service Worker 做一个 PWA 离线网页应用”

复杂单页应用的数据层设计

1. 与watch机制的对比 不少视图层方案,比如Angular和Vue中,存在watch这么一种机制。在很多场景下,watch是一种很便捷的操作,比如说,想要在某个对象属性变更的时候,执行某些操作,就可以使用它,大致代码如下: JavaScript watch(‘a.b’, newVal => { // 处理新数据 }) 1 2 3 watch(‘a.b’, newVal => { … 继续阅读“复杂单页应用的数据层设计”

Service Worker初体验

如何更新一个Service Worker 你的service worker总有需要更新的那一天。当那一天到来的时候,你需要按照如下步骤来更新: 更新你的service worker的JavaScript文件 当用户浏览你的网站,浏览器尝试在后台下载service worker的脚本文件。只要服务器上的文件和本地文件有一个字节不同,它们就被判定为需要更新。 更新后的service worker将开始 … 继续阅读“Service Worker初体验”

使用Service worker实现加速/离线访问静态blog网站

管理 Service worker fetch()不遵循30x重定向规范 不幸,重定向在fetch()中不会被触发,这是当前版本的bug; Service worker的控制从第二次页面访问开始 在首次加载页面时,所有资源都是从网络载的,Service worker 在首次加载时不会获取控制网络响应,它只会在后续访问页面时起作用。 页面首次加载时完成install,并进入idle状态。 页面第二次 … 继续阅读“使用Service worker实现加速/离线访问静态blog网站”

前端本地文件操作与上传

前端本地文件操作与上传 2017/12/07 · JavaScript · 1 评论 · 文件 原文出处: 人人网FED博客    前端无法像原生APP一样直接操作本地文件,否则的话打开个网页就能把用户电脑上的文件偷光了,所以需要通过用户触发,用户可通过以下三种方式操作触发: 通过input type=”file” 选择本地文件 通过拖拽的方式把文件拖过来 在编辑框里面复制粘贴 第一种是最常用的手 … 继续阅读“前端本地文件操作与上传”

前端工程之模块化【蒲京娱乐场网站】

我们是如何做好前端工程化和静态资源管理 2016/07/30 · 基础技术 · 工程化, 静态资源 原文出处: 凹凸实验室    随着互联网的发展,我们的业务也日益变得更加复杂且多样化起来,前端工程师也不再只是做简单的页面开发这么简单,我们需要面对的十分复杂的系统性问题,例如,业务愈来愈复杂,我们要如何清晰地梳理;团队人员愈来愈多,我们要如何更好地进行团队协作;功能愈来愈多,我们要如何保证页面的性 … 继续阅读“前端工程之模块化【蒲京娱乐场网站】”

关于Web静态资源缓存自动更新的思考与实践

关于Web静态资源缓存自动更新的思考与实践 2016/04/06 · 基础技术 · 静态资源 本文作者: 伯乐在线 – Natumsol 。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作者。 前言 对于前端工程化而言,静态资源的缓存与更新一直是一个比较大的问题,各大公司也推出了各自的解决方案,如百度的FIS工具集。如果没有解决好这个问题,不仅会给用户造成糟糕的用户体验,而且还会给开 … 继续阅读“关于Web静态资源缓存自动更新的思考与实践”

蒲京娱乐场网站indexedDB 基本使用

indexedDB 基本使用 2017/12/14 · 基础技术 · 1 评论 · IndexedDB 原文出处: 党黎明    indexedDB简介: indexedDB 是一种使用浏览器存储大量数据的方法.它创造的数据可以被查询,并且可以离线使用.   indexedDB 有以下特点: indexedDB 是 WebSQL 数据库的取代品 indexedDB遵循同源协议(只能访问同域中存储的 … 继续阅读“蒲京娱乐场网站indexedDB 基本使用”

React 同构应用 PWA 升级指南

React 同构应用 PWA 升级指南 2018/05/25 · JavaScript · PWA, React 原文出处: 林东洲    渐进式Web应用(PWA)入门教程(下) 2018/05/25 · 基础技术 · PWA 原文出处: Craig Buckler   译文出处:葡萄城控件    上篇文章我们对渐进式Web应用(PWA)做了一些基本的介绍。 渐进式Web应用(PWA)入门教程( … 继续阅读“React 同构应用 PWA 升级指南”

改造你的网站,变身 PWA

连接移动端安装 除了在PC浏览器访问外,你也可以在移动设备上访问该示例。使用USB线缆将你的移动设备连接到电脑上,然后从右上角三个点菜单中打开More tools – Remote devices标签 点击左侧的Settings菜单,然后添加一条端口映射(Port Forwarding)的规则,将8888映射为localhost:8888,现在你可以直接在手机打开Chrome然后访问http:// … 继续阅读“改造你的网站,变身 PWA”

渐进式Web应用(PWA)蒲京娱乐场网站入门教程(下)

渐进式Web应用(PWA)入门教程(下) 2018/05/25 · 基础技术 · PWA 原文出处: Craig Buckler   译文出处:葡萄城控件    上篇文章我们对渐进式Web应用(PWA)做了一些基本的介绍。 渐进式Web应用(PWA)入门教程(上) 在这一节中,我们将介绍PWA的原理是什么,它是如何开始工作的。 使用 Service Worker 做一个 PWA 离线网页应用 20 … 继续阅读“渐进式Web应用(PWA)蒲京娱乐场网站入门教程(下)”

前端优化带来的思考,浅谈前端工程化,浅谈前端

前端优化带来的思考,浅谈前端工程化 2015/10/26 · 前端职场 · 2 评论 · 工程化 原文出处: 叶小钗(@欲苍穹)    前端优化带来的思考,浅谈前端工程化,浅谈前端 这段时间对项目做了一次整体的优化,全站有了20%左右的提升(本来载入速度已经1.2S左右了,优化度很低),算一算已经做了四轮的全站性能优化了,回顾几次的优化手段,基本上几个字就能说清楚: 传输层面:减少请求数,降低请求 … 继续阅读“前端优化带来的思考,浅谈前端工程化,浅谈前端”

前端的数据库:IndexedDB入门

打开数据库的请求生命周期 IndexedDB使用事件生命周期管理数据库的打开和配置操作。图2演示了一个打开的请求在一定的环境下产生upgrade need事件。 图2:IndexedDB打开请求的生命周期 所有与数据库的交互开始于一个打开的请求。试图打开数据库时,您必须传递一个被请求数据库的版本号的整数值。在打开请求时,浏览器对比你传入的用于打开请求的版本号与实际数据库的版本号。如果所请求的版本号 … 继续阅读“前端的数据库:IndexedDB入门”