金融壹账通前端H5技术周报(第十四期)

本期导读：本期我为大家带来谷歌网页级APP应用PWA入门初探。语言基础专题为大家带来图片加载优化、前端处理大数据的方法。工具框架推荐大家阅读非React项目中使用 Redux、饿了么的 PWA 升级实践。文末是昱宏的pptbox页面切换实验，欢迎赏鉴。

原创专题

1) PWA入门初探 @吴掌雄

谷歌推出的PWA网页版APP，虽然还是有很多浏览器不兼容，例如Safari等，所有直接把PWA投入项目开发还言之尚早，但里面新功能特性，在安卓手机上体验起来可以媲美原生app，我们不妨了解一下。

语言基础

1) 判断单、多张图片加载完成 @cc

在实际的运用中有这样一种场景，某资源加载完成后再执行某个操作，例如在做导出时，后端通过打开模板页生成PDF，并返回下载地址。这时前后端通常需要约定一个flag，用以标识模板准备就绪，可以生成PDF了。

2) 前端处理大数据的无限可能 @Lucas HC

随着前端的飞速发展，在浏览器端完成复杂的计算，支配并处理大量数据已经屡见不鲜。那么，如何在最小化内存消耗的前提下，高效优雅地完成复杂场景的处理，越来越考验开发者功力，也直接决定了程序的性能。

工具框架

1) 如何在非 React 项目中使用 Redux @胡子大哈

说起 Redux，我们一般都说 React。似乎 Redux 和 React 已经是天经地义理所当然地应该捆绑在一起。而实际上，Redux 官方给自己的定位却是...

2) 饿了么的 PWA 升级实践 @Hux

PWA 作为下一代 Web 应用模型，其尝试解决的是 Web 平台本身的根本性问题：对网络与浏览器 UI 的硬依赖。任何 Web 应用都可以从中获益，这与你是多页还是单页、面向桌面还是移动端、是用 React 还是 Vue 无关。

前端视界

1) ptbox页面切换插件 @陈昱宏

让你的网站像ppt效果那样切换，包含10多种切换动效，瞬间让你的页面更具观赏性。