js

js评论打分功能

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

头像裁切上传

公司项目需要,做一个用户中心头像裁切上传功能,为了项目进度,使用了图片裁切工具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。当然,这有个前…阅读全文

jquery.form插件使用

键名 描述 type (默认为表单的method属性值,若未设置取GET) 请求的类型,例如:POST、GET、PUT及PROPFIND。大小写不敏感。 url (默认取表单的action属性值,若未设置默认取window.location.href) 请求的URL地址,可以为绝对地址也可以为相对地址。 data (对象成员必须包含name和value属性)提供额外数据对象,通过$.param()函数返回序列化后的字符串,稍后会拼接到表单元素序列化的字符串之后。 extraData (此参数无需外部提供,由内部处理) 此参数是data在进行序列化成字符串之前的一个拷贝,只用于在表单包含<…阅读全文

Html5 Canvas的putImageData问题

发现问题起因 最近在捣鼓html5画布那点功能,想做一个diyT恤的小程序,需求是这样的: 需要在T恤上的指定区域上diy图片或者文字,diy素材可以在指定区域拖动,超出diy区域会被截掉。 起初我是先创建了一个canvas1画布,在这个画布上面drawImage(imgdata) 然后传diy素材调整好位置 为了能使diy区域的素材能在指定大小范围内显示,我又创建了一个canvas2的画布,定义这个画布为diy区域的大小为约定的可diy区域大小,然后把canvas2上的diy数据先getImageData(0,0,200,260)然后putImageData(imgData)到canvas1…阅读全文

面向对象javascript的继承性

“继承”是面向对象软件技术当中的一个概念。如果一个类A继承自另一个类B,就把这个A称为”B的子类”,而把B称为”A的父类”。继承可以使得子类具有父类的各种属性和方法,而不需要再次编写相同的代码。在令子类继承父类的同时,可以重新定义某些属性,并重写某些方法,即覆盖父类的原有属性和方法,使其获得与父类不同的功能。另外,为子类追加新的属性和方法也是常见的做法。 请看下面实例:

面向对象JavaScript的多态

多态的实际含义是:同一操作作用于不同的对象上面,可以产生不同的解释和不同的执行结果。换句话说,给不同的对象发送同一个消息的时候,这些对象会根据这个消息分别给出不同的反馈。 从字面上来理解多态不太容易,下面我们来举例说明一下。 主人家里养了两只动物,分别是一只鸭和一只鸡,当主人向它们发出“叫”的命令时,鸭会“嘎嘎嘎”地叫,而鸡会“咯咯咯”地叫。这两只动物都会以自己的方式来发出叫声。它们同样“都是动物,并且可以发出叫声”,但根据主人的指令,它们会各自发出不同的叫声。 其实,其中就蕴含了多态的思想。下面我们通过代码进行具体的介绍。 我们把上面的故事用JavaScript代码实现如下: 这段代码确实体…阅读全文

Js中instanceof 的用法

在 JavaScript 中,判断一个变量的类型常常会用 typeof 运算符,在使用 typeof 运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回 “object”。这就需要用到instanceof来检测某个对象是不是另一个对象的实例。 另外,更重的一点是 instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。 例如: 上面的代码中是判断了一层继承关系中的父类,在多层继承关系中,instanceof 运算符同样适用。

移动端日期控件 mobiscroll

Mobiscroll是一个用于触摸设备(Android phones, iPhone, iPad, Galaxy Tab)的日期和时间选择器jQuery插件。可以让用户很方便的只需要滑动数字既可以选择日期。Mobiscroll作为一款jQuery日期插件可以让用户自定义主题,完全通过CSS文件修改样式,经过测试可以完美使用在iOS4,Android 2.2, Android 2.3的浏览器,Safari浏览器,火狐,IE9等浏览器上面。 当然在pc的浏览器上跑,效果也还不错。建议使用支持css3的浏览器访问^_^ 官网地址:http://www.mobiscroll.com/ 演示地址:dem…阅读全文

js创建数组技巧

js创建一个很长的数组且每个下标值都是相同的,技巧如下: Array(256).join(1).split(“”);

html5实现手机摇一摇效果

支持Web浏览器/设备 iOS Safari 4.2.1 (and above) Android 4.0.3 (default browser) Chrome 41+ for Android Opera Mobile (Android) BlackBerry PlayBook 2.0 Firefox for Android FirefoxOS Devices 演示地址:demo 插件地址:https://github.com/alexgibson/shake.js