js运算符单竖杠“|”的作用

很多朋友都对双竖杠“||”，了如指掌，因为这个经常用到。但是大家知道单竖杠吗？今天有个网友QQ问我，我的 javascript实用技巧，js小知识 ， 这篇文章里面，js整数的操作运用了单竖杠，问我单竖杠是啥意思？

我看了一下之前的那篇文章，只写了用法，但是并没有解释。好吧，我现在就给大家简单的介绍一下：

之前文章，在js整数操作的时候，相当于去除小数点，parseInt。在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil() 注：

有些公司手机网站开发不用第三方的jquery或者zeptio，直接用原生的javascript。原生javascript功能是蛮强大的，只不过部分属性不支持IE8以下浏览器。下面对jquery相关方法，如何用js来实现，做一些简单总结。

元素操作

Add Class

//JQUERY
$(el).addClass(className);

//js
//谷歌浏览器，火狐浏览器，IE8+
if (el.classList)
  el.classList.add(className);
else
  el.className += ' ' + className;
//谷歌浏览器，火狐浏览器，IE10+
el.classList.add(className);

After

css3的clip-path

clip-path之所以没有很普及，是因为其浏览器兼容问题。很多IE浏览器对齐属性不是很支持。我们看下他的浏览器兼容：

我们看到IE是完全不支持，尽量使用webkit内核，需要加上内核前缀-webkit-

前言

在jquery的官方API中，有对命名空间的一些描述，地址是：http://api.jquery.com/on/ 这里面有一些英文介绍，题目是“Event names and namespaces”下面有一些介绍。 假如一些朋友不是很理解的话，我在这里简单的介绍一下！

jQuery事件命名空间

我们先看一些代码：

$(“#haorooms”).on("click.a",function(){});
$(“#haorooms”).on("click.a.bb",function(){});
$(“#haorooms”).on("dbclick.a",function(){});
$(“#haorooms”).on("mouseover.a",function(){});
$(“#haorooms”).on("mouseout.a",function(){});