摘要:想写这个框架很长时间了,一直没有时间,断断续续写了一些,端午节这两天宅在家把它完成了。兼容ie9+以上windowphone,android,ios等支持现代浏览器的移动端。支持多层嵌套scroll和页面多scroll,随时改变宽度和改变内容对scroll无影响,开发者只需关注内容和业务逻辑。废话少... 阅读全文
posted @ 2014-06-02 12:08 OD 阅读(5886) 评论(10) 推荐(1) 编辑
摘要:html5现在很火,但兼容性问题还是很严重,不比pc下的ie6的问题少,做过智能机html5开发的话,应该明白滴。html5中的canvas本身是一种像素画板,想实现动画,就必须自己重绘,这点和用dom来现实的动画是有区别的。用dom的话,你只需要一直改变dom的样式,动画就完成,而canvas中,则是擦出掉上次画的,画上现在的,重复这一过程。而且在dom中,可以给每个元素设置事件,而canvas内部则没有事件机制,需要自己去模拟。用OO的方式来写代码,会让代码看起来很清楚,维护方便,我喜欢这种方式,这里有两个类: Stage 舞台类,表示canvas这个舞台。 有这些公开的接口, ... 阅读全文
posted @ 2012-12-04 17:08 OD 阅读(9512) 评论(2) 推荐(3) 编辑
摘要:支持ie6+,firefox,chrome等现代浏览器。<!doctype html><html><head><title>aiQuery test</title> </head><body><div class="aaa"><div class="bbb"><label>用户名:</label><input type="text" id="username"/></ 阅读全文
posted @ 2012-11-27 23:05 OD 阅读(718) 评论(0) 推荐(0) 编辑
摘要:研究javascript是很有意思的事情,以前我说过,在javascript中的继承,在于维持prototype指向同一object就行了,确实这样。我今天做的尝试是,如何更它更像其他的语言一样的使用继承机制,多层继承和更方面的调用父类的构造。我希望达到的效果:functionA(){alert('a');}functionB(){this.$supClass();alert('b');}extend(B,A);functionC(){this.$supClass();alert('c');}extend(C,B);varc=newC();ale 阅读全文
posted @ 2012-01-05 12:30 OD 阅读(1621) 评论(7) 推荐(3) 编辑
摘要:这样的形式执行:d.wait(3000).run(function(m){//等待3秒alert('从前有座山');}).wait(1000).run(function(m){//等待1秒alert('山里有座庙');}).wait(2000).run(function(m){//等待2秒alert('庙里有一个老和尚给一个小和尚讲故事');}).wait(3000).run(function(m){//等待3秒alert('讲的故事是:');}).goStart();//跳到第一条重新执行,这句拿掉就只执行一次<!doct 阅读全文
posted @ 2012-01-04 17:12 OD 阅读(1086) 评论(2) 推荐(0) 编辑
摘要:这几个demo上星期平安夜做的,感觉效果不错,就放在出来,分享给大家。 要在二维空间模拟出三维的效果,就需要把三维的坐标转换成二维坐标。一个最基本依据是:东西越远,看到大小就越小,坐标越往消失点靠拢。 透视公式: scale = fl / (fl + z); scale是大小的比例值,0.0到1.0之间,fl是观察点到成像面的距离,通常这个值是固定,z就是物件的三维空间中的z轴。 在写这些代码之前,我喜欢用面向对象来描述我写的这些东西,比如我需要一个场景,场景是个空间,空间内是可以容纳各种物件的,物件是个对象,物件是是x,y,z三个维度的,场景可以插入任意多的物件,物件... 阅读全文
posted @ 2011-12-31 00:15 OD 阅读(7141) 评论(24) 推荐(8) 编辑
摘要:canvas简单画板,花了几个小时搞定的简单玩意,目前只是初步demo,有时间在完善一下。<!doctype html><html><head><title>canvas简单画板</title><style type="text/css">#can{ width:600px; height:500px; border:1px solid #ccc; margin-top:0px; margin-left:20px;}</style></head><body><h 阅读全文
posted @ 2011-12-05 00:02 OD 阅读(1717) 评论(0) 推荐(0) 编辑
摘要:solr 查询参数说明常用 q - 查询字符串,必须的。fl - 指定返回那些字段内容,用逗号或空格分隔多个。start - 返回第一条记录在完整找到结果中的偏移位置,0开始,一般分页用。rows - 指定返回结果最多有多少条记录,配合start来实现分页。sort - 排序,格式:sort=<field name>+<desc|asc>[,<field name>+<desc|asc>]… 。示例:(inStock desc, price asc)表示先 “inStock” 降序, 再 “price” 升序,默认是相关性降序。wt - (wri 阅读全文
posted @ 2011-11-28 11:58 OD 阅读(527) 评论(0) 推荐(0) 编辑
摘要:1) 远程仓库相关命令检出仓库:$ git clone git://github.com/jquery/jquery.git查看远程仓库:$ git remote -v添加远程仓库:$ git remote add [name] [url]删除远程仓库:$ git remote rm [name]修改远程仓库:$ git remote set-url --push[name][newUrl]拉取远程仓库:$ git pull [remoteName] [localBranchName]推送远程仓库:$ git push [remoteName] [localBranchName]2)分支(br 阅读全文
posted @ 2011-09-30 10:41 OD 阅读(2182) 评论(0) 推荐(0) 编辑
摘要:关于js中的继承,网上有很多文章了,在这里我写出自己对js中的继承的理解。第一个阶段:functionA(){this.funB=function(){alert('A:funB');};}A.prototype={funA:function(){alert('A:funA');}};functionB(){}functionextend(sub,parent){sub.prototype=newparent();sub.prototype.constructor=sub;}extend(B,A);varb=newB();b.funA();//out'A 阅读全文
posted @ 2011-08-26 18:49 OD 阅读(1815) 评论(9) 推荐(2) 编辑