js获取验证码倒计时效果

很多网页js特效相信从事前端行业的同学不管用什么方法多数都可以自己实现出来,但从事前端时间久了在回头看之前写过的代码感觉一团糟虽然实现了但是代码量特别大特别繁琐,反正我是有这种感觉!就拿这篇文章的例子来说: 下面是一个做前端经常会用到的一个效果就是发送手机验证码的这个按钮特效,以前在做这个效果的时候都是依赖jquery的,而且写的特别繁琐,下面这个是我经过多次改良优化用最少的代码实现出了这个效果,也是我写的最有自信的一段代码,而且是纯js的哦!大家如果有更简洁的方案可以发出来互相学习一下:

jQuery自带Js模块加载器

实例 通过 AJAX 请求来获得并运行一个 JavaScript 文件: 定义和用法 getScript() 方法通过 HTTP GET 请求载入并执行 JavaScript 文件。 语法 参数 描述 url 将要请求的 URL 字符串。 success(response,status) 可选。规定请求成功后执行的回调函数。 额外的参数: response – 包含来自请求的结果数据 status – 包含请求的状态(”success”, “notmodified”, “error”, &#8220…阅读全文

HTML5 Canvas鼠标穿过PNG透明图-高亮选中图片

demo:点击查看 参考资料:点击查看 Canvas特效案例汇总展示: 服装DIY:http://www.loveqiao.com/dom/works/pcdiy/ 移动试衣间:http://www.loveqiao.com/dom/works/fitting/ Canvas图片合成:http://www.loveqiao.com/archives/53/ Canvas涂鸦画板:http://www.loveqiao.cn/dom/html5css3/canvas.html Canvas橡皮擦:http://www.loveqiao.com/dom/html5css3/canvas-erase…阅读全文

js评论打分功能

QQ截图20150919095713

发现还是有很多网页制作的人员对于那种评论打分的特效感兴趣,为了让自己的博客能够提升点人气,我也写了一个希望能帮助到有需要的人,具体实现思路: 1、鼠标划过五角星上计算当前五角星以及小于当前索引的五角星全部追加选中状态; 2、鼠标点击五角星在父节点记录当前索引(以备鼠标在次划入划出时还原); 3、鼠标划离五角星执行遍历所有小于等于父节点记录的number索引的五角星追加选中状态。 演示地址:demo

Firefox 火狐网址生成二维码扩展推荐

随着智能手机的普及,现在在智能设备上浏览网页也已经变得稀松平常,但很多时候在手机上输入网址却是个费(Dan)力(Teng)的事情,于是浏览器中打开的网址转到手机上访问,也可以算是一个很普遍的需求。 目前国产厂商诸如360、搜狗、傲游、百度、QQ浏览器等很多都集成了网址生成二维码的功能,并结合云账号等,提供跨屏浏览的服务。 经常在微博上,有人私信浏览迷账号,咨询火狐浏览器的二维码扩展,浏览迷此前也曾体验过多个,但一直不太满意。 偶然一次,安装火狐中国版,发现竟然集成了一款这样的扩展,附加组件管理器,一款非常简洁的二维码工具。 如上图所示,该扩展安全标识、提醒、拖拽手势等功能,如果只想使用网址二维…阅读全文

头像裁切上传

QQ截图20150910151149

公司项目需要,做一个用户中心头像裁切上传功能,为了项目进度,使用了图片裁切工具jquery.jcrop插件,具体实现思路: 1、先实现一个图片单张上传功能; 2、图片模拟裁切工具,计算出大小、坐标; 3、编辑后的图片、大小、坐标发送服务器,返回头像处理结果。 其实真正实现裁切的是在后端。整体思路来源于小米网个人中心上传头像功能 演示地址:demo

nodejs中exports与module.exports的区别

原文:http://www.hacksparrow.com/node-js-exports-vs-module-exports.html 你肯定非常熟悉nodejs模块中的exports对象,你可以用它创建你的模块。例如:(假设这是rocker.js文件) 在另一个文件中你这样引用 那到底Module.exports是什么呢?它是否合法呢? 其实,Module.exports才是真正的接口,exports只不过是它的一个辅助工具。 最终返回给调用的是Module.exports而不是exports。 所有的exports收集到的属性和方法,都赋值给了Module.exports。当然,这有个前…阅读全文

html5 pattern表单验证

02

patternMismatch 目的:根据表单控件上设置的格式规则验证输入是否为有效格式。 用法:在表单控件上设置pattern特性,井赋予适当的匹配规则。 示例: