最近更新

利用lottery.js和anime.js实现一个抽奖小转盘

利用lottery.js和anime.js实现一个抽奖小转盘
几乎每年快过年的时候,我都要为公司写一个抽奖小游戏,而且每次抽奖我都能中奖,记得有一年我拿到二百多的号码,结果中了二等奖,奖品是一个挂烫机。有一年拿到三百多的号码,中了三等奖,奖品是一个床上四件套。搞...

函数作为对象的属性和方法(call、apply、bind)

我不会java,但是看过一些文章,说的是java里面的函数必须有一个对象带着才能使用,比如obj.fn(),但是在JavaScript中,函数作为一个独立的个体,不需要obj对象作为大哥带着小弟玩儿了,因为函数在JavaScript中,本身就是对象,所以把函数也叫做一等公民。函数可以单独使用,也可以...

吞下作用域和闭包,感觉世界都清晰了!

写程序最开始遇到的可能就是早期的作用域问题了吧,总是命名冲突,访问不到对应的数据,所以理解函数的前提还是理解作用域。下面的内容会比较枯燥,需要高度的注意力集中……1、作用域了解1.1 作用域几乎所有的编程语言最基本的功能之一,就是能够储存变量当中的值,并且能够在之后对这个值进行访问修改。正是这种储存...

jQuery+localStorage实现本地任务清单

jQuery+localStorage实现本地任务清单
HTML5增加了localStorage本地存储,比以前的cookie小饼干存放的数据增多了,还是很好用的,用来存放用户信息或者做一个本地的任务清单还是绰绰有余的。点击图片直接看具体效果。功能:1、如...

HTML5新增的拖拽上传API

早期拖拽的实现很麻烦,需要利用mousedown,mousemove,mouseup结合事件对象来实现,相当麻烦。<div class="box"></div> <script>     c...

点击空白处隐藏某个元素最好的方法不是阻止冒泡

显示隐藏类的弹出面板,一般都有一个需求,在面板本身上点击的时候,面板不隐藏,在除面板之外的其它区域点击,要隐藏这个面板。以前常常用点击面板的时候阻止这个事件的冒泡,然后再在document上委托这个关闭面板的点击事件。比如这样的结构:<div class="wrapper&...

transform中的3D变化,你的眼睛真好骗!

好久没写教程了,这几年忙着上课备课,学习新的框架,忙着新公司的事情,一点空余的时间都榨不出来,结果新公司还是干倒闭了,万事皆空……!趁着现在没工作,把教程案例整理一下,算是做个总结。也不知道自己前端开发这个方向的职业生涯是否已经结束,毕竟这个就业市场对我们老人太不友好了。如果我真的转行了,这个网站就...

3D正方体转圈圈,有点催眠!

3D正方体转圈圈,有点催眠!
网页上大部分的transform都是2D的变换,不过3D变形的确更酷炫一些,如果想啃一下这个知识点,可以移步到教程区:transform中的3D变化,你的眼睛真好骗!这里分享一个比较经典的3D正方体效...

HTML5拖拽API实现本地拖拽或点击选择多张图片显示缩略图

HTML5拖拽API实现本地拖拽或点击选择多张图片显示缩略图
关于HTML5拖拽API的具体教程可以移步到教程区查看:HTML5新增的拖拽上传API下面这个案例实现了拖拽或者点击选择多张图片,显示缩略图,并且可以删除缩略图等效果。点击图片查看具体效果。1、可以在...

利用正则验证表单登录数据合法性

利用正则验证表单登录数据合法性
关于正则的教程,可以查看:正则这个火星文!学完正则后,可以通过表单登录来练习正则的使用。点击图片可以查看具体效果。功能:1、输入框获得光标时,出现提示要输入数据的格式的tips。2、用户名要求字母开头...
Top