【系列三】h5的Notification 、web Push介绍

前言

本文是客户端和服务器端通信最后一个系列,主要介绍h5的桌面通知和web push,h5的Notification主要用于向用户展示通知,而web push 主要用于订阅推送消息。

h5的Notification

关于h5的Notification已经不是什么新的技术,但是最新chrome浏览器也是只有在https协议下面才有效。下面简单介绍一下Notification

语法

let myNotification = new Notification(title, options);

【系列一】ajax长轮询、轮询应用和介绍

前言

本文是系列文章,主要介绍客户端浏览器和服务器端的通信,当然,客户端和服务器端通信有很多方式。本系列文章主要是讲不间断通信方式!不间断通信就是通信没有停止,一直进行。系列一文章主要是讲轮询和长轮询。

什么是轮询

轮询是指客户端定时向服务器发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接。

轮询的简单实现

仅仅是说出定义来,好像很模糊,代码更加直观一些,下面就简单写一下轮询的实现方式:

谈谈vue及webpack在项目中的一些优化

前言

我觉得前端性能优化是前端工程化的一部分,做前端性能优化有很多可以做的地方,我在很久之前写过一些文章,可以在博客搜索优化,查看相关文章。其实很多性能优化的地方都要把我一个最佳的度。今天主要写一下vue及webpack在项目中的一些优化。

vue项目中的性能优化

其实vue的性能本身就是很good了,要说再进一步优化,可能有一下几个注意点,仅仅是注意点哦!

1、不要在模板里面写过多表达式

如下:

v-if="isShow && isAdmin && (a || b) "

{{haorooms?haorooms:(resource?resource:"haoroomsresource")}}

前端性能优化之缓存利用

前言

越来越多的公司开始做PWA,渐进式web应用了。我的博客源码是2014年年初写的,近期有时间正准备优化一下,也改成PWA的web应用。关于PWA渐进式web应用,我在博客改版之后再来详细介绍!今天主要详细介绍一下性能优化之缓存利用,本文将详细介绍各种缓存,及其机制,前段时间我也写过一篇关于前端浏览器缓存的文章,在我博客中搜索缓存,也能搜到几篇文章,感兴趣的可以先去我之前文章去看一下,本文将详细介绍缓存及如何利用。

缓存种类

大体想了一下,关于缓存,无非有如下几种: