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

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

js实现刮刮卡效果

记得小时候曾一度痴迷于刮刮卡,一有点钱就想去买刮刮卡,当中奖的时候,那心情甭提多激动了。不知道从什么时候开始哪个组织率先在网站上退出刮刮卡抽奖后,这个功能开始在互联网上弥漫开来。究其实现,方法不少...

js无刷新上传

现今的网站上各处都有用到文件上传功能,传统的文件上传就是post发送数据到一个新页面接受并处理,这样子会刷新页面而且用户体验不好,更多情况下我们可能更希望页面不用刷新页面就可以上传文件,上传成功后...

WordPress本地调用多说用户头像

这段时间做自己的小博客,评论这块儿我选用了多说插件,既美观又方便不少,但是后来我却发现一个问题,我想在不使用多说提供的插件,本地调用最近评论的用户的时候却出现了一个问题,用户头像没办法加载,对于少...

Js实现移动端的摇一摇并震动

众所周知,微信有一个很牛X的功能微信摇一摇,我们要做的只需要简单的摇一摇手中的手机就可以查找多少米外的好友活着获取附近的优惠信息,那么我们如何实现网页上面的摇一摇呢? 经过一番搜索,发现了Devi...

SVG标签内元素加鼠标tooltip悬浮提示

有时候我们需要对svg图形内的某个标签元素添加类似普通标签title效果的悬浮提示,但是在我们添加title之后把鼠标放上去发现每一点效果,还有一个很奇怪的现象,就是可能你用浏览器的开发者工具动态...

H5拍照上传

心血来潮想在网页上搞个拍照上传,由于以前没做过类似的东西,百度了一下,还真的有一个这样的API(getUserMedia),不过浏览器支持情况不实很好,以下是getUserMedia的支持情况: ...

Canvas镜像翻转

Canvas镜像翻转的原理就是从原图像或者原Canvas的边角获取相应长宽的像素值,然后对获取的像素值进行反转(上下竖向反转,左右横向反转),再将反转后的像素绘制到对应的镜像边框上。 下面是反转过...

函数节流的实际应用

之前在网上看过一些有关函数节流方面的东西,对于其实际的应用场景,说的比较多的是在窗口频繁的resize的时候,前几天在做项目的时候也遇到了一个需要用到函数节流的问题,场景是这样的,在一个主画布中(...

使用Canvas来模拟画一棵树

首先说一下思路: 从树干开始依次循环指定层数值(不要太大),每次随机画指定限制次数内的树枝(这里是3),然后给数值一定规律循环的颜色。这样就得到了一棵树,也可能像一朵西蓝花。 实现代码: ...