分类: JavaScript

编写一个简单的 PWA 页面

PWA 即 Progressive Web Apps,是 Google 推出的用于提升 Web 应用程序用户体验的新方式。 PWA 主要有如下特点: Reliable (可靠): 可以快速的加载页面,即使是在网络不好甚至是断网的情况下 Fast (快速): 快速响应用户操作,交互流畅 Engaging (引人入胜): 可以在桌面创建图标,提供了如同原生 APP 的体验,并且还可以实现推送 那么下面我们就来实现一个简单的 PWA 页面,主要涉及到的技术就是 Service Worker,作为 HTML5 的一个 API,目前还在草案阶段,它提供了缓存页面资源的能力,可以通过这一点实现很好的离线体验。

JavaScript 类型判断

JavaScript 里共有六种基本数据类型,分别为 String, Number, Boolean, Null, Undefined 及 Symbol,还有一种 Object 类型。有些场景下我们可能需要对相应的数据进行类型判断,这里就来简单介绍一下。

JavaScript 类型判断

JavaScript 随机数相关

JavaScript 提供了 Math.random() 方法,可以生成一个随机浮点数,范围为 [0, 1),在实际应用中,我们可以对其进行范围的放大或者缩小来获得需要的数值。

JavaScript 随机数相关

ES6 Promise 对象

Promise 是一种异步编程的解决方案,代替了以前在异步函数中传入回调函数的写法,解决了深层嵌套引起的回调地狱问题。

JavaScript 实现发布订阅模式

发布订阅模式是一种消息通信方式,包括两个参与者:发布者和订阅者。在使用时同一条消息可能会有一个或多个订阅者订阅,当发布者发布时,订阅者就会收到消息,从而进行相应的操作。这个就如同 JavaScript 中事件的绑定,事件绑定和触发事件就形成了一种发布订阅的关系。