js事件穿透实现

很多时候我们可能会遇到事件穿透这样的问题,就是说在一个元素a上面遮了另外一个元素b,b完全遮住a,然后我们在点击b的时候,如果该点击位置在a的区域内,那么同时应该触发a的相应事件。但是默认情况下,...

Canvas中clearRect失效问题

我们在使用canvas的过程中,可能会遇到这样的问题,我们在重绘画布图片的时候,当多重绘的间隔比较短或者说几乎同时执行的时候,我们发现一个问题,clearRect失效了,一半重绘都是在元素状态更新...

javscript判断鼠标进入方向

之前在别的网站上看到过判断鼠标进入方向然后展示一些效果的例子,以下是我整理的一个比较简单一点的判断鼠标进入方向的例子: <!DOCTYPE html> <html> ...

css三角形的两种实现方法

三角形元素在网页中到处可见,对于三角形的实现方法也不同,有的可能直接用图片,但是很多情况下没有必要,那我们可能就会选择使用css来实现三角形。对于三角形的css实现,我所熟知的有两种: 1、使用三...

js按位运算符及其妙用

大多数语言都提供了按位运算符,恰当的使用按位运算符有时候会取得的很好的效果。 在我看来按位运算符应该有7个: 1、& 按位与 &是二元运算符,它以特定的方式的方式组合操作数中对应的...

使用Canvas绘制虚线段

使用过canvas的朋友都知道,canvas官方没有实现虚线绘制的API,但是在实际场景中,我们经常可能会需要绘制虚线,比如裁剪线之类的,那么我们怎么使用canvas来绘制虚线呢? 其实使用can...

js十进制十六进制转换

在工作中,我们可能经常会涉及到操作颜色值,而且前后端用的数值是不一样的,打个比方,后端可能存的是10进制值,前端使用的是16进制,那么当我们将数值存到后端的时候需要先将16进制转成10进制,而当我...

js数组比较去重

有时候我们可能需要比较两个数组,在数组a中删除另一个数组b中已经存在的值。通常情况下我们的做法是循环两个数组比较判断并删除,下面记录两个我觉得比较巧妙的方法 方法1: var a = [&qu...

前端开发中的一些冷知识集锦

1、a标签有妙用,很多时候,我们需要提取URL中的域名,参数值,一般我们会通过正则表达式去匹配获取我们需要的东西,但是我们仅需要将需要解析的URL赋值给a标签的href属性,然后我们就可以得到一切...