公告:由于博客https升级,原博客引用http链接失效,预览及部分图片效果请查看源代码!

localStorage和cookie的跨域解决方案

前言

localStorage和cookie大家都用过,我前面也有文章介绍过,跨域大家也都了解,我前面也有文章详细描述过。但是localStorage和cookie的跨域问题,好多小伙伴没有遇到或者不是很清楚,下面这篇文章,我来简单的聊聊!

业务场景

cookie跨域的业务场景很多,例如:

1、百度www域名下面登录了,发现yun域名下面也自然而然登录了。

2、淘宝登录了,发现天猫也登录了,淘宝和天猫是完全不一样的2个域名。

cookie跨域

【系列三】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")}}