谈谈HTML5a标签的ping属性用法

前言

今天谈谈a标签ping属性的用法,这个用法可以用来做埋点,及用户上报,关于埋点,我之前有文章写过,利用空白gif图片,实现数据上报,ping的这种方式可以发送post请求给后端,当然也可以通过这个做DDOS攻击,今天详细介绍一下。

Ping的用法

Ping的用法相对比较简单,我们通过举例的方式,为大家介绍:

<a href="https://www.haorooms.com/" ping="https://www.haorooms.com /nav">点击haorooms博客</a>

当你点击‘点击haorooms博客’的时候,会异步发送一个POST请求到Ping后面指定的地址,Request Body的内容为PING。或许你会问,那

<a ping="https://www.haorooms.com /nav">点击haorooms博客</a>

这段代码行不行?答案是否定的,和HTML中的a标签一样,HTML5中href这个属性必须存在与a中,不然Ping也是不会运行的。

js通用事件监听器函数及简介(补充EventUtil)

前言

haorooms前端博客,保持了7年百度首页搜索前端博客第一,最近搜索发现博客排名不见了。并没有做什么网站改版之类的。也没有什么SEO的作弊行为。难道是因为近期网站没有更新吗?好吧,那么最近来频繁更新一波,提升一下百度的排名。

自定义js监听器

之前文章写过 封装常用的跨浏览器的事件对象EventUtil,一般的浏览器事件都有封装,今天简单补充一些。

封装一个绑定事件

webpack插件开发及修改源码的几种方式

前言

webpack是我们平时工作中必不可少的工具,难免有时候需要对webpack编译的代码进行个性化处理操作,那么需要通过webpack插件或者修改其代码的方式来完成,本篇文章着重介绍webpack插件开发及修改源码的一些方式。很久之前我也写过webpack相关文章,例如:webpack前端技术小结,更多webpack知识,欢迎关注haorooms前端博客

插件使用

我们工作中,肯定用过webpack插件,用法如下:

js双击会进入2次单机,单双击冲突,避免双击进入单机2次方案

前言

js双击会进入2次单机,单双击冲突,避免双击进入单机2次方案。这个问题是很常见的问题,解决也很简单。

思路

只需要在双击的时候把单机事件清理掉就可以了,不过单机要延迟,这个延迟事件是多久呢?经过测试200毫秒有时候还是会双击触发单机,250ms刚刚好。

代码

XMLHttpRequest.responseURL获取302重定向后的地址

前言

需求是请求一个接口,这个接口是一个302重定向地址,拿到重定向地址后,解析里面的参数,然后做一些逻辑操作,那么前端如何获取302重定向后的地址呢?

传统ajax方式

之前有写文章封装一个原生js的ajax请求,支持IE9CORS跨域请求,采用这种ajax请求的方式请求302地址,或者采用axiso,jquery等ajax请求302地址,都会返回空,并且直接跳转302之后的页面。这个不是我们想要达到的,那么有什么办法可以拿到302重定向的地址,而不跳转呢?