js实现刮刮卡效果

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

js无刷新上传

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

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

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

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

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

H5拍照上传

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

Canvas镜像翻转

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

函数节流的实际应用

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

使用Canvas来模拟画一棵树

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

JavaScript简单实现MVC

最近看了“30行代码实现Javascript中的MVC”这篇文章(http://web.jobbole.com/85108/),受益良多,在此记录下学习的心得。 提到MVC,基本都会从一些框架开始...

Javascript拖拽拼图

实现拖拽拼图的思路: 1. 首先将一个大图划分成指定定长宽的小块,生成map数组(为了让效果更富有动感,在生成最终的map之前会先打乱数组的顺序),并绘制在页面中(这里我们采用div+css来布局...